Mobile Design Pattern Gallery: UI Patterns for Mobile Applications Paperback – Mar 16 2012
There is a newer edition of this item:
Customers Who Bought This Item Also Bought
No Kindle device required. Download one of the Free Kindle apps to start reading Kindle books on your smartphone, tablet, and computer.
Getting the download link through email is temporarily not available. Please check back later.
To get the free app, enter your mobile phone number.
UI Patterns for iOS, Android, and More
About the Author
Theresa Neil is a user experience consultant in Austin, Texas, where she designs rich applications for start-ups and Fortune500 companies.
Most Helpful Customer Reviews on Amazon.com (beta)
Would have appreciate to be warned about it (all my other similar O'Reilly books came in colors). I'm returning it today.
Neil covers these patterns as befits the survey style: by presenting each one (categorized/grouped accordingly), giving a short description of what characterizes the patterns, what situations present a good fit for that pattern, as well as pointing out the most common risks associated with that pattern. Each pattern then gets a series of screenshots from actual mobile applications which serve to demonstrate a successful or particularly illustrative example of that pattern. Neil covers: primary and secondary navigations (chapter 1); all kinds of forms and form elements (chapter 2); tables and lists (chapter 3) and charts (chapter 6); searching, sorting, and filtering (chapter 4); on-screen tools (chapter 5) and providing user feedback (chapter 8); as well as how to create accessible help messaging (chapter 9) and "invitations" within the application to draw users to those other elements (chapter 7). There is some repetition of patterns across chapters, but that helps to impress upon you how valuable these patterns are, and why they work the way that they work in those contexts.
The final chapter on "Anti-Patterns" was a particularly useful (and fun!) read, as well. Neil presents five anti-patterns in mobile UI design,  along with explanations on what makes them anti-patterns, and then suggestions on how to work within the previously discussed best practices to improve those designs. These case studies are useful because Neil is careful to break down each example into atomic mistakes, to identify the (likely) motivation behind those design choices, to explain why those design choices fail, and then to illustrate more sensible designs that accomplish the same thing but in a more intuitive fashion.
Though generally well composed, there are a couple of places where the book falls down a bit. First, the text and the images don't always match up--or, rather: the images that follow the text too often follow the text on the next page. Several times (especially early on) I found myself reading something, doubling back to look at the image, and being confused for a moment or two before advancing and "putting the name with the face"; this is an artifact of the medium, but it was a little jarring. Second, there are a couple of spots in the book that could have benefitted from another pass through spelling/grammar editors (e.g., "robust productivity tools *t* usually include tables", and "*state-full* buttons" (*emphasis* mine). Third, I could have used a concluding chapter to bring it all together--the "Anti-Patterns" chapter (sort of) does this implicitly, and there is a nice appendix , but I got to that final page and thought: "Where are the parting words?" Lastly,  the mobile space is moving so rapidly that this book may wind up feeling out-of-date in the not-too-distant future. There are several screenshots from several apps that are already out of sync with what's out there "in the wild"; this is good--because it means that those developers are innovating and changing their applications to improve their experiences, but it also seems to make these examples... less potent.
That being said, there are some important take-aways from Neil's book--whether you're doing mobile-specific development (her target audience for this book), or just designing/developing interfaces on any platform. Having big "tap" targets is critical for mobile apps, and though it's less important for a desktop application, the lesson about giving "more visual weight" to your primary call-to-action button? You'll carry that with you in all of your UI designs. With that in mind, I did find myself writing down notes that said things like: 
* *an axiom:* "Be deliberate when introducing novelty."
* *an axiom:* "Make it finger-friendly."
* *an axiom:* "If you cannot be native, be neutral and not novel."
The images were there--sometimes as screenshots, and sometimes in the illustrations--to capture these sentiments, but sometimes I felt like there needed to be pithy sayings like those to drive the point home. Something... sound-bite-size. Does the book suffer because it lacks these? No, it does not. Perhaps they were even left out intentionally, as an exercise for you (the reader) to digest and internalize the lessons.
 Is "read" the right word for a "gallery" book like this? When you effectively have more pictures than words?
 Though these anti-patterns are easily extended to interfaces on <em>any</em> device.
 Which is really just more of a quick-reference sheet anyway.
 And this is probably obvious, and probably true of any technology book.
 I just got done reading The Joy of Clojure, so I think I got the idea from the "Clojure aphorism" sidebars in there.
The organisation of the volume is logically divided into chapters on:
Navigation, Forms, Tables & Lists, Search, Sort & Filter, Tools, Charts, Invitations, Feedback & Affordance (the buzz word as of late), Help; and the very clever - Anti-Patterns.
These cover the bulk of interface elements from a process standpoint - and that is a serious element of the book - it steps away from isolated elements and identifies them as existing within a larger context. Most UX/UI designers today, especially within the mobile space can immerse themselves in isolated design guides prepared by OS manufacturers to ensure adherence or to express a vision. Conversely they can experiment deeply with implemented designs looking for successes and failures in others work. This book offers a third approach and I think a worthy one of attempting to think more broadly about an overall strategy and in this finds a place in the Neilsen school of thought.
Through screen captures, wireframes and brief discussions of the Neil includes a chapter of failures to appreciate UX in design and to my praise includes the ABC news app which I have to admit baffled me as well. The spinning globe out of any context with repeating stories. The demonstration of some geek in a back room playing with a new three dimensional algorithm with little or no sense of how it might translate into actual use. Over all, the book is a fine reference manual and a surprisingly good read through. It is of especial use to UI developers, but is even of interest to any web developer looking for design inspiration.
The Mobile Design Pattern Gallery is a useful reference for UX Designers (like me) as well as engineers and product managers - for anyone who touches on the design and development of mobile apps. As much as I love to say things like "well, that's an anti-pattern" and "a more standard pattern for XYZ would be ___," I'm just going to recommend this book to the engineers, product managers, and visual designers I work with. That way, we can be on the same page earlier on in the design/dev process and have a common knowledge base and vocabulary.
Quick read; invaluable reference. Now I can't wait for Theresa Neil to write the tablet version of this book :)
Look for similar items by category
- Books > Computers & Technology > Computer Science > Systems Analysis & Design
- Books > Computers & Technology > Hardware > Microprocessors & System Design > Computer Design
- Books > Computers & Technology > Hardware > Peripherals
- Books > Computers & Technology > Programming > Software Design, Testing & Engineering > Software Development
- Books > Computers & Technology > Software
- Books > Computers & Technology > Web Development > Programming
- Books > Textbooks > Computer Science & Information Systems