Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]

Download Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]

Post on 21-Apr-2017

61.127 views

Category:

Design

7 download

TRANSCRIPT

Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Design a product in 3 hoursDesigning with Lean UXUX Lisbon | Wednesday, June 04, 2014Kate Rutter | @katerutter Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Hello!Principal, Intelleto.comCo-Founder, Luxr.coSketchnoter, graphic recorderEntrepreneurship + UX@katerutterhttp://intelleto.com Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com @katerutter@luxrco#uxlxTWEET! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Around the room intros* name* role * your favorite superpower!Hello! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Lets get warmed up Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {5 min Activity}Users + problems + solutionSketch it outWho are the users?What problems do they have?What would be a proposed solution? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Users + Problem + Solution mapWorking parents with with kidsTask-a-doodlethe DNA of your ideaMay 2014 Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Users + Problem + Solution mapa mobile app for delegating tasksWorking parents with with kidsneed to know when somethings doneToo much to do, not enough timeneed to share tasks on the goTask-a-doodlethe DNA of your idea3 minMay 2014 Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com A class on how to produce an awesome UIThis is not...(how do you know its awesome?)A session on making production wireframes or photoshop comps(how do you know these arent a waste of valuable time?)A perfect approach or a rigid point of view on Great UX.(100s of participants have used these techniques to define their own unique Great UX.) Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Design = solving problems Lean Startup concepts & mindset Hands-on } make a product MVP Lo-fi MVP -> validate -> buildThis is about making products.Focus Simplify Decide TestMove forward. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com I am not an expert on your idea. You are.My goal is to help you identify one way you can innovate using lean practices...so you can experiment andlearn first-hand if its helpful.What to expect... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com We are going to be working really, really, really fast.What to expect... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com There is a purpose to this.I will push you to get something down rapidly. In 3 hours, you will have product concept you can validate.We are going to be working really, really, really fast.What to expect... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You will be working solo and as peer pairs.Two brains arebetter than one.And well keep talking to a minimum.(There is a break where we can get all social!) What to expect... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You may not like the pace/process/pressure/perspective, etc. etc.That is okay.All I ask is that you keepan open mind and try it. What to expect... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com But the code validated!The design was brilliant. It just never launched. We made an amazing thing.But nobody wanted it. What I NEVER want you to experience... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com But the code validated!The design was brilliant. It just never launched. We made an amazing thing.But nobody wanted it. What I NEVER want you to experience...FAIL Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com But the code validated!The design was brilliant. It just never launched. We made an amazing thing.But nobody wanted it. What I NEVER want you to experience...waste Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com About the whole Lean thing Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Build.Measure.LearnLean startup? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com From The Lean Entrepreneur. B. Cooper & P. Vlaskovits. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Lean StartupStartup: a human institution designed to create new products or services under conditions of extreme uncertainty. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 Big IdeasEmpathy.Design. Products!User ExperienceBuild. Measure. Learn!Lean Startup Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3 Key ConceptsBuild. Measure. Learn!ValidatedLearningGet out of the building!Customer DevelopmentAgileDevelopmentCollaborate.Release.Improve! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com The Agile Manifesto came about at a ski scrum in February 2001. The big idea...over over over over Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Steve Blank introduced Customer Development in...um...2006. The big idea... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Eric Ries wrote a blog post on Sept 8, 2008 titled The Lean Startup.+incremental releasesmake products customers want+reduce wasteThe big synthesis... Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com ExperimentsValidated learningReduce wasteLean StartupThese change everything. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risktimeDefineThe old wayDesignDevelopRelease Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risktimeDefineDesignDevelopReleasea better old way Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risktimeA different wayMAKEreleaseMEASURE BUILDLEARNMEASURE BUILD Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com BUILDMEASURELEARNMore cycles in less timereduce the risk.faster! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Okay, fine.But how does this relate toUser Experience Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com UX =a mindsetfocused on delivering valueinspires the right kinds of ideasguides decisions Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com UX != UI* Your first project: Remove any reference to UX/UI from all of your work. Replace it with UX + UI. This directive holds for the duration of your UX career. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsvia @luxrcosketches, prototypes, wireframespixelsUIUX as a stackBUILDMEASURELEARNCompany PurposeYour vision & ideas Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Lets make stuff Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Rapid SketchingStar people!7 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You can draw a person in 4 simple steps....sketch via @luxrcoStar people Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Use simple shapes to put a person in a place.sketch via @luxrcoAdd contextinside outside Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com People have faces and emotions.Expressions Matrix 3 mouths + 2 eyebrows= 9 emotions (so sneaky!)smile frownup browsneutraldown browsstart with thisno browsadd a mouth...add eyebrows...sketch via @luxrco; also see @austinkleon Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Picture your user as a human person.(Insert provisional personas here)Who is it for? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsUX StackCompany PurposeYour vision & ideas via @luxrco Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Who: Make a Persona Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Make a personaPortrait5 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Make a personaFacts Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Write down...3 min AgeCity where s/he lives Family (married? kids? single? divorced?) Job role Annual incomeBe specific. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Make a personaBehaviors Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Brainstorm 10 behaviors3 min What do they do that indicates that they are a good customer for you? How are they solving the problem now? Behaviors are verbs. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com more importantless important2 min{Activity}Divide into 2 piles Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 min{Activity}Pass & Peer-write Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Break! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Make a personaNeeds & Goals Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3 min What do they need to accomplish that will solve their problem? Why do they do the behaviors? How are they solving the problem now?{Activity}Brainstorm 10 needs & goals Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Divide into 2 pilesmore importantless important.5 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Pass & Peer-write1 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com * Could enough people like this exist? (And can you find them to talk to them?) If no, make adjustments.* Is this a specific person you know? If yes, make adjustments.* Is the persona respectful? If no, make adjustments or re-do. Contempt is not helpful.{Activity}3 Checks Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com PersonaWho is our user and what are their needs & goals?What you have now: Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com i Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Act on user needs by identifying value propositions.Whats the value? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsUX StackCompany PurposeYour vision & ideas via @luxrco Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com An example from Foodspotting Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Envision 6 uses Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Sketch 6-up uses7 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Work with your peerPass your work1-minute quiet read30 seconds toConfirm clarity1 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Dot-vote top picksPeers } dot 2 top uses2 minFounders } dot 1 from within the 2 Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Redraw the top pick3 minMaryTask-a-doodleKnow when someone in her family finishes a shared task.April 2013 Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsUX StackCompany PurposeYour vision & ideas via @luxrco Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Brainstorm 3 features3 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Make a feature list.05 min5-item to-do listTask sharerStatus trackerApril 2013 Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com PersonaWho is our user and what are their needs & goals?What can a user do with our product?How will they do that?MaryTask-a-Know when someone in her family April 2013Value propWhat you have now:Limited features to support the use Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Uses make me frisky! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Measure what mattersby trackingactionable metrics.How do you knowits working? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Product(black box)Conversion FunnelTrafficMeasuring what? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Product(black box)Conversion FunnelTrafficMeasuring what? Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Metrics checklista good metric... a great metric......makes you look at all the other metrics and say none of those other numbers matter if we dont get this right first....measures the usage of your product by a person. The usage should be specific to features that deliver value to your user.vanitytotal number of registered usersunhelpfulsign-ups% of users who share a task 3+ times a day,per weekawesomebetter% of users who sign in 3+ times a day,per weekgood% of new users per week Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Brainstorm 1 metric2 minNote: When working, you can (and should) use the full Dump & Sort method for this. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity}Improve your metric! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3. Is there an object basis? per user [ ___/user] per user per week (fancy!) Examples: per user, per session, or by interaction or item (messages per file, emails per thread)* not required, but super-helpful per week [ ___/wk ] per month [ ___/mo]2. Is there a time basis?number of... [ # ]average number of... [avg ]percent of... [ % ]1. Does the metric begin with a number?Metrics check 1 min Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com % of users who share a task 3+ times a day,per weekApril 2013{Activity}Make a Dashboard Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com PersonaWho is our user and what are their needs & goals?What can a user do with our product?How will they do that?MaryTask-a-Know when someone in her family April 2013Value propWhat you have now:Limited features to support the useWhat does success look like?Actionable metric to measure progress Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com metrics. better than a bubbling brook. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Pull it all together.Tell the story. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsUX StackCompany PurposeYour vision & ideas via @luxrco Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com This is [product name] .Meet...MVPThe idea...* Minimum Viable Product2 minMVCMVP Narrative Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Making the most of the team Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 minYour pair peer readsyour story back to you.(Simply read the words on the page.)Story time. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 1 minCome up and shareyour story!Exciting prizes for 2UX-entrepreneurswho volunteer!Pitch Practice Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com FeaturesUsersUsesProductNeedsUX StackCompany PurposeYour vision & ideas Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 1. Sketch (especially of people)2. Timebox! (speed kills the censor and keeps you moving)3. Generate independently, discuss as a team(3 people ideal)4. Dump & Sort (one item per Post-It, use Sharpie)5. 2x2 organizing framework (help decision-making when lots of items)6. Work at the wall 7. Quick decision-making techniques(dot-vote, roman vote, stack rank)Patterns of work Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com This way of working is hard. But its worth it. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Resources & Next Steps Validate! Do 3 customer development interviews (Within the next week, or even sooner if your audience is at UX Lisbon!) Startup Weekends & hackathonsStartupweekend.org Founders Institutefi.co OReilly Lean Books & Luxr Core Curriculum Bootstrapping your idea Crowdfunding, Peerfunding, Enterprise IncubatorsResources & Next Steps Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Geek out & learn tons more Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Kate Rutter@katerutterhttp://intelleto.comThanks! Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com HANDOUTSUX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014HandoutsDesign a product in 3 hoursDesigning with Lean UXUX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014 ExperimentsValidated learningReduce wasteLean StartupCustomer Development make products customers wantAgile Development Iteration & incremental releasesLean Manufacturing Reduce wasteStartup: a human institution designed to create a new product or service under conditions of extreme uncertainty.UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014FeaturesUsersUsesProductNeedsCompany Purposesketches, prototypes, pixelsUIBUILDMEASURELEARNUX Stack + Lean StartupUX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014Use basic supplies: sharpies, stickynotes and white paperDump & sort & 2x2 organizingGo wide, then decideGenerate independently, discuss as a team. (3 people ideal)Work at the wallQuiet read (before discussion)Sketch (especially of people)Share info with Information radiatorsTimebox (speed kills the censor)Quick decisionmaking (dot vote, stack-rank)Techniques ChecklistThe Moleculepeopleproblem solutionhaveaddressesuseProduct name date / / Facts Needs & GoalsBehaviorsPersonadate / / With _________________ , _________________ can...Value Proposition 6-up Sketchesdate / / With can...!Value Propositiondate / / featurefeaturefeatureMVP Featuresdate / / To deliver on that, we will build these features:metricbyGoal / / NotesMetrics Dashboarddate / / To assess progress, we will measure these metrics:metricbyGoal / / NotesmetricbyGoal / / NotesUX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014106a great metric......makes you look at all the other metrics and say none of those other numbers matter if we dont get this right first.a good metric......measures the usage of the product by a person. The usage should be specific to features that deliver value to the user.Making metrics actionablevanity good betterunhelpfultotal number of registered users% of users who share a task 3+ times a day,per weeksign-upsawesome% of users who sign in 3+ times a day,per week% of new users per weekDoes the metric begin with a number? number of... [ # ] average number of... [avg ] percent of... [ % ]Is there a time basis?Is it comparative? per week [ ___/wk ] per month [ ___/mo]Is there an object basis?* not required, but super-helpful per user [ ___/user] per user per week (fancy!)1Metrics Check2 3UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco 2014Further Reading