![Page 1: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/1.jpg)
By Theresa NeilO’Reilly Media, March 2012
Bonus Material:The Best Android Apps
View NowView Now
www.MobileDesignPatternGallery.com Follow me on Twitter @mobilepatterns
![Page 2: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/2.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Dwell
Dwell uses a Gallery for primary navigation, see chapter 1 to learn more
![Page 3: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/3.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Path
![Page 4: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/4.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
DoItTomorrow
DoItTomorrow uses a Metaphor for primary navigation, see chapter 1 to learn more
![Page 5: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/5.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Tumblr
Tumblr uses tabs for primary navigation, see Ch 1 to learn more
![Page 6: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/6.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Gaug.es
Gaug.es uses sparklines (min charts) to visualize data, see Ch 6 to learn more
![Page 7: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/7.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Trover
trove uses the Gallery pattern for primary navigation, see chapter 1 to learn more
![Page 8: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/8.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
streamzoo
streamzoo uses custom tabs for the primary navigation, see chapter 1 to learn more
![Page 9: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/9.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
baconreader
baconreader uses a Dashboard for primary navigation, see chapter 1 to learn more
![Page 10: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/10.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Trip Journal
![Page 11: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/11.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Molome
Molome uses a tools menu for editing, see chapter 5 to learn more
![Page 12: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/12.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
LinkedIn’s profile design will be featured in the Missing Chapter: Social Patterns article
![Page 13: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/13.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
MagicHour
MagicHour uses contextual tools for editing, see chapter 5 to learn more
![Page 14: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/14.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Trulia
Trulia has a great search design, read Ch 4 for more tips of designing search UIs
![Page 15: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/15.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
rdio
rdio uses a Springboard for primary navigation, read ch 1 to learn the difference between a Dashboard and Springboard
![Page 16: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/16.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Skitch
Molome offers multiple toolbar, see chapter 5 to learn more about tools
![Page 17: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/17.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Gowalla
Gowalla’s profile design will be featured in the Missing Chapter: Social Patterns article
![Page 18: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/18.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
WorldMate
![Page 19: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/19.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
CashTrack
CashTrack has great data vizualization, see ch 6 to learn more about mobile charts
![Page 20: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/20.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
DropBox
DropBox has good examples of contextual tools and tour invitations, ch 5 & ch 7
![Page 21: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/21.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Evernote
![Page 22: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/22.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
smartr
smartr’s profile design will be featured in the Missing Chapter: Social Patterns article
![Page 23: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/23.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Alfred
![Page 24: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/24.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Any.DO
![Page 25: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/25.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
bump
Learn what anti-pattern bump is guilty of in ch 10
![Page 26: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/26.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Gilt
Gilt provides feedback while shopping, see ch 8 for more on feedback & affordance
![Page 27: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/27.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
airbnb
![Page 28: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/28.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
news360
news360 uses an image carousel, see ch 1 for more secondary navigation patterns
![Page 29: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/29.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Kayak
Kayak has a great filter design, read Ch 4 for more tips of designing filters
![Page 30: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/30.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
TripIt
![Page 31: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/31.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Mobli
Mobli uses a personalized Springboard, read more in Ch 1
![Page 32: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/32.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Pulse
![Page 33: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/33.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
foursquare
![Page 34: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/34.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Out of Milk
![Page 35: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/35.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Kobo
![Page 36: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/36.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Cocktail Flow
Cocktail Flow has a list for primary navigation, learn more in Ch 1
![Page 37: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/37.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Google Docs
Google Docs uses contextual tools instead of inline actions- learn the diff in Ch 5
![Page 38: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/38.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
USAA Mobile
USAA has great tables, learn about table design in ch5
![Page 39: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/39.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Google Maps
Learn about Mega Menus in ch 1
![Page 40: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/40.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
REDDIONIC
![Page 41: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/41.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
taptu
![Page 42: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/42.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Pandora
![Page 43: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/43.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
PageOnce
PageOnce uses a true Dashboard for primary navigation, see chapter 1 to learn more
![Page 44: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/44.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
hipmunk
Hipmunk uses a scrolling table for results, see ch 3 for table design patterns
![Page 45: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/45.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Fidelity Investments
Fidelity knows how to chart data, learn more in ch 7
![Page 46: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/46.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
Facebook is using a variation of the list menu, learn more in ch 1
![Page 47: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/47.jpg)
Mobile Design Pattern GalleryUI Patterns for Mobile Apps
WatchESPN
Learn what anti-pattern WatchESPN is guilty of in ch 10
![Page 48: The Best Android Apps 2012: A Designers Collection](https://reader036.vdocuments.site/reader036/viewer/2022070304/54c7759f4a7959f34f8b459f/html5/thumbnails/48.jpg)
By Theresa NeilO’Reilly Media, March 2012
Buy NowBuy Now
Explore 70 patterns with 400+ supporting examples from iOS, Android, BlackBerry, WebOS, Windows Mobile, and Symbian applications.
www.MobileDesignPatternGallery.com Follow me on Twitter @mobilepatterns