Cover by Theresa Neil

Safari, the world’s most comprehensive technology and business learning platform.

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required

O'Reilly logo

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

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required