Screen Design Patterns

A list of documented solutions to common mobile design issues.

Interactive Elements
List-Based Layout - the most common page layout
Fisheye Lists - for peeking into list details
Zoom List - same as Fisheye lists???
Table-Based Layout
Location Selection - used to manage various methods of eliciting and storing the user's location
Returned Results - used for displaying a list of results (email, news, yellow pages)
Menu - list of commands
Tool Overlay - an overlay of tools similar to softkeys
Tab Navigation - used for creating multiple pages "visible" from a single screen
Breadcrumbs - used for signposting ("You are Here")
Error Messages - used for displaying a full-screen or dialog-box error message
Carousel - used for displaying sets of visual content
Circular Scrolling
Mobile Typography
Margins & Gutters - edge and inside...
Text Entry
Infinite List - for an arbitrarily long list on platforms that can update dynamically
Flying Icon Menu - used primarily on touch devices
Film Strip - full screen carousel
Picker/Spinner
Login
Expanding List
Thumbnail List
Wait Indicator
Markable list
Auto Complete
Clear Text Field
Global Navigation at Bottom
Use Right Size Image