Mobile Design Pattern Gallery
UI Patterns for Mobile Applications
Publisher: O'Reilly Media
Released: March 2012
Pages: 284

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 70 mobile app design patterns, illustrated by more than 400 screenshots from current iOS, Android, BlackBerry, WebOS, Windows Mobile, and Symbian apps.

User experience professional Theresa Neil (Designing Web Interfaces) walks you through design patterns in 10 separate categories, including anti-patterns. Whether you’re designing a simple iPhone application or one that’s meant to work for every popular mobile OS on the market, these patterns provide solutions to common design challenges. This print edition is in full color.

Pattern categories include:

  • Navigation: get patterns for primary and secondary navigation
  • Forms: break the industry-wide habits of bad form design
  • Tables and lists: 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
  • Invitations: invite users to get started and discover features
  • Help: integrate help pages into a smaller form factor

"It’s a super handy catalog that I can flip to for ideas."

—Bill Scott, Senior Director of Web Development at PayPal "Looks fantastic."

—Erin Malone, Partner at Tangible UX "Just a quick thanks to express my sheer gratitude for this pub, it has been a guide for me reworking a design for an app already in production!"

—Agatha June, UX designer

Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyMobile Design Pattern Gallery
 
4.4

(based on 5 reviews)

Ratings Distribution

  • 5 Stars

     

    (2)

  • 4 Stars

     

    (3)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

100%

of respondents would recommend this to a friend.

Pros

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

Cons

    Best Uses

    • Intermediate (5)
    • Expert (4)
    • Student (4)
    • Novice (3)
      • Reviewer Profile:
      • Developer (5), Designer (3)

    Reviewed by 5 customers

    Sort by

    Displaying reviews 1-5

    Back to top

    (0 of 1 customers found this review helpful)

     
    4.0

    a great reference guide for mobile devs

    By dancerjude

    from Aprilia, LT, Italy

    About Me Designer, Developer

    Pros

    • Easy to understand
    • Helpful examples
    • Well-written

    Cons

      Best Uses

      • Expert
      • Intermediate

      Comments about oreilly Mobile Design Pattern Gallery:

      For whom it may concern mobile application development, this singular book can really help to understand how a developer can organize and represent informations inside the implementing app.
      In fact, the scope of this book is really just this. To help mobile developer to reduce effort having ideas about templates, allocation and information architecture to create a successful app with a great level of usability.
      To implement an app using tips and templates exposed inside this book, any reader should understand how to replicate and adapt his requirements to that idea. Indeed, this book is not limited to design part, but contains patterns definition and a lot of other tips and suggestion of how to create and model own app.
      Main mobile platforms treated are, of course, iOs, Android and Windows Phone, but any concept can be easily rearranged to target any mobile platform.
      In brief, this is a very good reference guide to have for any mobile developer involved in creating a powerful and "easy to use" app.

      (0 of 1 customers found this review helpful)

       
      5.0

      Una imagen vale más que mil palabras

      By DGGONZALEZ

      from Buenos Aires, Argentina

      About Me Developer

      Verified Reviewer

      Pros

      • Concise
      • Easy to understand
      • Helpful examples

      Cons

        Best Uses

        • Expert
        • Intermediate
        • Novice
        • Student

        Comments about oreilly Mobile Design Pattern Gallery:

        Uno de los problemas que trae la posibilidad de hacer aparatos cada vez más chicos es que los dedos humanos siguen teniendo el mismo tamaño. Todos hemos pasado por la experiencia de marcar un número equivocado en nuestro celular o estar varios minutos intentando seleccionar nuestra canción preferida en nuestro reproductor digital debido a la imposibilidad de presionar en el lugar indicado.
        Es por estas situaciones que el diseño adecuado hace la diferencia a la hora de determinar el éxito y el fracaso de una aplicación.
        Theresa Neil, con más de 10 años de experiencia en el diseño de interfaces de usuario, recopila en esta obra más de 400 capturas de pantalla pertenecientes a 70 aplicaciones de dispositivos móviles para iOS, Android, BlackBerry, WebOS, Windows Mobile y Symbian.

        Hay que entenderlo, no es un libro para programadores, no hay una sola línea de código que diga como implementar esos diseños en aplicaciones propias. Las cortas explicaciones se refieren a por qué se tomaron determinadas decisiones a la hora de elegir el aspecto de una aplicación.

        En definitiva un libro altamente recomendable para programadores sin la menor idea de diseño y para diseñadores nóveles que deseen aprender de los mejores

        (0 of 1 customers found this review helpful)

         
        4.0

        Excellent Book. Worth Buy

        By udooz

        from Chennai, India

        About Me Designer, Developer

        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:

          A must-have a book for any application UI designer. Grasp the ocean of UI metaphore into a single book. Well attempt. Read my complete review at http://udooz.net/blog/2012/04/review-mobile-design-pattern-gallery-theresa-neil-oreilly/

          (0 of 1 customers found this review helpful)

           
          4.0

          This book is weird

          By Fale

          from Milan, Italy

          About Me Developer

          Verified Reviewer

          Pros

          • Accurate
          • Concise
          • Helpful examples

          Cons

          • Bad layout
          • Too basic

          Best Uses

          • Intermediate
          • Student

          Comments about oreilly Mobile Design Pattern Gallery:

          This book is weird, I've to tell you. I was expecting a book with some examples and some text. Well, I ended up with a book that, at the first sight, seems more a book for kids rather than a professional book since is 90% images.

          The book is clearly organized, each chapter covering one specific aspect.

          Navigation
          Forms
          Tables
          Search, sorting and filters
          Tools
          Charts
          Invitations
          Feedback & Affordance
          Help
          Anti-patterns.
          After a little while, I learned how to learn (a lot of) good patterns and bad patterns (anti-patterns) from this book. The downside of the approach the author kept is that all the arguments are not deeply analyzed, while the main information are given. For each topic, Neil shows some patterns pointing out for each one a good use of it and the possible risks using it. The last chapter (the one about the anti-patterns) is, in my opinion, the most useful. Here some anti-patterns are analyzed pointing out why they are anti-patterns and how to improve them.

          The only problem I've seen in some points is the phenomenon in which sometimes the image is one page and the caption in another and this is annoying.

          I rate this book 7/10 since I liked it but I hoped to see a little bit more theory. I think it would be enough adding ~1 page for each chapter of theory to reach a higher grade.

          (1 of 1 customers found this review helpful)

           
          5.0

          One of a kind mobile UI design book

          By sandyboy55

          from St Louis, MO

          About Me Designer, Developer

          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:

            Mobile apps have become quite the rage. Forget about consumer apps, these days even enterprise IT teams have been asked to develop corporate apps for the tablet. I was quite surprised myself when my project lead took me aside the other day and asked me, "When can we have a lite version of our web app on the iPad?". A lite version! I had no idea what that meant or where to begin. For sure I knew that the web app that looks super cool on the desktop would look like a disaster on the tablet. Think Mobile First! Who does that? Certainly not me. Old UI habits die hard. However, as Darwin said, "It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change."

            I knew I had to start with my screens. Unfortunately my years of knowledge of desktop browser UI designing was of not much use. I can throw a hundred UI components in the desktop browser and it will just work. Mobile UI design is a totally different ball game. So I got this book!

            This book will not teach you mobile programming. There are plenty of other books to do that. This is the ONLY reliable book that has a catalog of all mobile UI design patterns. Do you like the Facebook and LinkedIn apps? Did you know the names of the layouts for each of the screens in those apps? I didn't until I read this book. I learned quite a lot about designing navigation, forms, tables & lists, searching, charts, etc. The chapter on designing Invitations was pretty intuitive. I really hadn't noticed the power of invitations and how useful they are for mobile apps until I read this chapter. The book ends with a powerful chapter on anti-patterns - things not to do in a mobile app should be a part of your strategy in designing your mobile apps. Appendix at the end provide valuable additional resources including the website of this book. Also provided is a summary of all the UI design gallery in this book so you can always go to the end of the book when you are in a hurry.

            Displaying reviews 1-5

            Back to top

             
            Buy 2 Get 1 Free Free Shipping Guarantee
            Buying Options
            Immediate Access - Go Digital what's this?