Mobile User Experience

This is your must-have resource to the theoretical and practical concepts of mobile UX. You’ll learn about the concepts and how to apply them in real-world scenarios. Throughout the book, the author provides you with 10 of the most commonly used archetypes in the UX arena to help illustrate what mobile UX is and how you can master it as quickly as possible. First, you’ll start off learning how to communicate mobile UX flows visually. From there, you’ll learn about applying and using 10 unique user experience patterns or archetypes for mobile. Finally, you’ll understand how to prototype and use these patterns to create websites and apps.

Whether you’re a UX professional looking to master mobility or a designer looking to incorporate the best UX practices into your website, after reading this book, you’ll be better equipped to maneuver this emerging specialty.

• Addresses the gap between theoretical concepts and the practical application of mobile user experience design
• Illustrates concepts and examples through an abundance of diagrams, flows, and patterns
• Explains the differences in touch gestures, user interface elements, and usage patterns across the most common mobile platforms
• Includes real-world examples and case studies for this rapidly growing field

UX and design professionals. Secondary: designers, UX and design students, and developers

Dedication

Acknowledgments

Author Biography

Preface

Chapter 1. Introduction

Abstract

Chapter 2. Why Mobile UX, Why Now?

Abstract

Introduction

The Perfect Storm of Mobile

The Problem

The Opportunity

Chapter 3. Your Desktop Experience Is Not Your Mobile Experience

Abstract

Introduction

Planning Your Mobile Experience

Let’s Move Forward

Chapter 4. Understanding the Device

Abstract

Introduction

Getting to Know iOS

Getting to Know Android

Understanding Everyone Else

Getting to Know the Tablet

Putting It All Together

Next Steps: Building the Narrative

Chapter 5. How Mobile Wireframing Works

Abstract

Introduction

Representing Page and Screen Flows

Creating Your First Layout

Representing Inputs

Representing Gestures

Annotate, Annotate, Annotate

Wireframing Other Cases

Representing Motion (Accelerometer)

Chapter 6. Mobile UX Patterns

Abstract

Why Patterns?

Pattern 1: The Launcher

Pattern 2: The Tray

Pattern 3: The List

Pattern 4: The Rotate

Pattern 5: The Log In

Pattern 6: The Camera

Pattern 7: The Map and Location

What’s Next?

Chapter 7. How to Prototype in Mobile

Abstract

Introduction

What is Mobile Prototyping?

Methods of Prototyping

Exercise 1—Group

Exercise 2—Individuals

Using the Device to Prototype

Chapter 8. Mobile App or Mobile Web: The Big Debate

Abstract

Introduction

The Mobile App

The Mobile Web

Responsive Web Design

The Triple Play

Chapter 9. The Future of Mobile UX is in Using Performance Metrics

Abstract

Introduction

Appendix A. List of Devices from Chapter 1

Device List

Appendix B. List of My Devices from Chapter 4

Device List

Musical SIM Cards

Appendix C. Sample Mobile Sheets from Chapters 5 and 7

Step 1: Cut Mobile Sheets Out of This Book

Step 2: Scan the Pages or Photocopy Them

Step 3: Draw on Them!

Appendix D. Mobile Performance Results from Chapter 9

Testing Methodology

Performance Pattern #1

Performance Pattern #2

Index