Progressive Disclosure & Progressive Reduction

A quick definition and a few examples.

Presented at AQ's Ride the Lightning Vol. 3 in Tokyo on Sept 26, 2013

Transcript

1. Progressive disclosure & reduction # ,
2. Progressive disclosure & reduction
3. Progressive reduction
4. Progressive reduction
5. What is a progressive disclosure? • Give the user just enough tools and information to make the next decision. • Once they take the action, show them more tools and information so they can make the next decision.
6. Facebook • I want to post something
7. • I want to post something Facebook
8. • I want to post something • I want to share my location Facebook
9. My ASICS • I want to run.
10. My ASICS • I want to run because I’m training for an event
11. Why progressive disclosure? • Fight interface clu er (especially on mobile) • Focus user on high-value, high relevance actions • Progressive learning of the app
12. Before A er
13. When to use it Low tolerance for learning Low predictability of use Infrequently performed tasks Conversion over efficiency e.g. SNS sign up flow
14. When NOT to use it Everything is a required field High predictability of tool use Many frequently performed tasks Efficiency over conversion e.g. custom accounting so ware
15. How to become progressive • Start with user action trees
16. Training for race? When? Goal time? Yes No Donno 10/24 Donno 4:30 IF YES, SHOW THIS
17. How to become progressive • Start with user action trees • Primary and common actions to the front • Secondary and infrequent actions to the back • Track and measure everything • Experiment!
18. What is a progressive reduction? • Pa ern 1 Hide tools and info the user doesn’t need anymore. • Pa ern 2
19. My ASICS • I’ve run before but…
20. My ASICS • I’ve run before but, I’ve never been timed.
21. What can you run? What was your time? I ran a timed race Never been timed 10k half-marathon marathon can run 20-30 min 30-60 min 60+ min 3:30 4:30 NO RACE TIME? HIDE THIS
22. What is a progressive reduction? • Pa ern 1 Hide tools and info the user doesn’t need anymore. • Pa ern 2 NEW! Simplify the UI as users learn
23. Layer Vault • I know what this means already.
24. When to use it Frequent use over long period Continuous learning You have the resources! e.g. B2B web service
25. resources Nielsen nngroup.com/articles/progressive-disclosure/ LayerVault blog layervault.tumblr.com/post/42361566927/progressive-reduction FastCo fastcolabs.com/3008419/tracking/first-time-user-experience-what- developers-need-know