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

Transcript

1. 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
2. http://www.flickr.com/photos/michael-seljos/2073146716/
4. METICULOUS
8. Things would be wonderful if we just had our own JONY IVE. “ ”
9. EXPERIENCE MATTERS
11. https://upload.wikimedia.org/wikipedia/commons/8/8f/Card_puncher_-_NARA_-_513295.jpg
17. WHAT ISUX? (USER EXPERIENCE)
18. http://visual.ly/disciplines-user-experience-design
19. the effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments “ ”
20. JAKOB NIELSEN
21. THE PROMPTNESS WITH WHICH USERS LEARN TO USE SOMETHING
22. THE EFFICIENCY THEY ATTAIN WHILE
 MAKING USE OF IT
23. REMEMBER HOW TO USE IT HOW EASY IT IS 
 FOR THEM TO
24. ERROR- PRONE IT IS HOW
25. LEVEL OF
 SATISFACTION THEY ATTAIN FROM USING IT
26. EXPERIENCE OF MANY YEARS
27. (and many misteaks) mistakes
30. WHAT ISAGILE? (SOFTWARE DEVELOPMENT)
31. https://twitter.com/lissijean/status/458005886506520577 AS DEFINED BY DILBERT
33. 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
34. ORIENTEERING (YES, THERE’S A MERIT BADGE FOR THAT)
35. https://www.flickr.com/photos/derelllicht/4784936818
36. Find out where you are Shoot an azimuth and choose a target Walk to that target Repeat 1 2
 3 4
37. https://www.flickr.com/photos/arcticwarrior/8694705014
38. 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
39. BUILD MEASURE LEARN
40. PROCESSES & METHODS OF USER EXPERIENCE DESIGN
41. WATERFALL (DON’T GO CHASIN’)
43. Define → Design → Develop → Test → Deploy Design
44. DELIVERABLES!
45. Deliverables should help drive decisions, not just document them. —Jenny Reeves
 https://studio.uxpin.com/blog/5-reasons-freelance-ux-projects-fail/ “ ”
46. “But, we’re ‘Agile’!”
48. DESIGN DEVELOP QA PRODUCT
49. 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) “ ”
50. 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 “ ”
51. “LEAN UX” THE OVERUSED AND MISUNDERSTOOD
52. DESIGN THINKING AGILE PROCESS LEAN STARTUP
53. [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 “ ”
54. [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 “ ”
56. 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 “ ”
57. BIG PICTURE THE
58. THE PROCESS ASSUMPTIONS HYPOTHESES OUTCOMES PERSONAS FEATURES
59. SHADOW your users Photo by Leo Hildago | https://www.flickr.com/photos/ileohidalgo/15090035480
60. http://fortune.com/2016/03/16/livingsocial-layoffs/
61. Yuji Yokaya http://www.forbes.com/forbes/2003/0217/056a.html TOYOTA SIENNA CHIEF ENGINEER
63. PROTO-PERSONAS
65. http://www.quietaction.com/blog/what-customers-are-you-creating.html
66. 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
67. MENTAL MODELS
68. http://johnnyholland.org/2009/01/book-review-mental-models/
70. VISION BOARDS
71. DETAILED CONCEPT MOCKUPS
72. “YOU DO REALIZE THAT’S 18 MONTHS OF WORK, RIGHT?” —AARON BATALION, THEN CTO of LIVINGSOCIAL
73. DETAILED CONCEPT MOCKUPS
74. PARALLEL WORKING IN
75. THE FIRST CLIENT MEETING FLOWS DOMAIN OBJECTS DESIGNER DEVELOPER USABILITY FUNCTIONALITY
76. SKETCH & BUILD SIMULTANEOUSLY
78. http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/
79. http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/
82. http://adaptivepath.org/ideas/sketchboards-discover-better-faster-ux-solutions/ http://kor.com/blog/personas-empathy-maps-and-6-ups-reign-at-uxbootcamp
83. http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard
84. JUST IN TIME THE INTENSITY OF
85. BIG PICTURE DESIGN PROCESS 1
86. APPLY THE DESIGN 2
87. CODIFY INTO A LIVING STYLEGUIDE 3
88. REVISE AS YOU GO 4
89. UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD
90. CASE STUDY #1
92. WILDE
98. CASE STUDY #2 VARIOUS CLIENTS
99. SKETCH INTERACTIONS, NOT SCREENS
101. BUILDING OUT
 YOUR LIVING
 STYLEGUIDE
103. CASE STUDY #3
104. MAD DASH THE
108. BIG PICTURE 
 DESIGN PROCESS 1 2 3 4 APPLY THE
 DESIGN CODIFY INTO A
 LIVING STYLEGUIDE REVISE AS 
 YOU GO
112. InVision invisionapp.com Marvel marvelapp.com Flint flinto.com Keynote Apple App Store PROTOTYPING TOOLS
113. ISSUES
114. ISSUE: 
 DESIGN DRIFT
116. ISSUE: 
 DESIGNER
 FRUSTRATION
118. CELEBRATE RELEASES
119. MAKE TIME TO DREAM
120. ISSUE: 
 PMO/PRODUCT
121. IN THE DARK IT’S DIFFICULT TO SEE
122. “SO WE NEED TO BUILD THIS COMPLEX THING 
 & WE ARE GOING TO WING IT”
123. “I WANT YOU TO 
 FOCUS SO I’M ONLY GOING TO TELL YOU ABOUT THIS SPRINT’S FUNCTIONALITY.”
124. “WE’RE NOT 
 GOING
 TO TACKLE 
 THAT UNTIL 
 PHASE II”
126. ISSUE: 
 FORGETTING THE USERS HALP
127. “DEAR GOD, 
 WHAT IS THAT THING!?”
128. INVOLVE SUBJECT MATTER EXPERTS
129. ISSUE: 
 USER TESTING IS HARD
133. “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
134. The main argument for small tests is simply return on investment: testing costs increase with each additional study participant, yet the number of findings quickly reaches the point of diminishing returns. There's little additional benefit 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/ “ ”
135. GO 
 GUERRILLA
136. http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/
137. 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/
138. ISSUE: 
 LONG TIME
 TO PRODUCTION
139. THE 
 GREAT REWRITE
140. 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
141. FIX THE PAIN POINTS WHILE YOU REBUILD
142. UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD EXISTING SYSTEM FIXES (Modified)
145. ISSUE: 
 MULTIPLE DEVICES
147. MOBILE FIRST VS RESPONSIVE CLEANUP
148. SO WHAT SHOULD
 WE DO?
149. GEAR UP
151. https://medium.com/galleys/how-we-tried-to-design-our-own-book-cover-and-how-jessica-hische-saved-the-day-58551087cfea
152. EMBRACE CONSTRAINTS
154. AGILE IS DEAD long live agility http://pragdave.me/blog/2014/03/04/time-to-kill-agile/
155. MEASURE 
 ALL THE
 THINGS
156. LOVE YOUR USERS
157. SECURE QUICK
 WINS
158. ENGINEER PRODUCT MANAGER VISUAL DESIGNER PROJECT MANAGER ENGINEER FRONT END ENGINEER ENGINEER INTERACTION
 DESIGNER NO MORE
 SILOS QA UX RESEARCH
159. PULL REQUEST WORKFLOW
160. REUSABLE DESIGN SOLUTIONS
161. DEVELOPERS: LEARN UX
162. DESIGNERS: LEARN 
 TO CODE
163. FORGIVE. http://dish.andrewsullivan.com/2014/04/19/killing-the-beautiful-thing-in-your-imagination/
164. BUILD THE APP 
 YOU CAN BUILD TODAY
165. THANK YOU @boboroshi john@meticulous.com www.cargosense.com www.meticulous.com