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

Embed Size (px)

TRANSCRIPT

<ul><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Design a product in 3 hours</p><p>Designing with Lean UX</p><p>UX Lisbon | Wednesday, June 04, 2014Kate Rutter | @katerutter</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Hello!Principal, Intelleto.comCo-Founder, Luxr.coSketchnoter, graphic recorderEntrepreneurship + UX</p><p>@katerutterhttp://intelleto.com</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>@katerutter@luxrco</p><p>#uxlx</p><p>TWEET!</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Around the room intros* name* role * your favorite superpower!</p><p>Hello!</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Lets get warmed up</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{5 min Activity}</p><p>Users + problems + solution</p><p>Sketch it outWho are the users?</p><p>What problems do they have?What would be a proposed solution?</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Users + Problem + Solution map</p><p>Working parents with with kids</p><p>Task-a-doodle</p><p>the DNA of your ideaMay 2014</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Users + Problem + Solution map</p><p>a mobile app for delegating tasks</p><p>Working parents with with kids</p><p>need to know when somethings done</p><p>Too much to do, not enough timeneed to share tasks on the go</p><p>Task-a-doodle</p><p>the DNA of your idea3 min</p><p>May 2014</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>A class on how to produce an awesome UI</p><p>This is not...</p><p>(how do you know its awesome?)</p><p>A session on making production wireframes or photoshop comps</p><p>(how do you know these arent a waste of valuable time?)</p><p>A perfect approach or a rigid point of view on Great UX.</p><p>(100s of participants have used these techniques to define their </p><p>own unique Great UX.)</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p> Design = solving problems Lean Startup concepts &amp; mindset Hands-on } make a product MVP Lo-fi MVP -&gt; validate -&gt; build</p><p>This is about making products.</p><p>Focus Simplify Decide TestMove forward.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>I am not an expert on your idea. You are.</p><p>My goal is to help you identify one way you can innovate using lean </p><p>practices...</p><p>so you can experiment andlearn first-hand if its helpful.</p><p>What to expect...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>We are going to be working really, really, really fast.</p><p>What to expect...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>There is a purpose to this.</p><p>I will push you to get something down rapidly. In 3 hours, you will </p><p>have product concept you can validate.</p><p>We are going to be working really, really, really fast.</p><p>What to expect...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>You will be working solo and as peer pairs.</p><p>Two brains arebetter than one.</p><p>And well keep talking to a minimum.(There is a break where we can get all social!) </p><p>What to expect...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>You may not like the pace/process/pressure/perspective, etc. etc.</p><p>That is okay.</p><p>All I ask is that you keepan open mind and try it. </p><p>What to expect...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>But the code validated!</p><p>The design was brilliant. It just never launched. </p><p>We made an amazing thing.But nobody wanted it. </p><p>What I NEVER want you to experience...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>But the code validated!</p><p>The design was brilliant. It just never launched. </p><p>We made an amazing thing.But nobody wanted it. </p><p>What I NEVER want you to experience...</p><p>FAIL</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>But the code validated!</p><p>The design was brilliant. It just never launched. </p><p>We made an amazing thing.But nobody wanted it. </p><p>What I NEVER want you to experience...</p><p>waste</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>About the whole Lean thing</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Build.Measure.</p><p>Learn</p><p>Lean startup?</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>From The Lean Entrepreneur. B. Cooper &amp; P. Vlaskovits.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Lean StartupStartup: a human institution designed to create new products or services under conditions of extreme uncertainty.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>2 Big Ideas</p><p>Empathy.Design. </p><p>Products!</p><p>User Experie</p><p>nce</p><p>Build. Measure. </p><p>Learn!</p><p>Lean Startup</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>3 Key Concepts</p><p>Build. Measure. </p><p>Learn!</p><p>Validated</p><p>Learning</p><p>Get out of the building!</p><p>Customer </p><p>Development</p><p>Agile</p><p>Development</p><p>Collaborate.Release.Improve!</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>The Agile Manifesto came about at a ski scrum in February 2001. </p><p>The big idea...</p><p>over over over over</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Steve Blank introduced Customer Development in...um...2006. </p><p>The big idea...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Eric Ries wrote a blog post on Sept 8, 2008 titled The Lean Startup.</p><p>+incremental </p><p>releasesmake products </p><p>customers want</p><p>+reduce waste</p><p>The big synthesis...</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p> ExperimentsValidated learningReduce waste</p><p>Lean Startup</p><p>These change everything.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>risk</p><p>timeDefine</p><p>The old way</p><p>Desig</p><p>n</p><p>Devel</p><p>op</p><p>Relea</p><p>se</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>risk</p><p>timeDefine</p><p>Desig</p><p>n</p><p>Devel</p><p>op</p><p>Relea</p><p>se</p><p>a better old way</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>risk</p><p>time</p><p>A different way</p><p>MAKE</p><p>release</p><p>MEASURE</p><p> BUILD</p><p>LEARN</p><p>MEASURE</p><p> BUILD</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>BUILD</p><p>MEASURE</p><p>LEARN</p><p>More cycles in less timereduce the risk.</p><p>faster!</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Okay, fine.But how does this relate to</p><p>User Experience</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>UX =a mindsetfocused on delivering valueinspires the right kinds of ideasguides decisions</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>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.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Features</p><p>Users</p><p>Uses</p><p>Product</p><p>Needs</p><p>via @luxrco</p><p>sketches, prototypes, wireframespixelsUI</p><p>UX as a stackBUILD</p><p>MEASURELEARN</p><p>Company Purpose</p><p>Your vision &amp; ideas </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Lets make stuff</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Rapid Sketching</p><p>Star people!</p><p>7 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>You can draw a person in 4 simple steps....</p><p>sketch via @luxrco</p><p>Star people</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Use simple shapes to put a person in a place.</p><p>sketch via @luxrco</p><p>Add context</p><p>inside outside</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>People have faces and emotions.</p><p>Expressions Matrix</p><p> 3 mouths</p><p> + 2 eyebrows</p><p>= 9 emotions (so sneaky!)</p><p>smile frown</p><p>up brows</p><p>neutral</p><p>down brows</p><p>start with thisno </p><p>brows</p><p>add a </p><p>mouth...</p><p>add </p><p>eyebrows</p><p>...</p><p>sketch via @luxrco; also see @austinkleon </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Picture your user as a human person.</p><p>(Insert provisional personas here)</p><p>Who is it for?</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Features</p><p>Users</p><p>Uses</p><p>Product</p><p>Needs</p><p>UX Stack</p><p>Company Purpose</p><p>Your vision &amp; ideas </p><p>via @luxrco</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Who: Make a Persona</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Make a personaPortrait</p><p>5 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Make a personaFacts</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Write down...3 min</p><p> AgeCity where s/he lives Family (married? kids? single? divorced?)</p><p> Job role Annual incomeBe specific.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Make a personaBehaviors</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Brainstorm 10 behaviors3 min</p><p> What do they do that indicates that they are a good customer for you?</p><p> How are they solving the problem now?</p><p> Behaviors are verbs.</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>more important</p><p>less important</p><p>2 min{Activity}</p><p>Divide into 2 piles</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>2 min{Activity}</p><p>Pass &amp; Peer-write</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Break!</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Make a personaNeeds &amp; Goals</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>3 min</p><p> What do they need to accomplish that will solve their problem?</p><p> Why do they do the behaviors? </p><p> How are they solving the problem now?</p><p>{Activity}</p><p>Brainstorm 10 needs &amp; goals</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Divide into 2 pilesmore </p><p>importantless </p><p>important</p><p>.5 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Pass &amp; Peer-write1 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>* Could enough people like this exist? (And can you find them to talk to them?) If no, make adjustments.</p><p>* Is this a specific person you know? If yes, make adjustments.</p><p>* Is the persona respectful? If no, make adjustments or re-do. Contempt is not helpful.</p><p>{Activity}</p><p>3 Checks</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Persona</p><p>Who is our user and what are their needs &amp; goals?</p><p>What you have now:</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>i </p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Act on user needs by identifying value propositions.</p><p>Whats the value?</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Features</p><p>Users</p><p>Uses</p><p>Product</p><p>Needs</p><p>UX Stack</p><p>Company Purpose</p><p>Your vision &amp; ideas </p><p>via @luxrco</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>An example from Foodspotting</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Envision 6 uses</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Sketch 6-up uses7 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Work with your peer</p><p>Pass your work1-minute quiet read</p><p>30 seconds toConfirm clarity</p><p>1 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Dot-vote top picksPeers } dot 2 top uses</p><p>2 min</p><p>Founders } dot 1 from within the 2</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Redraw the top pick3 min</p><p>Mary</p><p>Task-a-doodle</p><p>Know when </p><p>someone in her </p><p>family finishes </p><p>a shared task.</p><p>April 2013</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Features</p><p>Users</p><p>Uses</p><p>Product</p><p>Needs</p><p>UX Stack</p><p>Company Purpose</p><p>Your vision &amp; ideas </p><p>via @luxrco</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Brainstorm 3 features3 min</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>{Activity}</p><p>Make a feature list.05 min</p><p>5-item to-do list</p><p>Task sharer</p><p>Status tracker</p><p>April 2013</p></li><li><p> Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com </p><p>Persona</p><p>Who is our user and what are thei...</p></li></ul>