Mobile design patterns
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mobile design patterns

on

  • 821 views

 

Statistics

Views

Total Views
821
Views on SlideShare
761
Embed Views
60

Actions

Likes
0
Downloads
19
Comments
0

1 Embed 60

http://xwiki.usc.edu 60

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • This pattern breaks you app into focused sub-tasksEarly Android UI patterns had the tab bar at the top of the screen, but can anyone tell me the issue with that location?

Mobile design patterns Presentation Transcript

  • 1.
  • 2.
  • 3.
  • 4. 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
  • 5.
  • 6.
  • 7. 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
  • 8.
  • 9.
  • 10. 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
  • 11.
  • 12.
  • 13. 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
  • 14. Combination Patterns