This document provides an overview of important considerations for mobile user experience design. It discusses screen size and input/output capabilities of mobile devices, as well as common touch controls and navigation patterns. The basics section outlines screen properties and input methods like taps, drags and gestures. Layout is discussed in terms of utilizing available screen real estate and organizing content. Examples are given of navigation menus, contextual menus and other interface elements. The document concludes with recommendations for design patterns and best practices.
3. Screen Size and
Proportions
Direct Interaction
with Display
Interface Built for
Touch
Variable Screen
Orientation
the basics
iPhone
HTC Evo
Droid 2
Palm Pre
BlackBerry Bold
23. Keep it simple and focused
Be consistent
Keep the user’s context in mind
Task
Location / Environment
Mind set
Always provide visual feedback
Limit scrolling to one direction
Put the most important content first
Limit image use, leverage styles
Review and test on target device
Clearly identify link targets
Include button to clear input fields
Define field type
Provide link to full site
Explore gestural patterns
Unlock
Delete
Avoid
Pop ups
Redirects
Auto refresh
patterns / best practices