Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Asynchronous UX Patterns – How Can I Say Goodby...
Search
ueharak
June 20, 2019
Design
1
98
Asynchronous UX Patterns – How Can I Say Goodbye to Progress Bars?
ueharak
June 20, 2019
Tweet
Share
More Decks by ueharak
See All by ueharak
専門職倫理としての IP reachability, machine readability, and human accessibility.
ueharak
0
77
デザイナーがいないB2Bサービス会社でデザインをがんばる
ueharak
0
110
くじけそうになってもマイクロサービス化を粘り強く進めようとしている話
ueharak
0
2.7k
私とキーボード - 余は如何にしてErgoDoxerとなりし乎 -
ueharak
0
2.8k
Other Decks in Design
See All in Design
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
520
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.8k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.3k
Yumika Yamada Portfolio
yumii
0
1.4k
デザイナー向けフライル説明資料
toshiblues
0
120
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Designing for humans not robots
tammielis
253
25k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Typedesign – Prime Four
hannesfritz
42
2.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Making Projects Easy
brettharned
117
6.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Transcript
Asynchronous UX Patterns How Can I Say Goodbye to Progress
Bars? Kazuhiko Uehara
Loading…
Do you like Progress Bars?
How long have you ever waiting for progress bars finish
in your life?
How many times have you felt disappointed if the progress
bar won't finish as you expected?
from: Wikipedia Technology is progress
Good Progress Bar Progress 0% 25% 50% 75% 100% Time
1 2 3 4 5
Actual Progress Bar(1) Progress 0% 25% 50% 75% 100% Time
1 2 3 4 5
Actual Progress Bar(2) Prograss 0% 25% 50% 75% 100% Time
1 2 3 4 5
Bad Progress Bar Progress 0% 25% 50% 75% 100% Time
1 2 3 4 5 Re-calculation
Why the Progress Bar Inaccurate? Loading…
Difficult to make each task size equally Progress 0% 25%
50% 75% 100% Time 1 2 3 4 5 small tasks large tasks
Many users access same resources Progress 0% 25% 50% 75%
100% Time 1 2 3 4 5 someone’s tasks my tasks
We can not predict the future
We can not predict the future
Try Asynchronous Pattern Fire & Forget, Notify Pattern:
Fire & Forget, Notify
Thank you!