Lean UX - Integrated Teams

Download Lean UX - Integrated Teams

Post on 27-Jan-2015

104 views

Category:

Business

0 download

Embed Size (px)

DESCRIPTION

Lean UX presented by Fabio Armani at the Bettersoftware 2012 Conference in september 2012. Cosa Lean UX? User Centered Design x Lean Startup (Customer Development + approcci Lean & Agile). Per la prima volta, i metodi User Centered Design hanno il dovuto slancio nel mondo degli affari. Quando la comunit imprenditoriale comincia a misurare il valore dell'esperienza dell'utente, il momento in cui essa investe su questo importante aspetto come un driver di valore, piuttosto che come un costo da minimizzare. Quando la scienza del Lean Startup include lo "user centered design" come uno dei suoi attrattori principali, noi progettisti abbiamo una nuova opportunit di fare grandi cose. In questo talk vorrei parlare dell'importanza del movimento Lean UX e di come questo possa condurre alla realizzazione di un team integrato che superi il semplice concetto di Product Owner, andando a definire un pi vasto concetto di Product Ownership. Oltre alla trattazione teorica dei concetti fondamentali, verranno forniti esempi tratti dalle mie molteplici esperienze di Coaching e Consulting in diversi contesti con aziende di medie e grandi dimensioni.

TRANSCRIPT

  • 1. openware #LeanUX | @fabioarmani

2. About me Fabio Armani CEO of OpenWare Artistic Director of Different Lands @fabioarmani f.armani@open-ware.org armani.fabio@gmail.com 3. Tradi6onal UX User Interviews Context Inquiry Lean UX Agile UX Hypothesis Direct interac5ons Experiment, Rapid itera5ons validated learning Anders Ramsay.com 4. Tradi6onal UX Design, Usability What are we making? Lean UX Agile UX Measuring, Collabora6on, valida6ng product Delivery Are we making How do we make the right thing? it? Anders Ramsay.com 5. What is Lean UX?User Centered DesignxLean Startup (Customer Development+ Lean & Agile approaches)Anders Ramsay.com 6. Roots Of Lean Startupmake productsincrementalreducecustomer wants releaseswaste #LeanUX | @fabioarmani 7. For the first time,user centred design methods havemomentumin the business community 8. When the business community begins to measure the valueof user experience, they willinvest in it as a driver of value,rather than a cost to be minimized 9. When the science of startupsincludes user centred design as one of its tent-poles,we havea new opportunity to do great things 10. Lean UX means... Tight collaboration of UX, Product Management, Development Know your customers (users) and their needs Prioritize to reduce wasted effort Focus releases on specific user goals Externalize your ideas and your process Test design hypotheses rapidly and repeatedly Observing, learning, and adjusting with rapid cycles of Think-Make-Check 11. Lean UX CyclesGenerative ResearchIdeation THINKMental modelsBehaviour ModelsTest ResultsCompetitive AnalysisMAKEPrototypesWireframesValue PropLanding PageHypothesesCompsDeployed Code A/B Testing Site Analytics Usability TestingCHECK Funnel Sign-ups#LeanUX | @fabioarmani 12. Agile SprintsVelocityPointsIterationsOnly part of Continuous Deploymentthe story! S1S2S3S4 Lean UX CyclesLean UX Cycles Generative Research Reduce cycle Ideation THINK Lean 6me not Mental models build 6me Behavior Models Test Results Competitive Analysis MAKEPrototypes Wireframes Value Prop Landing PageA/B TestingHypothesesSite Analytics Comps Usability Testing Deployed Code Funnel Sign-ups CHECK #LeanUX | @fabioarmani 13. Lean UX FrameworkLean UX FrameworkUsers Users why 1. BLAHwhywhatNeeds2. BLAH1. BLAHNeeds 3. BLAH2. BLAH ople what howpe3. BLAH uctple pro dpeohowBUSINESS THINKINGuctBob can... pro dBUSINESS THINKINGUses/Scenarios Bob can... Uses/ScenariosFeatures (CREATE SKETCHES, FeaturesWIREFRAMES & PIXELS)(CREATE SKETCHES,This Week WIREFRAMES & PIXELS) User Stories This Week Themed Releases User StoriesThemed Releases 14. Solving problem together Every member of your team is present during brainstorming for new projects #LeanUX | @fabioarmani 15. Sketch Help them visualize their ideas and come to a consensus #LeanUX | @fabioarmani 16. Prototype Get to a product experience as quickly as possible #LeanUX | @fabioarmani 17. Prototype Get to a product experience as quickly as possible 18. Pair your developers and designers Have developers and designers pair up to create the user interfaces #LeanUX | @fabioarmani 19. Create a style guide Codify your design elements in paRern libraries and code repositories #LeanUX | @fabioarmani 20. Why? Who?What? How? Create & Delivery Refine & Evolve 21. Gather customer, business, and technicalinsights that provide insight into customerand business goals and identify opportunitiesfor inspiration, improvement, and innovation. 22. We place the customer at the heart of our design thinking to produce a mul6tude of ideas to create dierent opportuni6es. 23. We elaborate on the vision and plan what well need to do to get a product into produc6on as quickly as possible. 24. We think about the cri6cal path and, as in lean manufacturing, produce our design inventory just in 6me. 25. You then seek to con6nuously improve your product through a process of test and learn. 26. Agile experience design is Inclusive rather than elitist Emergent with directionrather than up frontIntegrated and collaborativerather than handed over the fenceConsiderate of customer,rather than biased toward a singlebusiness and technology needs factor 27. Agile Business AXD enableTechnology Customer Design 28. Lean UXInspired by Lean Startup and Agile development theories, itsthe practice of bringing the true nature of our work to lightfaster, with less emphasis on deliverables and greater focus onthe actual experience being designed.Jeff Gothelf #LeanUX | @fabioarmani 29. Agile Individuals and interactions over processes and tools Working software over comprehensive documentation Customer collaboration over contract negotiation Responding to change over following a planLeanLean Startup initially advocates the creation of rapid prototypesdesigned to test market assumptions, and uses customerfeedback to evolve them much faster than via more traditionalsoftware engineering practices. #LeanUX | @fabioarmani 30. 12 emerging best prac6ces Drive: UX practitioners are part of the customer or product owner team Research, model, and design up front - but only just enough Chunk your design work Use parallel track development to work ahead, and follow behind Buy design time with complex engineering stories Cultivate a user validation group for use for continuous user validation Schedule continuous user research in a separate track from development Leverage user time for multiple activities Use RITE to iterate UI before development Prototype in low fidelity Treat prototype as specification Become a design facilitator 31. Johnny Rotten 32. Dont know what I want, but I know how to get it 33. Dont know what I want, but I know how to get itSex Pistols Anarchy in the UK 34. We know what we want. Can youestimate how long it will take to build? 35. We know what we want. Can youestimate how long it will take to build? 36. We need to get these requirements nailed down .fore we can startdevelopment. 37. We need to get these requirements nailed down before we can startdevelopment. 38. We use an iterative andincremental agile process 39. Potentially shippable productincrement 40. ? Potentially shippable productincrement 41. Iterating and incrementing are separate ideashRp://www.agileproductdesign.com/blog/dont_know_what_i_want.html 42. Incremen6ng Iterating and incrementing are separate ideas 43. 1. Someone in the business has an idea 44. 1. Someone in the business has an idea 45. 2. The development team decompose the idea into stories As a user I want to so that 46. 2. The development team decompose the idea into stories 47. 4. The team delivers in increments, tackling the technically hardest func6onality rst 48. 5. They deliver high-quality stories on 6me and on budget, adding func6onality itera6vely. 49. 6. Yet the end result is not quite what everyone expected! 50. The process is far from ideal 51. Itera6ng Itera6ng and incremen6ng are separate ideas 52. Lets see if we can x it by injec6ng some user experience 53. 1. Someone in the business sees an opportunity 54. 1. Someone in the business sees an opportunity 55. 2. A cross-func6onal team comes together 56. 3. Everyone has lots of dierent ideas 57. 3. Everyone has lots of dierent ideas 58. 4. Everyone collaborates to reach a shared understanding We could use that landscape 59. 5. They discover new ideas by gefng out of the oce 60. 6. Rapid sketching brings the vision to life 61. 7. With a clearer vision we produce, priori6ze, and es6mate user stories and create a development plan 62. 8. Detail emerges throughout the development process, directed by the vision 63. 8. Detail emerges throughout the development process, directed by the vision 64. The result is a useful, usable and desirable product 65. This is not a return to big, up-front design 66. we Iterate for multiple reasons 67. we iterate to find the right solution 68. then given some goodcandidate solution, we mightthen iterate to improve a candidate solution 69. we Increment for multiplereasons 70. we use incrementing togradually build up functionality 71. we release incrementally so that we actually get that businessvalue were chasing. 72. Itera6ve-incremental iterativitySpiral modelAgile space incrementalnessWaterfall Staged deliveryhttp://samipoimala.com/it/2010/04/16/iterations-and-increments-explained/ #LeanUX | @fabioarmani 73. Design-led par6cipa6on Design focus AgencyParticipatory Participation & collaborationapproachdesignExpert ledEnterpriseapproachResearch focus#LeanUX | @fabioarmani 74. Designers and developers paring hRp://www.uxmindset.com 75. hRp://www.uxmindset.com/2011/11/lean-ux-agile-development-the-next-big-thing-in-sokware-development/ 76. The life of a story Week 1 Week 2 Week 3 Week 4 Iteration1Itera6on Planning Mee6ng Story Planning Mee6ng Showcase Design Review Mee6ng Retrospec6ve Analysis & DesignCodeTest / DeployIteration2 Itera6on Planning Mee6ng Story Planning Mee6ng Showcase Design Review Mee6ng Retrospec6ve Analysis & Design CodeTest / Deploy 77. Adding Design into the Mix 78. Design works ahead of development Itera*on 0 Itera*on 1 Itera*on 2 Itera*on 3 Developers Set upCodeCode Codeenvironments Designers Design for Design forDesign for Design forIteration 3Iteration 4Iteration 1Iteration 2 Test completed Test completed code codeDesign and test future concepts 79. Working as a team 80. UX Prod Dev QA 81. a shared goal 82. co-creation 83. one in front: providing design and defining interaction behaviour for the stories 84. one in front: providing design and defining interaction behaviour for the stories 85. clarifying: supporting the developer in theiteration with the design 86. clarifying: supporting the developer in theiteration with the design 87. testi