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

RailsConf 2014 Talk on Usability

Transcript

1. HOW THEY WORK BETTER
 TOGETHER Lean UX, Agile Development and User-Centered Design RAILSCONF 2014 CHICAGO, ILLINOIS JOHN ATHAYDE @boboroshi
 VP of DESIGN @ CARGOSENSE
3. http://www.flickr.com/photos/michael-seljos/2073146716/
8. EXPERIENCE MATTERS
15. WHAT ISUX? (USER EXPERIENCE)
16. “ the effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments”
17. JAKOB NIELSEN
18. THE PROMPTNESS WITH WHICH USERS LEARN TO USE SOMETHING
19. THE EFFICIENCY THEY ATTAIN WHILE
 MAKING USE OF IT
20. REMEMBER HOW TO USE IT HOW EASY IT IS 
 FOR THEM TO
21. ERROR- PRONE IT IS HOW
22. LEVEL OF
 SATISFACTION THEY ATTAIN FROM USING IT
23. EXPERIENCE OF MANY YEARS
24. (and many misteaks) mistakes
26. PROCESSES & METHODS OF USER EXPERIENCE DESIGN
27. WATERFALL (DON’T GO CHASIN’)
29. Define → Design → Develop → Test → Deploy Design
30. DELIVERABLES!
31. “But, we’re ‘Agile’!”
32. DESIGN DEVELOP QA PRODUCT
33. “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)
34. “LEAN UX” THE OVERUSED AND MISUNDERSTOOD
35. DESIGN THINKING AGILE PROCESS LEAN STARTUP
36. “[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
37. “[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
38. AGILE THE WONDERFUL WORLD OF
39. https://twitter.com/lissijean/status/458005886506520577 AS DEFINED BY DILBERT
41. 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
42. ORIENTEERING (YES, THERE’S A MERIT BADGE FOR THAT)
43. https://www.flickr.com/photos/derelllicht/4784936818
44. Find out where you are Shoot an azimuth and choose a target Walk to that target Repeat 1 2
 3 4
45. https://www.flickr.com/photos/arcticwarrior/8694705014
46. 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
47. BUILD MEASURE LEARN
49. “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
50. http://www.quietaction.com/blog/what-customers-are-you-creating.html PERSONAS
51. 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
55. PARALLEL WORKING IN
56. THE FIRST CLIENT MEETING FLOWS DOMAIN OBJECTS DESIGNER DEVELOPER USABILITY FUNCTIONALITY
57. SKETCH & BUILD SIMULTANEOUSLY
58. http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/
59. http://www.pbs.org/idealab/2013/01/a-look-behind-designing-the-state-decoded002/
60. BIG PICTURE PROTOTYPING AND THE
61. http://johnnyholland.org/2009/01/book-review-mental-models/
63. DETAILED CONCEPT MOCKUPS
64. “YOU DO REALIZE THAT’S 18 MONTHS OF WORK, RIGHT?” —AARON BATALION, THEN CTO of LIVINGSOCIAL
65. DETAILED CONCEPT MOCKUPS
72. FIX THE PAIN POINTS WHILE YOU REBUILD
73. JUST IN TIME THE INTENSITY OF
74. BIG PICTURE DESIGN PROCESS 1
75. APPLY THE DESIGN 2
76. CODIFY INTO A LIVING STYLEGUIDE 3
77. REVISE AS YOU GO 4
78. UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD
79. CASE STUDY #1
80. WILDE
86. CASE STUDY #2 VARIOUS CLIENTS
87. SKETCH INTERACTIONS, NOT SCREENS
89. BUILDING OUT
 YOUR LIVING
 STYLEGUIDE
90. CASE STUDY #3
91. MAD DASH THE
95. BIG PICTURE 
 DESIGN PROCESS 1 2 3 4 APPLY THE
 DESIGN CODIFY INTO A
 LIVING STYLEGUIDE REVISE AS 
 YOU GO
98. ISSUES
99. ISSUE: 
 DESIGN DRIFT
101. ISSUE: 
 DESIGNER
 FRUSTRATION
103. CELEBRATE RELEASES
104. MAKE TIME TO DREAM
105. ISSUE: 
 PMO/PRODUCT
106. IN THE DARK IT’S DIFFICULT TO SEE
107. “SO WE NEED TO BUILD THIS COMPLEX THING 
 & WE ARE GOING TO WING IT”
108. “I WANT YOU TO 
 FOCUS SO I’M ONLY GOING TO TELL YOU ABOUT THIS SPRINT’S FUNCTIONALITY.”
109. “WE’RE NOT 
 GOING
 TO TACKLE 
 THAT UNTIL 
 PHASE II”
111. ISSUE: 
 FORGETTING THE USERS HALP
112. “DEAR GOD, 
 WHAT IS THAT THING!?”
113. THE 
 GREAT REWRITE
114. UX TIMELINE OF A J.I.T. PROJECT INITIAL DESIGN PUSH DESIGN RUSHES UX JOINS STYLING/BUILD EXISTING SYSTEM FIXES (Modified)
116. INVOLVE SUBJECT MATTER EXPERTS
117. ISSUE: 
 USER TESTING IS HARD
118. GO 
 GUERRILLA
119. http://www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/
120. 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/
121. ISSUE: 
 MULTIPLE DEVICES
122. BUT 
 DOES IT RESPOND?
123. PLAN TIME TO DO CLEANUP/ RESPONSIVE
125. SO WHAT SHOULD
 WE DO?
126. GEAR UP
127. PAPER, PENCILS, PENS 1 2 3 4 WHITEBOARD PHONE WITH CAMERA YOUR CODING TOOLS
128. AGILE IS DEAD long live agility http://pragdave.me/blog/2014/03/04/time-to-kill-agile/
129. MEASURE 
 ALL THE
 THINGS
130. LOVE YOUR USERS
131. SECURE QUICK
 WINS
132. ENGINEER PRODUCT MANAGER ENGINEER PROJECT MANAGER ENGINEER FRONT END ENGINEER ENGINEER UX/UI NO MORE
 SILOS QA UX RESEARCH
133. PULL REQUEST WORKFLOW
134. REUSABLE DESIGN SOLUTIONS
135. DEVELOPERS: LEARN UX
136. DESIGNERS: LEARN 
 TO CODE
137. FORGIVE. http://dish.andrewsullivan.com/2014/04/19/killing-the-beautiful-thing-in-your-imagination/
138. BUILD THE APP 
 YOU CAN BUILD TODAY
139. climb the mountain.
140. THANK YOU UX/SCSS/Rails Front-End Pairing: airpair.me/boboroshi @boboroshi john@meticulous.com AthaydeWilliamsRailsView BOOK CODE FOR 25% OFF AT www.pragprog.com/titles/warv: