Usability and User Experience Design

Calling all designers and developers! This is your all-in-one guide to data-driven UX design for digital products. See how an effective user experience incorporates insights from psychology, design principles, and practical data. Follow a proven approach for selecting your design methods, and then walk through the data-driven UX design process in detail: analyze the context of use, specify requirements, develop solution prototypes, and test your products. Learn from example case studies and full-color illustrations to take your design to the next level!

In this book, you'll learn about:

a. Theory of Design
What makes design effective? Get to know the building blocks that create an incredible user experience: ergonomics and usability, data evaluation, user research, human information processing, design principles, and more.

b. UX Design Process
Master data-driven UX design. Explore methods to analyze the context of use for your design project. Use techniques such as prototypes and wireframes to develop a design solution, and then refine it through usability and UX testing.

c. Design in Action
See examples of design come to life! Follow three case studies that illustrate the design process for digital products: a B2C mobility application, a B2B customer relationship management application, and a B2C/B2B medical appointment portal.

Highlights include:

1) Data-driven UX design
2) B2B and B2C applications
3) User researcher skills
4) Psychological foundations
5) Design principles
6) Context of use analysis
7) Requirements formulation
8) Prototypes and wireframes
9) Design testing and evaluation
10) Decision matrices
11) Use cases

Develop and evaluate design solutions, from the prototyping phase to the testing and review stage

Auteur
Michaela Kauer-Franz has a doctorate in psychology with a focus on product design and user experience. Together with Benjamin Franz, she founded the data-driven UX agency Custom Interactions, which they manage together. She also contributes her extensive experience as a trainer, a lecturer at Technische Universität Darmstadt, a speaker, and on an International Organization for Standardization (ISO) committee.

Contenu
... Foreword ... 21

1 ... Introduction ... 23

1.1 ... Who Is This Book Written For? ... 23

1.2 ... Why Should You Read This Book? ... 24

1.3 ... How Should You Read This Book? ... 27

1.4 ... Your Constant Companions: Our Three Examples ... 28

2 ... The Most Important Terms and Their History ... 35

2.1 ... The (Pre-)History of Usability and UX ... 35

2.2 ... Usability and UX Design: The Core Concepts ... 40

2.3 ... The Interplay of Ergonomics, Usability, and UX ... 50

3 ... Usability and UX as Key Factors for Outstanding Products ... 63

3.1 ... What Is Return on Investment? ... 64

3.2 ... Metrics for Business Success ... 64

3.3 ... Planning instead of Discovering ROI ... 69

3.4 ... Metrics for Business Success: B2C versus B2B Sectors ... 71

3.5 ... What ROI Is Achievable through Usability and UX Design? ... 73

3.6 ... Case Study: Measuring ROI at moveHUB ... 76

3.7 ... Case Study: Measuring ROI at BusinessBooster ... 77

3.8 ... Case Study: Measuring ROI at Healthyfy ... 78

4 ... How to Do Usability and UX Design ... 81

4.1 ... The ISO 9241-210 Standard: Human-Centered Design for Interactive Systems ... 81

4.2 ... Design Thinking ... 88

4.3 ... Minimum Viable Product ... 100

4.4 ... Double Diamond ... 104

4.5 ... Usability Engineering for Medical Devices According to the IEC 62366-1 Standard ... 108

4.6 ... Commonalities among Methods ... 110

5 ... Data-Driven UX Design ... 117

5.1 ... The Goal of the Data-Driven UX Design Process ... 117

5.2 ... The Data-Driven UX Design Process ... 119

5.3 ... The Flexibility and Risk Matrix: How Much Data Do You Really Need? ... 130

5.4 ... Objective versus Subjective Data ... 137

5.5 ... Quantitative versus Qualitative Data ... 140

5.6 ... Critically Evaluating Data ... 141

5.7 ... Quick Help for Categorization ... 145

6 ... A Helpful Mindset for Usability and UX Design ... 149

6.1 ... Assumptions versus Knowledge ... 150

6.2 ... Users Don't Know What They Want! ... 164

6.3 ... Key Skills for User Researchers: Observe, Ask Questions, and Listen ... 170

6.4 ... Design as a Learnable Process ... 183

6.5 ... Testing and Corporate Culture ... 186

7 ... Foundations ... 189

7.1 ... Psychological Foundations: Don't Worry, It's about People ... 189

7.2 ... Perception: The Human Sensory System ... 190

7.3 ... Human Information Processing ... 224

7.4 ... Design Basics ... 243

8 ... Data-Driven UX Design in Detail: Preparation ... 305

8.1 ... Planning the Data-Driven UX Design Process ... 306

8.2 ... Integrating Data-Driven UX Design into Agile Development Projects ... 314

8.3 ... Plan for the Appropriate Amount of Effort ... 317

9 ... Data-Driven UX Design in Detail: Context of Use Analysis ... 321

9.1 ... What Questions Should the Context of Use Analysis Answer? ... 322

9.2 ... What Is the Context of Use Anyway? ... 324

9.3 ... Methods of Context of Use Analysis ... 333

9.4 ... Analytical Methods of the Context of Use Analysis ... 373

9.5 ... Practical Examples for Context Analysis ... 391

10 ... Data-Driven UX Design in Detail: Specifying Usage Requirements ... 401

10.1 ... Consider Your Personas or Empathy Maps ... 402

10.2 ... Use Cases and User Stories: How Not to Do It and How to Do It Anyway ... 404

10.3 ... From User Stories to Requirements ... 411

10.4 ... Formulating Requirements for moveHUB ... 419

10.5 ... Formulating Requirements for BusinessBooster ... 421

10.6 ... Formulating Requirements for Healthyfy ... 422

11 ... Data-Driven UX Design in Detail: Developing Design Solutions ... 425

11.1 ... Reminder: What Is the Goal of Design, and How Do We Go About It? ... 425

11.2 ... Design Research ... 426

11.3 ... From Coarse to Fine ... 429

11.4 ... Developing Basic Solution Options ... 430

11.5 ... Working with Prototypes ... 433

11.6 ... Wireframes ... 438

11.7 ... User Interface Quality Check: The Design Grid ... 481

11.8 ... Screen Flows ... 485

11.9 ... Click Dummies ... 487

11.10 ... Desktop, Mobile, or Smartwatch First? ... 492

11.11 ... Responsive Design ... 495

11.12 ... Visual Design ... 497

11.13 ... Excursion: Low-Code and No-Code ... 508

11.14 ... Example: Possible Design Steps for moveHUB ... 509

11.15 ... Example: Possible Design Steps for BusinessBooster ... 511

11.16 ... Example: Possible Design Steps for Healthyfy ... 512

12 ... Data-Driven UX Design in Detail: Evaluating Design Solutions ... 515

12.1 ... Formative versus Summative Testing ... 515

12.2 ... Identifying Knowledge Gaps ... 519

12.3 ... User Evaluation versus Expert Evaluation ... 521

12.4 ... Remote versus On-Site ... 522

12.5 ... Designing Test Cases ... 525

12.6 ... The Methods Presented ... 529

12.7 ... The Usability and UX Test ... 530

12.8 ... Usability and UX Sprint ... 540

12.9 ... Rapid User Tests ... 544

12.10 ... A/B Testing ... 548

12.11 ... UX Benchmarking ... 552

12.12 ... 5-Second Test ... 557

12.13 ... Standardized Questionnaires ... 561

12.14 ... Analysis of Quantitative Usage Data ... 573

12.15 ... Web Tracking/Click Analysis ... 576

12.16 ..…