• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Navigation Patterns for iOS, Android and More
 

Navigation Patterns for iOS, Android and More

on

  • 52,897 views

Designing a mobile application? Look at these design patterns for primary and secondary navigation. All the images from the book are included plus dozens of new examples. ...

Designing a mobile application? Look at these design patterns for primary and secondary navigation. All the images from the book are included plus dozens of new examples.

http://www.mobiledesignpatterngallery.com

Statistics

Views

Total Views
52,897
Views on SlideShare
33,144
Embed Views
19,753

Actions

Likes
142
Downloads
1,341
Comments
2

24 Embeds 19,753

http://mobiledesignpatterngallery.com 18886
http://flexeando.com 464
http://www.scoop.it 140
http://feeds.feedburner.com 119
http://www.mixxt.de 78
https://twitter.com 24
http://translate.googleusercontent.com 10
http://www.linkedin.com 7
http://servidor1.i2e.es 6
https://www.linkedin.com 2
http://www.netvibes.com 2
https://si0.twimg.com 2
http://zootool.com 2
https://tamusa.blackboard.com 1
http://ranksit.com 1
https://twimg0-a.akamaihd.net 1
http://tribeca.websitewelcome.com 1
http://flexeando.com. 1
http://theoldreader.com 1
https://abs.twimg.com 1
http://www.google.se 1
http://us-w1.rockmelt.com 1
http://springpad.com 1
http://mail.naver.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

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

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Navigation Patterns for iOS, Android and More Navigation Patterns for iOS, Android and More Presentation Transcript

    • By Theresa Neil O’Reilly Media, March 2012 Chapter 1: Navigation Patterns Take a look at the images from the book +70 new examples Get Startedwww.MobileDesignPatternGallery.com Follow me on Twitter @mobilepatterns
    • Primary Navigation PatternsSpringboard List Menu Tab Menu GalleryDashboard Metaphor Mega Menu
    • Navigation: Springboard from the bookFacebook Ovi Maps Norton Masters irregular layout
    • Navigation: Springboard from the bookTrulia LinkedIn NewsRoom Yahoo!Mobile w/ multiple pages
    • Navigation: Springboard from the book PayPal Gowalla Personalized Springboards
    • Navigation: Springboard updates & extrasEvernote Hello Flipboard Net-A-Porter WorldMate also uses a mega menu
    • Navigation: Springboard updates & extrasCraiglist Evernote Google Plus Pages circular with summary data with drill down
    • Navigation: Springboard updates & extrasSCVNGR mobli Google Docs rdio personalized
    • Navigation: Springboard updates & extras New York Times- The Scoop Outdoor Navigation MultiTexter circular
    • Navigation: List Menu from the bookValspar Paint Kayak BlackBoard Mobile Learn Zoho CRM enhanced list
    • Navigation: List Menu from the bookRadioTime Cozi Amazon MP3 Stratus
    • Navigation: List Menu updates & extras Facebook tap to reveal menu
    • Navigation: List Menu updates & extras Path pan to reveal menu
    • Navigation: List Menu updates & extras Shows Android Photo Editor Slacker Radio
    • Navigation: List Menu updates & extras Reeder Lapse It Any.DO
    • Navigation: Tab Menu from the bookJamie Oliver’s Recipe Library Molome Starbucks BlueMobile bottom tabs scrolling bottom tabs
    • Navigation: Tab Menu from the bookHarvest TimeTractor Fring foursquare HitPost scrolling top tabs top tabs
    • Navigation: Tab Menu updates & extrasPintrest Pose Instagram Zaarly tab menus with overloaded command buttons
    • Navigation: Tab Menu updates & extras Steam MagicHour Screencast Recorder top tabs
    • Navigation: Gallery from the book BBCNews pulse PictureIt
    • Navigation: Gallery from the book dwell flickr
    • Navigation: Gallery updates & extras Gowalla Evernote Meals LinkedIn also uses mega menu
    • Navigation: Gallery updates & extras Distill QuickPic itookapicture
    • Navigation: Dashboard from the bookMint ego Flex 4.5 Showcase
    • Navigation: Dashboard updates & extras Gaug.es baconreader PageOnce
    • Navigation: Dashboard updates & extras daily burn Windows Mobile FedEx
    • Navigation: Metaphor from the bookAwesome Note Aidiko Reader
    • Navigation: Metaphor from the book DoItTomorrow TripJournal Cellar
    • Navigation: Metaphor updates & extrasDJ iPhone Beats by Bjango
    • Navigation: Metaphor updates & extras Tap’n’Scratch Apple Cards
    • Navigation: Metaphor updates & extras Out of Milk iBook Square
    • Navigation: Mega Menu from the book Facebook Walmart
    • Navigation: Mega Menu updates & extras Flipboard drill down in the mega menu
    • Navigation: Mega Menu updates & extras Google Maps News360
    • Navigation: Mega Menu updates & extras LinkedIn
    • Secondary Navigation Patterns
    • Secondary Navigation from the book all of the primary patterns can be used in combination w/each other ANZ Jamie Oliver’s Recipes- Android tabs + springboard tabs + list
    • Secondary Navigation from the book all of the primary patterns can be used in combination w/each other Bills Jamie Oliver’s Recipes- iOS tabs + dashboard tabs + tabs
    • Secondary Navigation updates + extras all of the primary patterns can be used in combination w/each other runtastic BodyMedia scrolling top tabs + tabs + dashboard dashboard
    • Secondary Navigation updates + extras all of the primary patterns can be used in combination w/each other Etsy Liquor Cabinet streamzoo tabs + gallery tabs + metaphor custom tabs + personalized sprinboard
    • Navigation: Page Carousel from the book Nigella Zappos Yahoo finance using paging indicators (little dots)
    • Navigation: Page Carousel from the book iMobile Excellent Analytics too many pages
    • Navigation: Image Carousel from the book IMDb Flex 4.5 Showcase App flick to see more images/content
    • Navigation: Image Carousel from the book Photo Cookbook Scrap n’ Tap carousel style coverflow style
    • Navigation: Image Carousel from the book ANZ demos nice, but gets tedious
    • Navigation: Image Carousel extras Adobe Carousel Google Music same issues as ANZ- offer an alternate option for navigating content
    • Navigation: Inline Expand from the book Android Call Log
    • Navigation: Inline Expand from the book Gap Mobile Web Example
    • Navigation: Inline Expand updates & extras Android Downloads
    • Next Chapters Mobile Design Pattern Gallery UI Patterns for Mobile Apps 2 Forms 3 Tables 4 Search, Sort & Filter sample chapter on Smashing 5 Tools (coming soon) 6 Charts 7 Invitations sample chapter on UXBooth 8 Feedback & Affordance 0 9 Help The eBoo k is Only $1 THD with cou pon code AU 10 Anti-Patternswww.MobileDesignPatternGallery.com Follow me on Twitter @mobilepatterns Buy Now