ebook img

Mindful Design: How and Why to Make Design Decisions for the Good of Those Using Your Product PDF

368 Pages·2019·10.84 MB·English
Save to my drive
Quick download
Download
Most books are stored in the elastic cloud where traffic is expensive. For this reason, we have a limit on daily download.

Preview Mindful Design: How and Why to Make Design Decisions for the Good of Those Using Your Product

Mindful Design How and Why to Make Design Decisions for the Good of Those Using Your Product ― Scott Riley Mindful Design How and Why to Make Design Decisions for the Good of Those Using Your Product Scott Riley Mindful Design Scott Riley Nottingham, UK ISBN-13 (pbk): 978-1-4842-4233-9 ISBN-13 (electronic): 978-1-4842-4234-6 https://doi.org/10.1007/978-1-4842-4234-6 Library of Congress Control Number: 2018963593 Copyright © 2019 by Scott Riley 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: Louise Corrigan 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/9781484242339. For more detailed information, please visit http://www.apress.com/source-code. Printed on acid-free paper To The Mum. Table of Contents About the Author �����������������������������������������������������������������������������������������������������xi About the Technical Reviewer �������������������������������������������������������������������������������xiii Acknowledgments ���������������������������������������������������������������������������������������������������xv Introduction �����������������������������������������������������������������������������������������������������������xvii Chapter 1: Attention and Distraction ������������������������������������������������������������������������1 The Attentional System �����������������������������������������������������������������������������������������������������������������1 Sensory Distraction �����������������������������������������������������������������������������������������������������������������2 Emotional Distraction ��������������������������������������������������������������������������������������������������������������3 Task-positive Mode �����������������������������������������������������������������������������������������������������������������4 The Default Mode Network ������������������������������������������������������������������������������������������������������6 The Cost of Distractions ����������������������������������������������������������������������������������������������������������������9 Decision-making ���������������������������������������������������������������������������������������������������������������������������9 Inclusivity and Equality ����������������������������������������������������������������������������������������������������������10 Habit-changing ����������������������������������������������������������������������������������������������������������������������13 Attention-grabbing ����������������������������������������������������������������������������������������������������������������13 Attentional Economics ����������������������������������������������������������������������������������������������������������������16 Taking the Inside Out ������������������������������������������������������������������������������������������������������������������17 The Cognitive Miser ��������������������������������������������������������������������������������������������������������������������19 Categories and Cognitive Economy ���������������������������������������������������������������������������������������������21 Applying Attention to Design �������������������������������������������������������������������������������������������������������27 Summary�������������������������������������������������������������������������������������������������������������������������������������28 v Table of ConTenTs Chapter 2: Vision, Perception, and Aesthetics ��������������������������������������������������������31 The Iconic Abstraction Scale �������������������������������������������������������������������������������������������������������34 Illustration and Photography �������������������������������������������������������������������������������������������������������36 The Gestalt Principles of Perception �������������������������������������������������������������������������������������������39 Proximity �������������������������������������������������������������������������������������������������������������������������������40 Similarity �������������������������������������������������������������������������������������������������������������������������������42 Continuity ������������������������������������������������������������������������������������������������������������������������������44 Common Fate ������������������������������������������������������������������������������������������������������������������������46 Closure ����������������������������������������������������������������������������������������������������������������������������������47 Common Region ��������������������������������������������������������������������������������������������������������������������48 Putting It All Together ������������������������������������������������������������������������������������������������������������49 The Self-fulfilling Myth of Color Psychology �������������������������������������������������������������������������������50 The von Restorff Effect ����������������������������������������������������������������������������������������������������������51 Codifying Color ����������������������������������������������������������������������������������������������������������������������52 Animation ������������������������������������������������������������������������������������������������������������������������������������57 Limitations of Contrast ����������������������������������������������������������������������������������������������������������������63 Convention, Signifiers, and Metaphor �����������������������������������������������������������������������������������������66 In Search of the Soul of Design ���������������������������������������������������������������������������������������������������73 Genuine Aesthetics ���������������������������������������������������������������������������������������������������������������������74 Slow Down and Make Things ������������������������������������������������������������������������������������������������������75 Summary�������������������������������������������������������������������������������������������������������������������������������������76 Chapter 3: Learning and Memory ���������������������������������������������������������������������������79 A Note on Goals ���������������������������������������������������������������������������������������������������������������������������80 Learnable vs� Educational Applications ��������������������������������������������������������������������������������������82 How We Learn �����������������������������������������������������������������������������������������������������������������������������83 Designing a Learnable Environment �������������������������������������������������������������������������������������������85 The Storage and Retrieval of Files or Data����������������������������������������������������������������������������������86 The Creation of Media �����������������������������������������������������������������������������������������������������������88 Sharpening Our Mental Models ���������������������������������������������������������������������������������������������91 Levels of Processing ��������������������������������������������������������������������������������������������������������������97 Where and When We Teach ���������������������������������������������������������������������������������������������������98 vi Table of ConTenTs Steps to Learnability ������������������������������������������������������������������������������������������������������������110 Putting It All Together ����������������������������������������������������������������������������������������������������������117 Summary�����������������������������������������������������������������������������������������������������������������������������������118 Chapter 4: Expectation, Surprise, and the Musical Interface �������������������������������121 Fourth Dimensional Design �������������������������������������������������������������������������������������������������������122 Melody, Harmony, and Rhythm ��������������������������������������������������������������������������������������������������124 Melody ���������������������������������������������������������������������������������������������������������������������������������124 Harmony ������������������������������������������������������������������������������������������������������������������������������130 Rhythm ��������������������������������������������������������������������������������������������������������������������������������131 Tension, Anticipation, and Surprise �������������������������������������������������������������������������������������������133 Schemas ������������������������������������������������������������������������������������������������������������������������������133 Tension as Schematic Violation �������������������������������������������������������������������������������������������������138 The Spectrum of Surprise ���������������������������������������������������������������������������������������������������������142 Surprise: the Remedy to Habituation �����������������������������������������������������������������������������������144 Happy Complexities ������������������������������������������������������������������������������������������������������������������144 The Musical Interface ���������������������������������������������������������������������������������������������������������������148 Summary�����������������������������������������������������������������������������������������������������������������������������������156 Chapter 5: Reward and Motivation �����������������������������������������������������������������������159 Common Mistakes of the Reward Slingers �������������������������������������������������������������������������������161 Trying to Manufacture Reward ��������������������������������������������������������������������������������������������161 Overreliance on Carrot and Stick �����������������������������������������������������������������������������������������161 Forgetting about Emotion ����������������������������������������������������������������������������������������������������162 Mandating Emotional Impact �����������������������������������������������������������������������������������������������162 The Origin of Wanting ����������������������������������������������������������������������������������������������������������������163 Dopamine ����������������������������������������������������������������������������������������������������������������������������������164 What the Heck Is It? ������������������������������������������������������������������������������������������������������������165 What the Heck Does It Do? ��������������������������������������������������������������������������������������������������165 Reward Seeking ������������������������������������������������������������������������������������������������������������������������166 The Pocket Slot Machine �����������������������������������������������������������������������������������������������������168 Reward in Games ����������������������������������������������������������������������������������������������������������������171 vii Table of ConTenTs The In-Game Slot Machine ��������������������������������������������������������������������������������������������������171 Intrinsic Rewards �����������������������������������������������������������������������������������������������������������������173 Rewards as Feedback ���������������������������������������������������������������������������������������������������������177 Humanistic Motivation ��������������������������������������������������������������������������������������������������������������184 The Self-Determination Theory �������������������������������������������������������������������������������������������185 The Ethics of Rewards ��������������������������������������������������������������������������������������������������������������187 Summary�����������������������������������������������������������������������������������������������������������������������������������188 Chapter 6: Designing Environments ���������������������������������������������������������������������191 What Is UX? �������������������������������������������������������������������������������������������������������������������������������191 Design Intangibles ���������������������������������������������������������������������������������������������������������������193 The Folly of UX: Control and Linearity ����������������������������������������������������������������������������������196 What Is a Digital Environment? �������������������������������������������������������������������������������������������������198 Balancing Linearity and Nonlinearity ����������������������������������������������������������������������������������������198 Linearity �������������������������������������������������������������������������������������������������������������������������������199 Designing Linearity ��������������������������������������������������������������������������������������������������������������200 Nonlinearity �������������������������������������������������������������������������������������������������������������������������205 Balancing the Two ���������������������������������������������������������������������������������������������������������������211 Design Your Moments ���������������������������������������������������������������������������������������������������������������212 Design as a Function of State ���������������������������������������������������������������������������������������������������214 Summary�����������������������������������������������������������������������������������������������������������������������������������220 Chapter 7: The Design Stack ��������������������������������������������������������������������������������221 Research and Planning �������������������������������������������������������������������������������������������������������������222 Customer Research �������������������������������������������������������������������������������������������������������������223 Observation Research ���������������������������������������������������������������������������������������������������������224 Competitor Research �����������������������������������������������������������������������������������������������������������232 Customer Service Is Your Friend �����������������������������������������������������������������������������������������233 User Personas ���������������������������������������������������������������������������������������������������������������������233 The Important Questions �����������������������������������������������������������������������������������������������������238 The Common Deliverables ���������������������������������������������������������������������������������������������������238 viii Table of ConTenTs Scribbling and Sketching ����������������������������������������������������������������������������������������������������������238 Design Briefs and Feature Lists �������������������������������������������������������������������������������������������240 Success Metrics and Goals �������������������������������������������������������������������������������������������������244 Wireframes ��������������������������������������������������������������������������������������������������������������������������245 The Important Questions �����������������������������������������������������������������������������������������������������251 The Common Deliverables ���������������������������������������������������������������������������������������������������251 Testing and Iterating �����������������������������������������������������������������������������������������������������������������252 User Testing �������������������������������������������������������������������������������������������������������������������������252 Iterating after Testing ����������������������������������������������������������������������������������������������������������256 The Important Questions �����������������������������������������������������������������������������������������������������257 The Common Deliverables ���������������������������������������������������������������������������������������������������257 Summary�����������������������������������������������������������������������������������������������������������������������������������258 Chapter 8: Emotion Mapping ��������������������������������������������������������������������������������261 Thinking in Systems and Moments �������������������������������������������������������������������������������������������263 System Thinking �����������������������������������������������������������������������������������������������������������������������263 Documenting Systems ��������������������������������������������������������������������������������������������������������������265 State Diagrams ��������������������������������������������������������������������������������������������������������������������265 Mental Models ���������������������������������������������������������������������������������������������������������������������271 Empathy Maps ���������������������������������������������������������������������������������������������������������������������279 Putting It All Together ����������������������������������������������������������������������������������������������������������283 Chapter 9: The Anatomy of an Interaction ������������������������������������������������������������285 Thinking in Moments ����������������������������������������������������������������������������������������������������������������286 Finding Your Moments ��������������������������������������������������������������������������������������������������������������288 Moments Tell a Story �����������������������������������������������������������������������������������������������������������289 Moments Make Us Money ���������������������������������������������������������������������������������������������������289 Moments Constrain Our Interface ����������������������������������������������������������������������������������������289 Documenting Your Moments �����������������������������������������������������������������������������������������������������293 Moments Rely on Intent �������������������������������������������������������������������������������������������������������293 Moments Are (Mostly) Stand-alone �������������������������������������������������������������������������������������294 Moments Change State �������������������������������������������������������������������������������������������������������294 ix Table of ConTenTs Moment Stories �������������������������������������������������������������������������������������������������������������������������295 A Moment’s Beginning���������������������������������������������������������������������������������������������������������296 Points of Friction �����������������������������������������������������������������������������������������������������������������297 The Moment of Truth �����������������������������������������������������������������������������������������������������������298 A Reflective Ending��������������������������������������������������������������������������������������������������������������298 Storyboarding Moments ������������������������������������������������������������������������������������������������������������301 Pick a Moment and an Empathy Map ����������������������������������������������������������������������������������305 Plot Out the Story Flow ��������������������������������������������������������������������������������������������������������305 Tell the Story ������������������������������������������������������������������������������������������������������������������������306 End the Story Properly ���������������������������������������������������������������������������������������������������������307 Annotate ������������������������������������������������������������������������������������������������������������������������������309 Moment Mapping ����������������������������������������������������������������������������������������������������������������310 The Anatomy of an Interaction ��������������������������������������������������������������������������������������������������313 Framing �������������������������������������������������������������������������������������������������������������������������������315 Acknowledgment �����������������������������������������������������������������������������������������������������������������316 Waiting ��������������������������������������������������������������������������������������������������������������������������������319 Respond �������������������������������������������������������������������������������������������������������������������������������322 Zooming In and Out �������������������������������������������������������������������������������������������������������������������325 Chapter 10: Responsible Implementation �������������������������������������������������������������329 “Black Hat” Everything—Purposeful Pessimism ����������������������������������������������������������������������330 Facebook’s Celebration of Death ����������������������������������������������������������������������������������������������332 The Role of Choice ��������������������������������������������������������������������������������������������������������������������334 Slack: A Case Study In Open Design ������������������������������������������������������������������������������������339 People Are Not Edge Cases �������������������������������������������������������������������������������������������������������346 Index ���������������������������������������������������������������������������������������������������������������������351 x

Description:
Learn to create seamless designs backed by a responsible understanding of the human mind. This book examines how human behavior can be used to integrate your product design into lifestyle, rather than interrupt it, and make decisions for the good of those that are using your product. Mindful Design
See more

The list of books you might like

Most books are stored in the elastic cloud where traffic is expensive. For this reason, we have a limit on daily download.