Notes on Mobile UX
•
0 likes•1,082 views
thoughts on Mobile and the shift it represents compared to classic web layouts, which were derived from print but had their own morphology. Concludes with a few notes on how to optimize designs for mobile platforms.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Notes on Mobile UX
Similar to Notes on Mobile UX (20)
Recently uploaded
Recently uploaded (20)
Notes on Mobile UX
- 1. Giles Phillips - @gilesphillips Notes on mobile UX
- 2. Web pages are clickable newspapers
- 3. The concepts map, but the design isn’t optimized
- 4. Newspapers have pretty large viewports You can fit lots of content
- 5. HEADER
- 6. HEADER + LOGO PAGE HEADLINE IMAGE AND CAPTION COLUMN COLUMN COLUMN COLUMN important messaging
- 7. HEADER + LOGO + GLOBAL NAV PAGE HEADLINE IMAGE AND CAPTION SECONDARYNAV COLUMN COLUMN SIDEBARNAV important annoying message
- 8. HEADER + GLOBAL NAV PAGE HEADLINE SECONDARYNAV SIDEBARNAV annoying message!!
- 10. Newspapers are also highly mobile But sort of hard to read this way...
- 11. Too bad this doesn’t fold up
- 12. mobile devices have created a revolutionary new medium
- 13. KVM (Keyboard, Video, Mouse) is a transitional interface
- 14. Somewhere between dials and knobs...
- 16. Mobile is more natural: touch & voice inputs Carried on the body, mobile extends us We’ve become Cyborgs
- 17. mobile is disrupting the user experience: design paradigms, constraints, metaphors
- 18. Design is creation for use Design has intent Expressing intent as simply as possible is good design OPTIMIZE
- 19. OPTIMIZING MOBILE UX - FORM FACTOR • Small viewport = limited screen real estate - Old nav paradigms not efficient, use new lighter models - Shorten content for affordances and headings • Make your affordances big (40x40px +10 px) • Hovers = fail • Popups stink • Reference the platform interface guidelines
- 20. OPTIMIZING MOBILE UX - PERFORMANCE • Load times are just as important as ever • Minimize payload - including using the UX to break up requests • Perceived performance as an element of your user experience
- 21. OPTIMIZING MOBILE UX - CONTEXT OF USE • Map your user scenario & touchpoint • Design for a 1-minute timebox • Divided attention, not sustained attention • Mobile usage is not about engagement - Usage tends to be destination-driven - The completion of a specific task - Responding to an alert or checking update
- 22. OPTIMIZING MOBILE UX - CONTENT • Different labels work better on mobile • Always be succinct • Map or storyboard your content along a linear sequence