Screen Design Patterns
From MobileDesign
[edit] 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

