Appendix A. 

Additional Resources

Companion website and blog at www.mobiledesignpatterngallery.com.

Checkout the photostream for more examples of each pattern.

For expert mobile design tips, follow me on @mobilepatterns.

Navigation

Primary Navigation

image with no caption

Springboard

Use a grid layout for items of equal importance, or an irregular layout to emphasize some items more than others. Consider personalization and customization options.

image with no caption

List Menu

List Menus work well for long titles or those that require sub text. Applications using List Menus should offer an option on all internal screens for returning to the List Menu, usually a button in the title bar with a list icon or the word “menu.”

 
image with no caption

Tabs

Clearly indicate the selected menu item by visually differentiating the selected tab from the others. Use easy to recognize icons or icons with labels.

 
image with no caption

Gallery

The Gallery pattern works best for frequently updated content ...

Get Mobile Design Pattern Gallery, Color Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.