Mobile Design Patterns&Navigation

Information’s extracted from Mobile Design Pattern Gallery: UI Patterns for Mobile Applications, I recommend you to read this book because has a lot of great content.

“Good navigation, like good design, is invisible.”

 

Springboard (Launchpad)

Use grid layout for items of equal importance, or an irregular layout to emphasize some items more than others.

Common layouts are 3×3, 2×3, 2×2, 1×2

image

 

Old versions but it’s showing great details about this pattern.

image

imageimage

 

Profile information can be added.

image

 

List menu

Works well for long titles or those that require sub text. All internal screens should offer an option for returning to List Menu.

image

image

image

 

Tabs

Tabs navigation is not OS neutral since each OS has their own guidelines for tab location and design.

image

image

image

 

Gallery

Surfaces individual pieces of content for navigation (articles, recipes, photos or products) can be arranged in a carousel, grid or slideshow.

Works great for frequently updated content.

image

image

 

Dashboard

image

Advertisements

Motorola in Android enterprise development

Check this presentations about a project called MX from Motorola, created to support enterprise development with Android.