M2 Ballard Full Web Isnt

915 views
834 views

Published on

Updated version of the earlier "Leveraging Device Characteristics" talk.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
915
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

M2 Ballard Full Web Isnt

  1. 1. The “Full Web” Isn’t Mobility Goes Beyond the November 2008 Desktop Mobile 2.0
  2. 2. Who am I? Usability, human factors, interaction design, industrial design, marketing, engineering, entrepreneur, MBA Product designer, product strategist, Barbara Ballard blogger Mobilist 2
  3. 3. Where are we? The Good The Bad The Ugly Opportunity
  4. 4. “Full Web” Experience t 4
  5. 5. A good user experience A process, system, or interface that is Matches user’s mental model • Usable or easy to deduce Right information, content, and • Useful features for current situation Engaging games, fun shopping, • Contextual reliable & efficient intranet 5
  6. 6. Example: Add to expense report Can a full-web approach deliver a good experience? 6
  7. 7. A full-web approach Standby screen Full web browser: Safari, Opera Mini, etc. 1 7
  8. 8. A full-web approach Signing in took a full minute via triple tap Full view, select a report 4 8
  9. 9. A full-web approach A few steps later ... Zoom to select the actual report 5 9
  10. 10. A full-web approach There seems to be a new section at the bottom 10 10
  11. 11. A full-web approach Scrolling to the new section to zoom 10 11
  12. 12. A full-web approach Have fun with the table on a small screen Side scrolling makes the button disappear 12
  13. 13. A full-web approach Continuing to scroll to fill in the table 11 13
  14. 14. A full-web approach Scroll back to the submit button 12 14
  15. 15. A full-web approach Done! Maybe. 12 Steps Text /Number 16 Fields 93 Clicks 13 min Time 12 15
  16. 16. Mobilization thousands of sites ... millions of dollars of VC ... all say mobilization is important 16
  17. 17. Example: Add to expense report Simple mobilization helps 17
  18. 18. Simple mobilization Standby screen Full or mobile browser 1 1 18
  19. 19. Simple mobilization User name and password entry, with triple-tap 4 2 19
  20. 20. Simple mobilization Select an existing report 5 3 20
  21. 21. Simple mobilization A summary of the current report... 6 4 21
  22. 22. Simple mobilization ...with the relevant link at the bottom 9 5 22
  23. 23. Simple mobilization Finally adding a new expense 10 6 23
  24. 24. Simple mobilization Free-form text entry is difficult 11 7 24
  25. 25. Simple mobilization Done! 13 8 Steps Text/Number 6 Fields 51 Clicks 7 min Time 8 25
  26. 26. Intelligent design 26
  27. 27. Intelligent design USAA: insurance, banking, investing service 27
  28. 28. Intelligent design USAA: insurance, banking, investing service 28
  29. 29. Intelligent design only insurance item highly mobile 29
  30. 30. Example: Add to expense report Good design Mobile context 30
  31. 31. Intelligent design Standby screen, full or mobile browser 1 1 1 31
  32. 32. Intelligent design Phone ID identifies user Report is 6 selected automatically Access keys speed choices Mobile tasks 4 2 32
  33. 33. Intelligent design Expense entry 10 4 3 33
  34. 34. Intelligent design Location deduced Entry fields 11 optimized for mobile Typical places pre-entered 4 4 34
  35. 35. Intelligent design Done. 13 Steps 5 Text/Number 2 Fields 8 25 Clicks 2 min Time 5 35
  36. 36. Widgets current widgets useful but still desktop thinking 36
  37. 37. Beyond button interface other input mechanisms important for mobile 37
  38. 38. Example: Add to expense report Moving forward Widgets or local application Full device capability exploitation 38
  39. 39. Widgetization Standby screen widgets Information 1 customized by time, location 1 1 1 39
  40. 40. Widgetization Glanceable options: scan, templates, notes 6 4 2 2 40
  41. 41. Widgetization Camera as a scanner 3 41
  42. 42. Widgetization Machine vision receipt verification 11 4 4 4 42
  43. 43. Widgetization Done! 5 13 Steps Text/ 0 Number Fields 6 Clicks 8 1.5 min Time 5 5 43
  44. 44. Steps Text/ Number Fields Clicks Time Full Web Mobilization Intelligent Design Widgetization 44
  45. 45. Full Web Mobilization Intelligent Design Widgetization 45
  46. 46. The importance of user experience Engage your users Reduce support costs Reduce employee load Reduce abandoned shopping carts Support your brand 46
  47. 47. Thank you. User Research November 2008 Product Strategy Mobile 2.0 Design User Testing Commentary www.littlespringsdesign.com patterns.littlespringsdesign.com

×