Not Just a Limited PC
Leveraging device characteristics   23 January 2008

to improve the user experience
and ease of use
Who am I?
Usability, human factors, interaction
design, industrial design, marketing,
engineering, entrepreneurship, MBA
 ...
A good user experience

A process, system, or interface that is

                       Matches user’s mental model
  • Us...
Example:
Add to expense report
Can a one-web approach deliver a
good experience?




                                   4
a one-web approach

                         Standby
                         screen
                         Full web
   ...
a one-web approach

                         Signing in
                         took a full
                         minu...
a one-web approach

                         Zoom to
                         select the
                         actual r...
a one-web approach

                         Current report
                         details
                         Find...
a one-web approach

                            First area was
                            wrong
                         ...
a one-web approach

                         The relevant
                         button, at the
                        ...
a one-web approach

                          Full view
                          again, but
                          cle...
a one-web approach

                          Scrolling to
                          the new
                          sec...
a one-web approach

                     Have fun with
                     the table on a
                     small scre...
a one-web approach

                          Continuing to
                          scroll to fill in
                   ...
a one-web approach

                          Scroll back to
                          the submit
                        ...
a one-web approach

                          Done!



                          I think.




                     12     ...
Example:
Add to expense report
Simple mobilization helps




                            17
simple mobilization

                          Standby
                          screen
                          Full or ...
simple mobilization

                          User name
                          and password
                          ...
simple mobilization

                          Select an
                          existing
                          repo...
simple mobilization

                          A summary of
                          the current
                        ...
simple mobilization

                          ...with the
                          relevant link
                       ...
simple mobilization

                          Finally adding
                          a new
                          ex...
simple mobilization

                          Free-form
                          text entry is
                         ...
simple mobilization

                          Done!


13




                      8           25
Example:
Add to expense report
Good design
Mobile context




                        26
intelligent design

                         Standby
                         screen, full or
                         mob...
intelligent design

                         Phone ID
                         identifies user
                         Rep...
intelligent design

                         Expense entry


10




 4




                     3              29
intelligent design

                         Location
                         deduced
                         Entry field...
intelligent design

                         Done.


13




 8




                     5           31
Example:
Add to expense report
Moving forward
Widgets or local application
Full device capability exploitation




       ...
widgetization

                    Standby
                    screen
                    widgets
 1                  Info...
widgetization

                    Glanceable
                    options: scan,
                    templates,
6         ...
widgetization

                    Camera as a
                    scanner




                3                 35
widgetization

                    Machine
                    vision receipt
                    verification
11




 4


...
widgetization

                    Done!


                    5 steps, but
13
                    no data entry



 8



...
The importance of user experience
Engage your users
Reduce support costs
Reduce employee load
Reduce abandoned shopping ca...
What I was supposed to talk about
What is a good user experience
Beyond the linear user interface
Working with not against...
Thank you.
User Research                      23 January 2008
Product Strategy
Design
User Testing
Commentary

www.littles...
Upcoming SlideShare
Loading in...5
×

Leveraging Device Characteristics

4,975

Published on

compares 4 mobile web design philosophies; presented at Mobile Web USA, January 2008

Published in: Economy & Finance, Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,975
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Leveraging Device Characteristics

  1. 1. Not Just a Limited PC Leveraging device characteristics 23 January 2008 to improve the user experience and ease of use
  2. 2. Who am I? Usability, human factors, interaction design, industrial design, marketing, engineering, entrepreneurship, MBA Barbara Ballard Product designer, product strategist, blogger Mobilist 2
  3. 3. 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 3
  4. 4. Example: Add to expense report Can a one-web approach deliver a good experience? 4
  5. 5. a one-web approach Standby screen Full web browser: Safari, Opera Mini, etc. 1 5
  6. 6. a one-web approach Signing in took a full minute via triple tap Full view, select a report 4 6
  7. 7. a one-web approach Zoom to select the actual report 5 7
  8. 8. a one-web approach Current report details Find the right area, zoom in 6 8
  9. 9. a one-web approach First area was wrong Zoom out to scroll faster 7, 8 9
  10. 10. a one-web approach The relevant button, at the bottom of the page 9 10
  11. 11. a one-web approach Full view again, but clearly with a new section at the bottom 10 11
  12. 12. a one-web approach Scrolling to the new section to zoom 10 12
  13. 13. a one-web approach Have fun with the table on a small screen Side scrolling makes the button disappear 13
  14. 14. a one-web approach Continuing to scroll to fill in the table 11 14
  15. 15. a one-web approach Scroll back to the submit button 12 15
  16. 16. a one-web approach Done! I think. 12 16
  17. 17. Example: Add to expense report Simple mobilization helps 17
  18. 18. simple mobilization Standby screen Full or mobile 1 browser 1 18
  19. 19. simple mobilization User name and password entry, with 4 triple-tap 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 dificult 11 7 24
  25. 25. simple mobilization Done! 13 8 25
  26. 26. Example: Add to expense report Good design Mobile context 26
  27. 27. intelligent design Standby screen, full or mobile 1 browser 1 1 27
  28. 28. intelligent design Phone ID identifies user Report is 6 selected automatically Access keys speed choices 4 Mobile tasks 2 28
  29. 29. intelligent design Expense entry 10 4 3 29
  30. 30. intelligent design Location deduced Entry fields 11 optimized for mobile Typical places pre-entered 4 4 30
  31. 31. intelligent design Done. 13 8 5 31
  32. 32. Example: Add to expense report Moving forward Widgets or local application Full device capability exploitation 32
  33. 33. widgetization Standby screen widgets 1 Information customized by time, location 1 1 1 33
  34. 34. widgetization Glanceable options: scan, templates, 6 notes 4 2 2 34
  35. 35. widgetization Camera as a scanner 3 35
  36. 36. widgetization Machine vision receipt verification 11 4 4 4 36
  37. 37. widgetization Done! 5 steps, but 13 no data entry 8 5 5 37
  38. 38. The importance of user experience Engage your users Reduce support costs Reduce employee load Reduce abandoned shopping carts Support your brand 38
  39. 39. What I was supposed to talk about What is a good user experience Beyond the linear user interface Working with not against devices Beyond directions: GPS and more The importance of user experience 39
  40. 40. Thank you. User Research 23 January 2008 Product Strategy Design User Testing Commentary www.littlespringsdesign.com patterns.littlespringsdesign.com

×