Logout succeed
Logout succeed. See you again!

UX for Developers: How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work PDF
Preview UX for Developers: How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work
UX for Developers How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work — Westley Knight UX for Developers How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work Westley Knight UX for Developers: How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work Westley Knight Northampton, UK ISBN-13 (pbk): 978-1-4842-4226-1 ISBN-13 (electronic): 978-1-4842-4227-8 https://doi.org/10.1007/978-1-4842-4227-8 Library of Congress Control Number: 2018965466 Copyright © 2019 by Westley Knight This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed. Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, logo, or image we use the names, logos, and images only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. The use in this publication of trade names, trademarks, service marks, and similar terms, even if they are not identified as such, is not to be taken as an expression of opinion as to whether or not they are subject to proprietary rights. While the advice and information in this book are believed to be true and accurate at the date of publication, neither the authors nor the editors nor the publisher can accept any legal responsibility for any errors or omissions that may be made. The publisher makes no warranty, express or implied, with respect to the material contained herein. Managing Director, Apress Media LLC: Welmoed Spahr Acquisitions Editor: Jade Scard Development Editor: James Markham Coordinating Editor: Nancy Chen Cover designed by eStudioCalamar Cover image designed by Freepik (www.freepik.com) Distributed to the book trade worldwide by Springer Science+Business Media New York, 233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail orders-ny@springer- sbm.com, or visit www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation. For information on translations, please e-mail [email protected], or visit http://www.apress.com/ rights-permissions. Apress titles may be purchased in bulk for academic, corporate, or promotional use. eBook versions and licenses are also available for most titles. For more information, reference our Print and eBook Bulk Sales web page at http://www.apress.com/bulk-sales. Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the book’s product page, located at www.apress.com/9781484242261. For more detailed information, please visit http://www.apress.com/source-code. Printed on acid-free paper For Shelley, my rock. Table of Contents About the Author �����������������������������������������������������������������������������������������������������xi About the Technical Reviewer �������������������������������������������������������������������������������xiii Acknowledgments ���������������������������������������������������������������������������������������������������xv Introduction �����������������������������������������������������������������������������������������������������������xvii Chapter 1: What Is User Experience? �����������������������������������������������������������������������1 Defining User Experience ��������������������������������������������������������������������������������������������������������������2 Misconceptions of UX Design��������������������������������������������������������������������������������������������������������3 UX Is Not UI �����������������������������������������������������������������������������������������������������������������������������������3 UX Is Not Usability �������������������������������������������������������������������������������������������������������������������������6 UX Is Not Just Part of a Process ���������������������������������������������������������������������������������������������������7 UX Is Not Only About the User �������������������������������������������������������������������������������������������������������8 UX Is Not the Responsibility of Someone Else ������������������������������������������������������������������������������9 The Core Disciplines of User Experience ������������������������������������������������������������������������������������10 User Research �����������������������������������������������������������������������������������������������������������������������10 Content Strategy ��������������������������������������������������������������������������������������������������������������������11 Information Architecture ��������������������������������������������������������������������������������������������������������11 Interaction Design �����������������������������������������������������������������������������������������������������������������11 Visual Design �������������������������������������������������������������������������������������������������������������������������11 Usability Evaluation ���������������������������������������������������������������������������������������������������������������11 Summary�������������������������������������������������������������������������������������������������������������������������������������12 Chapter 2: The Importance of User Experience ������������������������������������������������������13 UX from the Business Perspective ����������������������������������������������������������������������������������������������14 The Various States of UX Maturity �����������������������������������������������������������������������������������������������15 v Table of ConTenTs The Lower Levels of UX Maturity �������������������������������������������������������������������������������������������16 The Medium Levels of UX Maturity ����������������������������������������������������������������������������������������17 The Higher Levels of UX Maturity ������������������������������������������������������������������������������������������19 The Costs Due to Lack of a User-Centered Design Process ��������������������������������������������������������20 A Real-World Example �����������������������������������������������������������������������������������������������������������21 User Experience Is No Longer an Optional Extra �������������������������������������������������������������������22 The ROI of UX Design �������������������������������������������������������������������������������������������������������������24 A Scenario for Calculating ROI �����������������������������������������������������������������������������������������������24 UX Is Everyone’s Responsibility ��������������������������������������������������������������������������������������������������25 Summary�������������������������������������������������������������������������������������������������������������������������������������27 Chapter 3: Business Objectives vs� User Goals �������������������������������������������������������29 Business Goals Transcend User Needs ���������������������������������������������������������������������������������������30 Measuring Success ���������������������������������������������������������������������������������������������������������������������31 Defining Business Objectives ������������������������������������������������������������������������������������������������������32 Defining User Goals ���������������������������������������������������������������������������������������������������������������������33 Making Business and User Goals Work Together ������������������������������������������������������������������������34 Striking the Balance ��������������������������������������������������������������������������������������������������������������������36 Summary�������������������������������������������������������������������������������������������������������������������������������������36 Chapter 4: Adjusting the Developer Perspective ����������������������������������������������������37 Developer Decisions Impact the User Experience�����������������������������������������������������������������������38 Developers Make Design Decisions Every Day ����������������������������������������������������������������������39 Wider Benefits of Adopting a User-Centered Approach ���������������������������������������������������������������40 The Circles of Influence and Concern �����������������������������������������������������������������������������������������41 Developer Experience Is Second to User Experience ������������������������������������������������������������������43 Design Competency ��������������������������������������������������������������������������������������������������������������������44 Putting People Before the System ����������������������������������������������������������������������������������������������45 Making the Complex Simple �������������������������������������������������������������������������������������������������������47 Maintaining a Flexible Perspective ���������������������������������������������������������������������������������������������48 Summary�������������������������������������������������������������������������������������������������������������������������������������50 vi Table of ConTenTs Chapter 5: The Importance of Communication �������������������������������������������������������51 Learning a Different Type of Skill ������������������������������������������������������������������������������������������������52 Developer Insight Is an Essential Ingredient �������������������������������������������������������������������������������53 A Set of Guiding Principles for Better Communication ���������������������������������������������������������������54 Encouragement Trumps Criticism ������������������������������������������������������������������������������������������55 Become More Modest������������������������������������������������������������������������������������������������������������55 Become More Empathetic �����������������������������������������������������������������������������������������������������56 Become More Positive �����������������������������������������������������������������������������������������������������������56 Listen to Others ���������������������������������������������������������������������������������������������������������������������57 Provide Clarity �����������������������������������������������������������������������������������������������������������������������57 Improving Designer/Developer Relationships������������������������������������������������������������������������58 Breaking Down Barriers ��������������������������������������������������������������������������������������������������������������59 Understanding the Needs of Your Team ��������������������������������������������������������������������������������������60 Put Your Ego to One Side �������������������������������������������������������������������������������������������������������61 The Curse of Knowledge: Assumptions and the Obvious �������������������������������������������������������62 Beyond Verbal Communication ���������������������������������������������������������������������������������������������������63 Summary�������������������������������������������������������������������������������������������������������������������������������������63 Chapter 6: Focusing on the User�����������������������������������������������������������������������������65 You Are Not Your User �����������������������������������������������������������������������������������������������������������������65 The Road to Hell Is Paved with Good Intentions ��������������������������������������������������������������������66 Reducing Cognitive Load ������������������������������������������������������������������������������������������������������������68 The Myth of Miller’s Number �������������������������������������������������������������������������������������������������69 The Truth of Hick’s Law ���������������������������������������������������������������������������������������������������������69 Deriving Simplicity from Complexity �������������������������������������������������������������������������������������������70 Minimizing Choice �����������������������������������������������������������������������������������������������������������������71 Avoid Unnecessary Elements ������������������������������������������������������������������������������������������������74 Make the System Do the Work ����������������������������������������������������������������������������������������������75 Users Are Not Stupid �������������������������������������������������������������������������������������������������������������76 Utilize Recognized Patterns ���������������������������������������������������������������������������������������������������79 Summary�������������������������������������������������������������������������������������������������������������������������������������82 vii Table of ConTenTs Chapter 7: Building Empathy ����������������������������������������������������������������������������������83 User Research �����������������������������������������������������������������������������������������������������������������������������84 Contextual Inquiry �����������������������������������������������������������������������������������������������������������������84 Focus Groups �������������������������������������������������������������������������������������������������������������������������85 Individual Interviews �������������������������������������������������������������������������������������������������������������85 Card Sorting ���������������������������������������������������������������������������������������������������������������������������86 Task Analysis �������������������������������������������������������������������������������������������������������������������������86 Building Upon the Foundations of User Research �����������������������������������������������������������������������87 Empathy Mapping �����������������������������������������������������������������������������������������������������������������������88 User Says �������������������������������������������������������������������������������������������������������������������������������89 User Thinks ����������������������������������������������������������������������������������������������������������������������������89 User Does ������������������������������������������������������������������������������������������������������������������������������89 User Feels ������������������������������������������������������������������������������������������������������������������������������89 Pains ��������������������������������������������������������������������������������������������������������������������������������������89 Gains ��������������������������������������������������������������������������������������������������������������������������������������89 Personas ��������������������������������������������������������������������������������������������������������������������������������90 The Foundations of a Good Persona ��������������������������������������������������������������������������������������91 Demographics �����������������������������������������������������������������������������������������������������������������������91 Populating Your Personas ������������������������������������������������������������������������������������������������������92 How to Utilize Personas ���������������������������������������������������������������������������������������������������������93 User Stories ��������������������������������������������������������������������������������������������������������������������������������94 Non-user Stories �������������������������������������������������������������������������������������������������������������������95 Deriving Use Cases from User Stories �����������������������������������������������������������������������������������96 Utilizing Scenarios to Create a Narrative ������������������������������������������������������������������������������������97 The Importance of Storytelling ����������������������������������������������������������������������������������������������98 Creating a Scenario ���������������������������������������������������������������������������������������������������������������98 Keeping Empathy Alive �������������������������������������������������������������������������������������������������������������100 Summary�����������������������������������������������������������������������������������������������������������������������������������101 viii Table of ConTenTs Chapter 8: The Importance of Visual Design ��������������������������������������������������������103 Why Should Visual Design Matter to a Developer? �������������������������������������������������������������������104 Understanding Visual Communication with Gestalt Laws of Perceptual Organization ������������������������������������������������������������������������������������������������������������106 The Law of Similarity �����������������������������������������������������������������������������������������������������������106 The Law of Proximity �����������������������������������������������������������������������������������������������������������107 The Law of Familiarity ���������������������������������������������������������������������������������������������������������108 The Law of Symmetry����������������������������������������������������������������������������������������������������������108 The Law of Continuity ����������������������������������������������������������������������������������������������������������109 The Law of Common Fate ����������������������������������������������������������������������������������������������������110 The Law of Closure ��������������������������������������������������������������������������������������������������������������111 Working with Trends in Visual Design ���������������������������������������������������������������������������������������113 Design Principles for Usability ��������������������������������������������������������������������������������������������������115 Consistency �������������������������������������������������������������������������������������������������������������������������115 Visibility �������������������������������������������������������������������������������������������������������������������������������116 Affordance ���������������������������������������������������������������������������������������������������������������������������116 Feedback �����������������������������������������������������������������������������������������������������������������������������116 Mapping �������������������������������������������������������������������������������������������������������������������������������117 Constraints ��������������������������������������������������������������������������������������������������������������������������117 How Design Patterns Benefit Developers ����������������������������������������������������������������������������117 How Design Patterns Benefit Our Users ������������������������������������������������������������������������������118 Using Animation ������������������������������������������������������������������������������������������������������������������������121 Affordance ���������������������������������������������������������������������������������������������������������������������������122 Focus �����������������������������������������������������������������������������������������������������������������������������������123 Feedback �����������������������������������������������������������������������������������������������������������������������������123 Orientation ���������������������������������������������������������������������������������������������������������������������������124 Delight ���������������������������������������������������������������������������������������������������������������������������������125 Summary�����������������������������������������������������������������������������������������������������������������������������������126 ix Table of ConTenTs Chapter 9: Prototype, Evaluate, Iterate �����������������������������������������������������������������127 The Iterative Design Process ����������������������������������������������������������������������������������������������������127 The Minimum Viable Product �����������������������������������������������������������������������������������������������129 When Minimum Viable Products Don’t Deliver ��������������������������������������������������������������������130 UX Benefits from the MVP ���������������������������������������������������������������������������������������������������130 Prototyping ��������������������������������������������������������������������������������������������������������������������������������131 The Four Prototyping Process Models ���������������������������������������������������������������������������������132 The Value of Prototyping in Code ����������������������������������������������������������������������������������������������135 Benefits of Collaborative Prototyping ����������������������������������������������������������������������������������136 Building a Valuable Prototype ����������������������������������������������������������������������������������������������137 Evaluation with Usability Testing �����������������������������������������������������������������������������������������������143 Why Usability Testing Is Important ��������������������������������������������������������������������������������������144 What Constitutes a Successful Usability Test? ��������������������������������������������������������������������145 Summary�����������������������������������������������������������������������������������������������������������������������������������148 Chapter 10: The Path Ahead ���������������������������������������������������������������������������������149 The Next Evolution of the Developer �����������������������������������������������������������������������������������������150 The Collaborating Developer �����������������������������������������������������������������������������������������������151 The Strategic Developer ������������������������������������������������������������������������������������������������������152 The User Experience Developer �������������������������������������������������������������������������������������������153 Breaking Your Old Habits ����������������������������������������������������������������������������������������������������������154 Brace for Change ����������������������������������������������������������������������������������������������������������������������155 Keeping Pace with Technology �������������������������������������������������������������������������������������������������157 Get Comfortable with the Idea of Making Design Decisions �����������������������������������������������������158 Creating Enduring Change ��������������������������������������������������������������������������������������������������������159 In Conclusion�����������������������������������������������������������������������������������������������������������������������������160 Index ���������������������������������������������������������������������������������������������������������������������161 x