O'Reilly logo

Mobile Design Pattern Gallery, Color Edition by Theresa Neil

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required