Mobile design patterns

Post on 16-Jan-2015

590 views 0 download

Tags:

description

 

Transcript of Mobile design patterns

Flat Card Pattern

Pros• Quick Focused Content• Varied Content Layout

Cons• Traversing from start to end

of the stack• Issues of scaling the number

of cards• Tiny page dots

Tab/Nav Bar Pattern

Pros• Easy access to main sections• Easy overview of the

features and the context• Navigation marker

Cons• Limited number of tabs• Tab always on screen

List/Tree Pattern

Pros• Scales past 5 items• Direct interaction

Cons• User must remember their

navigation path• Must travel to top node to

access another branch• Scroll risk

Dashboard Pattern

Pros• Reveals capabilities• Offers shortcuts to key

sections• Can be colorful and

engaging

Cons• Falling out of favor• Return Navigation mystery• Hub-Spoke navigation

Combination Patterns