Leveraging Device Characteristics

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 Barbara Ballard Product designer, product strategist, blogger Mobilist 2

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 & efﬁcient intranet 3

Example: Add to expense report Can a one-web approach deliver a good experience? 4

a one-web approach Standby screen Full web browser: Safari, Opera Mini, etc. 1 5

a one-web approach Signing in took a full minute via triple tap Full view, select a report 4 6

a one-web approach Zoom to select the actual report 5 7

a one-web approach Current report details Find the right area, zoom in 6 8

a one-web approach First area was wrong Zoom out to scroll faster 7, 8 9

a one-web approach The relevant button, at the bottom of the page 9 10

a one-web approach Full view again, but clearly with a new section at the bottom 10 11

a one-web approach Scrolling to the new section to zoom 10 12

a one-web approach Have fun with the table on a small screen Side scrolling makes the button disappear 13

a one-web approach Continuing to scroll to ﬁll in the table 11 14

a one-web approach Scroll back to the submit button 12 15

a one-web approach Done! I think. 12 16

Example: Add to expense report Simple mobilization helps 17

simple mobilization Standby screen Full or mobile 1 browser 1 18

simple mobilization User name and password entry, with 4 triple-tap 2 19

simple mobilization Select an existing report 5 3 20

simple mobilization A summary of the current report... 6 4 21

simple mobilization ...with the relevant link at the bottom 9 5 22

simple mobilization Finally adding a new expense 10 6 23

simple mobilization Free-form text entry is dificult 11 7 24

simple mobilization Done! 13 8 25

Example: Add to expense report Good design Mobile context 26

intelligent design Standby screen, full or mobile 1 browser 1 1 27

intelligent design Phone ID identiﬁes user Report is 6 selected automatically Access keys speed choices 4 Mobile tasks 2 28

intelligent design Expense entry 10 4 3 29

intelligent design Location deduced Entry ﬁelds 11 optimized for mobile Typical places pre-entered 4 4 30

intelligent design Done. 13 8 5 31

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

widgetization Standby screen widgets 1 Information customized by time, location 1 1 1 33

widgetization Glanceable options: scan, templates, 6 notes 4 2 2 34

widgetization Camera as a scanner 3 35

widgetization Machine vision receipt veriﬁcation 11 4 4 4 36

widgetization Done! 5 steps, but 13 no data entry 8 5 5 37

The importance of user experience Engage your users Reduce support costs Reduce employee load Reduce abandoned shopping carts Support your brand 38

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

Thank you. User Research 23 January 2008 Product Strategy Design User Testing Commentary www.littlespringsdesign.com patterns.littlespringsdesign.com

http://www.littlespringsdesign.com	82
http://feeds.feedburner.com	1
http://www.e-presentations.us	1
http://old.littlespringsdesign.com	1

Leveraging Device Characteristics

by Barbara Ballard on Jan 15, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 85

Statistics

Leveraging Device Characteristics — Presentation Transcript