Mobile Design Pattern Gallery
UI Patterns for Smartphone Apps
Publisher: O'Reilly Media
Released: January 2014
Pages: 408

With Early Release ebooks, you get books in their earliest form—the author's raw and unedited content as he or she writes—so you can take advantage of these technologies long before the official release of these titles. You'll also receive updates when significant changes are made, new chapters as they're written, and the final ebook bundle.

When you’re under pressure to produce a well-designed, easy-to-navigate mobile app, there’s no time to reinvent the wheel. This concise book provides a handy reference to 80 mobile app design patterns, illustrated by more than 1,000 screenshots from current iOS, Android, and Windows Phone applications.

User experience professional Theresa Neil (Designing Web Interfaces) walks you through design patterns in ten separate categories, plus anti-patterns. The full-color second edition includes social patterns, as well as platform-specific design solutions where appropriate

Pattern categories include:

  • Navigation: get patterns for primary and secondary navigation
  • Forms: break the industry-wide habits of bad form design
  • Tables: display only the most important information
  • Search, sort, and filter: make these functions easy to use
  • Tools: create the illusion of direct interaction
  • Charts: learn best practices for basic chart design
  • Tutorials & Invitations: invite users to get started and discover features
  • Social: register, connect and share, help users become part of the group
  • Feedback & Accordance: help users perform actions, and provide them with timely feedback
  • Help: integrate help pages into a smaller form factor
  • Anti-Patterns: what not to do when designing a mobile application
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyMobile Design Pattern Gallery
 
5.0

(based on 5 reviews)

Ratings Distribution

  • 5 Stars

     

    (5)

  • 4 Stars

     

    (0)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

100%

of respondents would recommend this to a friend.

Pros

  • Accurate (5)
  • Easy to understand (5)
  • Helpful examples (5)
  • Well-written (5)
  • Concise (4)

Cons

    Best Uses

    • Intermediate (5)
    • Student (5)
    • Novice (4)
    • Expert (3)

    Reviewed by 5 customers

    Sort by

    Displaying reviews 1-5

    Back to top

     
    5.0

    Great Reference and Explanations

    By Greg

    from Austin, TX

    About Me Product manager, Ux Neophyte

    Verified Reviewer

    Pros

    • Accurate
    • Comprehensive
    • Easy to understand
    • Helpful examples
    • Product Manager
    • Well-written

    Cons

    • Updating Content

    Best Uses

    • Intermediate
    • Novice
    • Student

    Comments about oreilly Mobile Design Pattern Gallery:

    * I am reviewing a pre-release version of the book which was given to me to review. *

    Mobile Design Patterns is a great reference that highlights best practices in mobile UX design, but also gives the plusses and minuses of each pattern. I'm sure there are some new patterns out there that are not covered, but I haven't run into them yet.

    As a project manager delivering my first mobile apps across iPhone, Android, and iPad a couple years back, I wish I had referenced this book (or its predecessor) during our design. It would have helped close any number of arguments or "recommendations" by well-meaning co-workers of how we should use the same patterns as "insert any common mobile app here" - Facebook, Uber, Kayak, etc.

    The book looks at patterns across all the major mobile platforms - iOS, Android and Windows - which is very useful to me as a Product Manager who spends most of his time on iOS devices. I have been able to gain valuable insight into Android and Windows mobile OS that I would have never had the time do find on my own. Even just the minor fact that I can now refer to UX features by their proper name has been helpful in dealing with co-workers.

    The only negative is that, of course, the content has a shelf life that starts as soon as the book is published. I am not sure what the authors have planned in terms of updating external content with new patterns, but that would be helpful between editions of the book.

    Overall, an excellent and extensive reference to current state of the art in mobile UX design.

     
    5.0

    Awesome resource!

    By j

    from Seattle, WA

    About Me UX Designer

    Pros

    • Accurate
    • Concise
    • Easy to understand
    • Helpful examples
    • Well-written

    Cons

      Best Uses

      • Intermediate
      • Novice
      • Student

      Comments about oreilly Mobile Design Pattern Gallery:

      I've been designing for web for over a decade now, but I just started designing for mobile a few months ago. I now wish I had picked this book up when I first started doing mobile work. I found myself fixing a few things on my designs after picking up the book.

      I appreciate that this book pays attention to cross device patterns as well as device specific design standards.

      One pleasant surprise after I started going through this book was that Theresa provides links to youtube videos to show some of the interactions she talks about.

      My only criticism I have is that in many places, the screenshots of patterns are one page after the explanation of those patterns. Because of this, I catch myself having to flip back and forth between 2 pages. I didn't drop the star rating of this book since I expected some design quirks due to this book being an 'early release'. I secretly also want to encourage folks to pre-release books. As long as the info is accurate, I can handle design quirks.

      Juan

       
      5.0

      Essential and easy to read

      By Su-Laine B.

      from Vancouver, BC

      About Me Designer

      Verified Reviewer

      Pros

      • Accurate
      • Concise
      • Easy to understand
      • Helpful examples
      • Well-written

      Cons

        Best Uses

        • Expert
        • Intermediate
        • Student

        Comments about oreilly Mobile Design Pattern Gallery:

        I thought maybe I should finish reading the book before reviewing - I've read about half the chapters - but the beauty of this book is that you don't have to read all of it to get what you need. Being picture- and example-based and very well-organized, you can easily pick out what sections apply to a particular design problem.

        I especially appreciated how she identifies patterns and trends that used to be common in 2011 but are outdated now, or that are often followed but perform poorly in testing. One suggestion for subsequent drafts/editions would be to give more details on who did a given test and what kind of testing it was, as designers need to use this book to persuade others team members that a given test result is meaningful.

        I recommend getting this book in electronic form, as its links to articles and videos are very helpful.

        For interaction designers who are accustomed to designing for desktop systems, this book is a terrific aid for learning the languages of mobile.

         
        5.0

        THE Definitive guide to mobile design

        By Andrew Eye - CEO Boxer

        from Austin, TX

        About Me Designer, Developer, Maker

        Verified Reviewer

        Pros

        • Accurate
        • Concise
        • Easy to understand
        • Helpful examples
        • Well-written

        Cons

          Best Uses

          • Expert
          • Intermediate
          • Novice
          • Student

          Comments about oreilly Mobile Design Pattern Gallery:

          Since it's first edition release in 2012, Theresa Neil's "Mobile Design Pattern Gallery" has been the industry standard desk reference for mobile application developers and UX experts the world over. The 2014 second edition provides many updated examples and highlights emerging trends in a fast changing mobile ecosystem. Anyone interested in optimizing mobile application user experience needs to have this book. If you bought the first edition, buy this as well. You won't regret it.

          (2 of 2 customers found this review helpful)

           
          5.0

          A comprehensive review of Mobile

          By Cameron, Mobile Product Manager

          from Austin, TX

          About Me Maker, Product manager

          Verified Reviewer

          Pros

          • Accurate
          • Concise
          • Easy to understand
          • Helpful examples
          • Well-written

          Cons

          • None

          Best Uses

          • Expert
          • Intermediate
          • Mobile Design
          • Mobile Development
          • Novice
          • Product Definition
          • Student
          • User Interface Design

          Comments about oreilly Mobile Design Pattern Gallery:

          This is a wonderful resource for anyone working with mobile interface design, whether a new hand at mobile or massively experienced.

          Theresa clearly outlines best practices for mobile design and interactions coupled with an immense collection of examples to highlight key principles and the diversity with which they can be achieved.

          As a product manager of mobile app and web products that works closely with our design team, I find Theresa's insights consistently helpful in my daily work. Highly recommended for anyone who works even remotely within the mobile space.

          Displaying reviews 1-5

          Back to top

           
          Buy 2 Get 1 Free Free Shipping Guarantee
          Buying Options
          Immediate Access - Go Digital what's this?
          Formats:  PDF
          Pre-Order  Print: $49.99
          May 2014 (est.)