Mobile Design Pattern Gallery: UI Patterns for Smartphone Apps

by Theresa Neil

Overview

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

Much has changed since this book’s first edition. Mobile OSes have become increasingly different, driving their own design conventions and patterns, and many designers have embraced mobile-centric thinking. In this edition, user experience professional Theresa Neil walks product managers, designers, and developers through design patterns in 11 categories:

• Navigation: get patterns for primary and secondary navigation
• Forms: break 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: help users connect and become part of the group
• Feedback & Affordance: provide users with timely feedback
• Help: integrate help pages into a smaller form factor
• Anti-Patterns: what not to do when designing a mobile app

Product Details

ISBN-13:	9781449368616
Publisher:	O'Reilly Media, Incorporated
Publication date:	04/23/2014
Sold by:	Barnes & Noble
Format:	eBook
Pages:	404
File size:	46 MB
Note:	This product may take a few minutes to download.

About the Author

Theresa Neil is a user experience consultant in Austin, Texas, where she designs rich applications for start-ups and Fortune500 companies.

Table of Contents

Foreword; Preface; Intended Audience for This Book; O'Reilly Safari; How to Contact Us; Acknowledgments; Chapter 1: Navigation; 1.1 Primary Navigation Patterns, Persistent; 1.2 Primary Navigation Patterns, Transient; 1.3 Secondary Navigation Patterns; Chapter 2: Forms; 2.1 Sign In; 2.2 Registration; 2.3 Registration with Personalization; 2.4 Multi-Step; 2.5 Checkout; 2.6 Calculator Forms; 2.7 Search Forms; 2.8 Long Forms; Chapter 3: Tables; 3.1 Basic Table; 3.2 Headerless Table; 3.3 Fixed Column; 3.4 Overview plus Data; 3.5 Grouped Rows; 3.6 Table with Visual Indicators; 3.7 Editable Table; Chapter 4: Search, Sort, and Filter; 4.1 Search Patterns; 4.2 Sort Patterns; 4.3 Filter Patterns; Chapter 5: Tools; 5.1 Toolbar; 5.2 Toolbox; 5.3 Call to Action Button; 5.4 Inline Actions; 5.5 Multi-State Button; 5.6 Contextual Tools; 5.7 Bulk Actions; 5.8 Lock Screen Controls; Chapter 6: Charts; 6.1 Chart with Filters; 6.2 Interactive Timeline; 6.3 Data Point Details; 6.4 Drill Down; 6.5 Overview plus Data; 6.6 Interactive Preview; 6.7 Dashboard; 6.8 Zoom; 6.9 Sparklines; 6.10 Integrated Legend; 6.11 Thresholds; 6.12 Pivot Table; 6.13 Pulling It All Together; Chapter 7: Tutorials and Invitations; 7.1 Tutorial Rules; 7.2 Rule #1: Use Less Text; 7.3 Rule #2: No Frontloading; 7.4 Rule #3: Make It Rewarding; 7.5 Rule #4: Reinforce Learning Through Use; 7.6 Rule #5: Listen to Your Users; 7.7 Invitation Patterns; 7.8 Chapter Extra: Invitations—Rolling Out the Welcome Mat; Chapter 8: Social Patterns; 8.1 Social Registration; 8.2 Connecting; 8.3 Following; 8.4 Profiles; 8.5 Groups; 8.6 Gamification; Chapter 9: Feedback and Affordance; 9.1 Feedback Patterns; 9.2 Affordance; Chapter 10: Help; 10.1 How-Tos; 10.2 User Guide/Help System; 10.3 FAQs; 10.4 Feature Tours; 10.5 Tutorials; 10.6 Contextual Help; 10.7 Capture Feedback; Chapter 11: Anti-Patterns; 11.1 Novel Notions; 11.2 Needless Complexity; 11.3 Metaphor Mismatch; 11.4 Idiot Boxes; 11.5 Chart Junk; 11.6 Oceans of Buttons; 11.7 Square Peg, Round Hole; 11.8 Chapter Extra: Let Them Pee—Avoiding the Sign-Up/Sign-In Mobile Anti-Pattern; Additional Resources;