mobile design patterns

15

Upload: evan-hughes

Post on 16-Jan-2015

595 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Mobile design patterns
Page 2: Mobile design patterns
Page 3: Mobile design patterns
Page 4: 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

Page 5: Mobile design patterns
Page 6: Mobile design patterns
Page 7: Mobile design patterns

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

Page 8: Mobile design patterns
Page 9: Mobile design patterns
Page 10: Mobile design patterns

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

Page 11: Mobile design patterns
Page 12: Mobile design patterns
Page 13: Mobile design patterns

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

Page 14: Mobile design patterns

Combination Patterns

Page 15: Mobile design patterns