Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Asynchronous UX Patterns – How Can I Say Goodby...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ueharak ueharak
June 20, 2019
Design
1
100

Asynchronous UX Patterns – How Can I Say Goodbye to Progress Bars?

Avatar for ueharak

ueharak

June 20, 2019
Tweet

More Decks by ueharak

See All by ueharak
専門職倫理としての IP reachability, machine readability, and human accessibility.
Avatar for ueharak ueharak
0
77
デザイナーがいないB2Bサービス会社でデザインをがんばる
Avatar for ueharak ueharak
0
110
くじけそうになってもマイクロサービス化を粘り強く進めようとしている話
Avatar for ueharak ueharak
0
2.9k
私とキーボード - 余は如何にしてErgoDoxerとなりし乎 -
Avatar for ueharak ueharak
0
2.9k

Other Decks in Design

See All in Design
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
490
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
680
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
130
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
850
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
380
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
240

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
920
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
240
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
120
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k

Transcript

  1. Asynchronous UX Patterns How Can I Say Goodbye to Progress

    Bars? Kazuhiko Uehara

  2. Loading…

  3. Do you like Progress Bars?

  4. How long have you ever waiting for progress bars finish

    in your life?

  5. How many times have you felt disappointed if the progress

    bar won't finish as you expected?

  6. from: Wikipedia Technology is progress

  7. Good Progress Bar Progress 0% 25% 50% 75% 100% Time

    1 2 3 4 5

  8. Actual Progress Bar(1) Progress 0% 25% 50% 75% 100% Time

    1 2 3 4 5

  9. Actual Progress Bar(2) Prograss 0% 25% 50% 75% 100% Time

    1 2 3 4 5

  10. Bad Progress Bar Progress 0% 25% 50% 75% 100% Time

    1 2 3 4 5 Re-calculation

  11. Why the Progress Bar Inaccurate? Loading…

  12. Difficult to make each task size equally Progress 0% 25%

    50% 75% 100% Time 1 2 3 4 5 small tasks large tasks

  13. Many users access same resources Progress 0% 25% 50% 75%

    100% Time 1 2 3 4 5 someone’s tasks my tasks

  14. We can not predict the future

  15. We can not predict the future

  16. Try Asynchronous Pattern Fire & Forget, Notify Pattern:

  17. Fire & Forget, Notify

  18. Thank you!