Lean UX, Agile Development, and User-Centered Design: How They Work Better Together v2

Slide 1

Slide 1 text

HOW THEY WORK BETTER  TOGETHER Lean UX, Agile Development and User-Centered Design REVOLUTIONCONF 2016 VIRGINIA BEACH, VIRGINIA JOHN ATHAYDE @boboroshi  VP of DESIGN @ CARGOSENSE

Slide 2

Slide 2 text

http://www.ﬂickr.com/photos/michael-seljos/2073146716/

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

METICULOUS

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Things would be wonderful if we just had our own JONY IVE. “ ”

Slide 9

Slide 9 text

EXPERIENCE MATTERS

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

https://upload.wikimedia.org/wikipedia/commons/8/8f/Card_puncher_-_NARA_-_513295.jpg

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

WHAT ISUX? (USER EXPERIENCE)

Slide 18

Slide 18 text

http://visual.ly/disciplines-user-experience-design

Slide 19

Slide 19 text

the effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments “ ”

Slide 20

Slide 20 text

JAKOB NIELSEN

Slide 21

Slide 21 text

THE PROMPTNESS WITH WHICH USERS LEARN TO USE SOMETHING

Slide 22

Slide 22 text

THE EFFICIENCY THEY ATTAIN WHILE  MAKING USE OF IT

Slide 23

Slide 23 text

REMEMBER HOW TO USE IT HOW EASY IT IS   FOR THEM TO

Slide 24

Slide 24 text

ERROR- PRONE IT IS HOW

Slide 25

Slide 25 text

LEVEL OF  SATISFACTION THEY ATTAIN FROM USING IT

Slide 26

Slide 26 text

EXPERIENCE OF MANY YEARS

Slide 27

Slide 27 text

(and many misteaks) mistakes

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

WHAT ISAGILE? (SOFTWARE DEVELOPMENT)

Slide 31

Slide 31 text

https://twitter.com/lissijean/status/458005886506520577 AS DEFINED BY DILBERT

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Individuals and Interactions over Processes and Tools,  Working Software over Comprehensive Documentation,  Customer Collaboration over Contract Negotiation, and  Responding to Change over Following a Plan AGILE MANIFESTO (2001) http://www.agilemanifesto.org

Slide 34

Slide 34 text

ORIENTEERING (YES, THERE’S A MERIT BADGE FOR THAT)

Slide 35

Slide 35 text

https://www.ﬂickr.com/photos/derelllicht/4784936818

Slide 36

Slide 36 text

Find out where you are Shoot an azimuth and choose a target Walk to that target Repeat 1 2  3 4

Slide 37

Slide 37 text

https://www.ﬂickr.com/photos/arcticwarrior/8694705014

Slide 38

Slide 38 text

http://pragdave.me/blog/2014/03/04/time-to-kill-agile/ Find out where you are Take a small step towards your goal Adjust your understanding based on what you learned Repeat 1 2  3 4

Slide 39

Slide 39 text

BUILD MEASURE LEARN

Slide 40

Slide 40 text

PROCESSES & METHODS OF USER EXPERIENCE DESIGN

Slide 41

Slide 41 text

WATERFALL (DON’T GO CHASIN’)

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Deﬁne → Design → Develop → Test → Deploy Design

Slide 44

Slide 44 text

DELIVERABLES!

Slide 45

Slide 45 text

Deliverables should help drive decisions, not just document them. —Jenny Reeves  https://studio.uxpin.com/blog/5-reasons-freelance-ux-projects-fail/ “ ”

Slide 46

Slide 46 text

“But, we’re ‘Agile’!”

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

DESIGN DEVELOP QA PRODUCT

Slide 49

Slide 49 text

Instead of relying on a hero designer to divine the best solution from a single point of view, we use rapid experimentation and measurement to learn quickly how well our ideas meet our goals. —Jeff Gothelf (author of Lean UX) “ ”

Slide 50

Slide 50 text

Designers temptation is to go away into their fancy design room and to magically solve problems. Designers are not very good about solving problems in isolation, but they are very powerful in mixed teams of helping bring ideas to reality. —Daniel Burka, Design Partner at Google Ventures https://www.youtube.com/watch?v=v1HBqlxQjZI “ ”

Slide 51

Slide 51 text

“LEAN UX” THE OVERUSED AND MISUNDERSTOOD

Slide 52

Slide 52 text

DESIGN THINKING AGILE PROCESS LEAN STARTUP

Slide 53

Slide 53 text

[Design thinking is] innovation powered by … direct observation of what people want and need in their lives and what they like or dislike about the way particular products are made, packaged, marketed, sold, and supported. —Tim Brown, CEO of IDEO “ ”

Slide 54

Slide 54 text

[It’s] a discipline that uses the designer’s sensibility and methods to match people’s needs with what is technologically feasible and what a viable business strategy can convert into customer value and market opportunity. —Tim Brown, CEO of IDEO “ ”

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

Lean UX is the practice of bringing the true nature of a product to light faster, in a collaborative, cross-functional way that reduces the emphasis on thorough documentation while increasing the focus on building a shared understanding of the actual product experience being designed. —Lean UX “ ”

Slide 57

Slide 57 text

BIG PICTURE THE

Slide 58

Slide 58 text

THE PROCESS ASSUMPTIONS HYPOTHESES OUTCOMES PERSONAS FEATURES

Slide 59

Slide 59 text

SHADOW your users Photo by Leo Hildago | https://www.ﬂickr.com/photos/ileohidalgo/15090035480

Slide 60

Slide 60 text

http://fortune.com/2016/03/16/livingsocial-layoffs/

Slide 61

Slide 61 text

Yuji Yokaya http://www.forbes.com/forbes/2003/0217/056a.html TOYOTA SIENNA CHIEF ENGINEER

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

PROTO-PERSONAS

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

http://www.quietaction.com/blog/what-customers-are-you-creating.html

Slide 66

Slide 66 text

Front Line Consumer Advocate (CA) TITLE Consumer Advocate (CA) ROLE Individual who is the general system user, interacting with customers via phone and email (and eventually chat) to resolve support issues that customers have with LivingSocial, it’s deals, or it’s merchants. JOB TASKS • Answer phone • Create and manage cases • Issue refunds • Resolve customer issues GOALS, FEARS, AND ASPIRATIONS • Meet daily quota (fear of not meeting quota) • Working on projects by accomplishing high close rate • Fear of customer anger especially w/r/t refund policy • Avoiding mandatory overtime by meeting their quotas and closing cases more quickly COMPUTER SKILLS, KNOWLEDGE, AND ABILITIES • Wide range of ability and knowledge. • Needs to be able to use a browser, answer the phone in a professional manner • Able to multi-task and keep critical information correctly in their heads • Ability to get trained on the tools (currently SalesForce, phone system) GROUP SIZE AND INFLUENCE This is currently the largest group at 130 individuals (not including senior CAs but including international users) MEANS OF COMMUNICATION SalesForce chatter, team meetings with team leads, IM/GoogleTalk, email. INTERNAL TOOLS: CSR PERSONAS 3

Slide 67

Slide 67 text

MENTAL MODELS

Slide 68

Slide 68 text

http://johnnyholland.org/2009/01/book-review-mental-models/

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

VISION BOARDS

Slide 71

Slide 71 text

DETAILED CONCEPT MOCKUPS

Slide 72

Slide 72 text

“YOU DO REALIZE THAT’S 18 MONTHS OF WORK, RIGHT?” —AARON BATALION, THEN CTO of LIVINGSOCIAL

Slide 73

Slide 73 text

DETAILED CONCEPT MOCKUPS

Slide 74

Slide 74 text

PARALLEL WORKING IN

Slide 75

Slide 75 text

THE FIRST CLIENT MEETING FLOWS DOMAIN OBJECTS DESIGNER DEVELOPER USABILITY FUNCTIONALITY

Slide 76

Slide 76 text

SKETCH & BUILD SIMULTANEOUSLY

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/

Slide 79

Slide 79 text

http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

http://adaptivepath.org/ideas/sketchboards-discover-better-faster-ux-solutions/ http://kor.com/blog/personas-empathy-maps-and-6-ups-reign-at-uxbootcamp

Slide 83

Slide 83 text

http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard

Slide 84

Slide 84 text

JUST IN TIME THE INTENSITY OF

Slide 85

Slide 85 text

BIG PICTURE DESIGN PROCESS 1

Slide 86

Slide 86 text

APPLY THE DESIGN 2

Slide 87

Slide 87 text

CODIFY INTO A LIVING STYLEGUIDE 3

Slide 88

Slide 88 text

REVISE AS YOU GO 4

Slide 89

Slide 89 text

UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD

Slide 90

Slide 90 text

CASE STUDY #1

Slide 91

Slide 91 text

No content

Slide 92

Slide 92 text

WILDE

Slide 93

Slide 93 text

No content

Slide 94

Slide 94 text

No content

Slide 95

Slide 95 text

No content

Slide 96

Slide 96 text

No content

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

CASE STUDY #2 VARIOUS CLIENTS

Slide 99

Slide 99 text

SKETCH INTERACTIONS, NOT SCREENS

Slide 100

Slide 100 text

No content

Slide 101

Slide 101 text

BUILDING OUT  YOUR LIVING  STYLEGUIDE

Slide 102

Slide 102 text

No content

Slide 103

Slide 103 text

CASE STUDY #3

Slide 104

Slide 104 text

MAD DASH THE

Slide 105

Slide 105 text

No content

Slide 106

Slide 106 text

No content

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

BIG PICTURE   DESIGN PROCESS 1 2 3 4 APPLY THE  DESIGN CODIFY INTO A  LIVING STYLEGUIDE REVISE AS   YOU GO

Slide 109

Slide 109 text

No content

Slide 110

Slide 110 text

No content

Slide 111

Slide 111 text

No content

Slide 112

Slide 112 text

InVision invisionapp.com Marvel marvelapp.com Flint ﬂinto.com Keynote Apple App Store PROTOTYPING TOOLS

Slide 113

Slide 113 text

ISSUES

Slide 114

Slide 114 text

ISSUE:   DESIGN DRIFT

Slide 115

Slide 115 text

No content

Slide 116

Slide 116 text

ISSUE:   DESIGNER  FRUSTRATION

Slide 117

Slide 117 text

No content

Slide 118

Slide 118 text

CELEBRATE RELEASES

Slide 119

Slide 119 text

MAKE TIME TO DREAM

Slide 120

Slide 120 text

ISSUE:   PMO/PRODUCT

Slide 121

Slide 121 text

IN THE DARK IT’S DIFFICULT TO SEE

Slide 122

Slide 122 text

“SO WE NEED TO BUILD THIS COMPLEX THING   & WE ARE GOING TO WING IT”

Slide 123

Slide 123 text

“I WANT YOU TO   FOCUS SO I’M ONLY GOING TO TELL YOU ABOUT THIS SPRINT’S FUNCTIONALITY.”

Slide 124

Slide 124 text

“WE’RE NOT   GOING  TO TACKLE   THAT UNTIL   PHASE II”

Slide 125

Slide 125 text

No content

Slide 126

Slide 126 text

ISSUE:   FORGETTING THE USERS HALP

Slide 127

Slide 127 text

“DEAR GOD,   WHAT IS THAT THING!?”

Slide 128

Slide 128 text

INVOLVE SUBJECT MATTER EXPERTS

Slide 129

Slide 129 text

ISSUE:   USER TESTING IS HARD

Slide 130

Slide 130 text

No content

Slide 131

Slide 131 text

No content

Slide 132

Slide 132 text

No content

Slide 133

Slide 133 text

“A Mathematical Model of the Finding of Usability Problems” by Jakob Nielsen and Thomas K. Landauer Proceedings of ACM INTERCHI’93 Conference (Amsterdam, 24-29 April 1993) http://dl.acm.org/citation.cfm?id=169166

Slide 134

Slide 134 text

The main argument for small tests is simply return on investment: testing costs increase with each additional study participant, yet the number of ﬁndings quickly reaches the point of diminishing returns. There's little additional beneﬁt to running more than 5 people through the same study; ROI drops like a stone with a bigger N . —Jakob Nielsen https://www.nngroup.com/articles/how-many-test-users/ “ ”

Slide 135

Slide 135 text

GO   GUERRILLA

Slide 136

Slide 136 text

http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/

Slide 137

Slide 137 text

What do you make of this? What would you do here? How would you do [that]? http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/

Slide 138

Slide 138 text

ISSUE:   LONG TIME  TO PRODUCTION

Slide 139

Slide 139 text

THE   GREAT REWRITE

Slide 140

Slide 140 text

http://chadfowler.com/blog/2006/12/27/the-big-rewrite/ “In many cases, these Big Rewrite   projects have resulted in unhappy  customers, political battles, missed deadlines, and sometimes complete  failure to deliver. In all cases, the projects were considerably harder than the projects’ initiators ever thought they would be.” —Chad Fowler, 2006

Slide 141

Slide 141 text

FIX THE PAIN POINTS WHILE YOU REBUILD

Slide 142

Slide 142 text

UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD EXISTING SYSTEM FIXES (Modiﬁed)

Slide 143

Slide 143 text

No content

Slide 144

Slide 144 text

No content

Slide 145

Slide 145 text

ISSUE:   MULTIPLE DEVICES

Slide 146

Slide 146 text

No content

Slide 147

Slide 147 text

MOBILE FIRST VS RESPONSIVE CLEANUP

Slide 148

Slide 148 text

SO WHAT SHOULD  WE DO?

Slide 149

Slide 149 text

GEAR UP

Slide 150

Slide 150 text

No content

Slide 151

Slide 151 text

https://medium.com/galleys/how-we-tried-to-design-our-own-book-cover-and-how-jessica-hische-saved-the-day-58551087cfea

Slide 152

Slide 152 text

EMBRACE CONSTRAINTS

Slide 153

Slide 153 text

No content

Slide 154

Slide 154 text

AGILE IS DEAD long live agility http://pragdave.me/blog/2014/03/04/time-to-kill-agile/

Slide 155

Slide 155 text

MEASURE   ALL THE  THINGS

Slide 156

Slide 156 text

LOVE YOUR USERS

Slide 157

Slide 157 text

SECURE QUICK  WINS

Slide 158

Slide 158 text

ENGINEER PRODUCT MANAGER VISUAL DESIGNER PROJECT MANAGER ENGINEER FRONT END ENGINEER ENGINEER INTERACTION  DESIGNER NO MORE  SILOS QA UX RESEARCH

Slide 159

Slide 159 text

PULL REQUEST WORKFLOW

Slide 160

Slide 160 text

REUSABLE DESIGN SOLUTIONS

Slide 161

Slide 161 text

DEVELOPERS: LEARN UX

Slide 162

Slide 162 text

DESIGNERS: LEARN   TO CODE

Slide 163

Slide 163 text

FORGIVE. http://dish.andrewsullivan.com/2014/04/19/killing-the-beautiful-thing-in-your-imagination/