launch academy introduction to lean ux workshop - february 2014
Post on 14-Sep-2014
26 views
DESCRIPTION
TRANSCRIPT
![Page 1: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/1.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
An Introduction to Lean User Experience Design
Marc Baumgartner Founder + Design Director
Codename Design
![Page 2: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/2.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Welcome
![Page 3: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/3.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agenda
Morning Session: 8:45 Registration 9:00 Course Introduction 9:15 Lean UX Principles 10:00 - 10:15 Break 10:15 Lean UX Processes 12:00 Lunch
Afternoon Session: 1:00 Project Introduction and Brief 2:00 Develop User Stories Exercise 2:30 Wireframes Exercise 3:10 - 3:20 Break 3:20 Prototypes Exercise 4:45 Presentations and feedback. 5:15 Wrap Up
![Page 4: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/4.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014 © Codename Design 2014 Copy writing and photo credit @marcbx.
![Page 5: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/5.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
10’000 FT.
![Page 6: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/6.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Ash Maurya, Running Lean, 2012
“... what separates successful start ups from unsuccessful ones is (...) that they find a plan that
works before running out of resources.”
![Page 7: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/7.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Let’s Make a Product – old school
© Launch Academy / Codename Design 2014
![Page 8: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/8.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Perceived “Learning” Curve
© Launch Academy / Codename Design 2014
![Page 9: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/9.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
You’re wrong about something.
![Page 10: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/10.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
You just don’t know what that "“something” is yet.
![Page 11: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/11.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Actual “Validated Learning” Curve
© Launch Academy / Codename Design 2014
![Page 12: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/12.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
The goal of Lean UX
![Page 13: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/13.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Iterate as quickly as you can" to get as much validated learning"
as you can for the least effort.
![Page 14: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/14.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
The goal of Lean UX
© Launch Academy / Codename Design 2014
![Page 15: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/15.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
LEAN"DESIGN"
![Page 16: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/16.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
![Page 17: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/17.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Design builds knowledge.
![Page 18: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/18.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
![Page 19: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/19.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
DESIGN MATERIALIZES"KNOWLEDGE
![Page 20: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/20.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Increase in “shared” knowledge
© Launch Academy / Codename Design 2014
![Page 21: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/21.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
DESIGN IS"ITERATIVE
![Page 22: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/22.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
The “Design” Process
© Launch Academy / Codename Design 2014
![Page 23: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/23.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
LEAN UX IS"ABOUT “MAKING”
![Page 24: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/24.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
The Lean Process
© Launch Academy / Codename Design 2014
![Page 25: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/25.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
LEAN UX IS NOT ABOUT"BEING “DONE”
![Page 26: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/26.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
IT IS ABOUT BEING READY"FOR THE NEXT ITERATION
![Page 27: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/27.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
EXPOSE YOURSELF …before you’re ready
![Page 28: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/28.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
MINIMUM"VIABLE"
PRODUCT
![Page 29: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/29.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Eric Ries
"The minimum viable product is that version of a new product which allows a team to collect the maximum amount of validated learning about
customers with the least effort." "
![Page 30: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/30.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014 ….the Minimum Viable Gas Station (photo credit to @NitiBhan).
![Page 31: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/31.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
JUST"ENOUGH"DESIGN
![Page 32: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/32.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
May cause nausea. …it’s o.k. if you feel queasy
you kind of get used to it.
![Page 33: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/33.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Lean User Experience Design
![Page 34: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/34.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Lean UX is a process that:
• Places a primary focus on creating value for customers • Minimizes the time it takes to learn • Minimizes the cost of each lesson learned • Allows you to communicate what you’ve learned with the team • Allows you to act on that learning so you can create more value for customers • Allows you to observe whether you’ve actually created more value
© Launch Academy / Codename Design 2014
![Page 35: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/35.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
User Centered Design."Agile Methodologies."Data Driven Design.
![Page 36: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/36.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
User Centered Design
© Launch Academy / Codename Design 2014
![Page 37: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/37.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
User Centered Design
• The Actors (or users, or customers)
• The Objects (the material atomic bits people work with / “content”)
• The Goals (what actors want to achieve in context)
• The Activities (the steps they need to go through to complete goals)
• The Interactions between the actors and the objects to reach their goals
• The Context (the physical world including device, social etc…)
© Launch Academy / Codename Design 2014
![Page 38: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/38.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agile Methodologies
© Launch Academy / Codename Design 2014
![Page 39: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/39.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agile Methodologies
1. Individuals and interactions over processes and tools 2. Working software over comprehensive documentation. 3. Customer Collaboration over contract negotiation 4. Responding to change over following a plan
![Page 40: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/40.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agile Methodologies – User Stories
As an [ actor type ] I want to [ accomplish something ] So that [ something of value happens ]
“As a frequent purchaser I want to be able to save an item to my wish list so that I can return to purchase my saved items.”
![Page 41: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/41.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agile Methodologies – User Stories
© Launch Academy / Codename Design 2014
![Page 42: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/42.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Agile Methodologies – User Stories
© Launch Academy / Codename Design 2014
User Stories (extended): • Acceptance Criteria • Discussion notes • Dependencies / Related stories • Components (what parts of the app(s) are affected, what out of app experience elements are required (for example: emails sent) • Links to resources like assets and reference artifacts like diagrams, wireframes, mockups
![Page 43: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/43.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
How Stories fit into the flow
1. Understand the problem, then;
2. Model solutions at a user scale:
• Write A Story / Design the test
• Model and discuss possible solutions
• Prioritize / decide on an approach
• Try to invalidate the approach yourself
• Create an artifact / prototype of the appropriate fidelity
• Test... Measure... Iterate (go back to #1).
![Page 44: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/44.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Data-Driven Design
• What’s the problem? • What’s your assumption about the problem? • What are you going to measure? • How are you going to measure? • What results constitute success? • What is the threshold for validation?
![Page 45: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/45.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Data-Driven Design
© Launch Academy / Codename Design 2014
![Page 46: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/46.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Data-Driven Design – Measuring Example
• Are people using our product? • Are they using all of it or only parts of it? • Are they using it in the way we expected?
“Our assumption was that users would primarily use the marketplace matching features we built into the MVP to complete a transaction once per month.”
![Page 47: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/47.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Data-Driven Design – Measuring Example
We’ll measure app usage for the past 30 days using analytics looking specifically at transaction traffic and funnels looking for completed transactions and drop-offs. We’ll need at least 1000 transactions from after release #3. We’ll talk to at least 8 people locally to get qualitative feedback.
• If we get an average of 1 transaction per user per month we’re on the right track, we’ll work on aiming higher, open the social loop and test again at scale;
• If we’ve had an average of 80% of users with 1 transaction every 30 days we’ll take that as a good sign, pay special attention to qualitative feedback.
• If we get less than 80% we’ll look at both qualitative and quantitative data to see where the drop offs are and if there are any specific branding / market issues with the offering.
![Page 48: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/48.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Data-Driven Design – Appropriate Tests
Depends on what stage your startup is at:
1. Worth building Am I meeting a need (early validation) 2. Empathy Landing page conversion 3. Stickiness Engagement / churn / customer funnel 4. Virality Customer acquisition cost / viral co-efficient 5. Revenue LTV / upselling 6. Scale resellers / support costs etc…
For more details see “Lean Analytics” by Alistair Croll & Benjamin Yoskovitz
![Page 49: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/49.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Questions
![Page 50: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/50.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Break
![Page 51: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/51.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Lean UX Processes"Overview
![Page 52: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/52.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
LEAN UX IS"ABOUT “MAKING”
![Page 53: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/53.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
MAKING WHAT? …glad you asked
![Page 54: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/54.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
MAKING MODELS
![Page 55: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/55.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
WHAT IS"WHAT COULD BE
© Launch Academy / Codename Design 2014
![Page 56: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/56.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
PROBLEMS"SOLUTIONS
© Launch Academy / Codename Design 2014
![Page 57: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/57.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
PROBLEM HYPOTHESIS" “We are solving a worthwhile problem, one
that people will pay for.”
© Launch Academy / Codename Design 2014
![Page 58: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/58.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
SOLUTION HYPOTHESIS" “We are solving a validated problem in a way
people will love to use.”
© Launch Academy / Codename Design 2014
![Page 59: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/59.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
MAKING MODELS …of things that are, and things that are
about to be.
© Launch Academy / Codename Design 2014
![Page 60: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/60.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Models"(to understand the problem)
Personas Observation Interviews User Journeys Business Models Analytics
Models (to propose solutions)
Story Boards Diagrams Wireframes Mockups Interactive Prototypes
![Page 61: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/61.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Lean UX Discovery"Understanding The Problem
![Page 62: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/62.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
When discovery applies • New products • New features • Existing products • Existing features • Competitive analysis.
![Page 63: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/63.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Models"(to understand the problem)
Personas Observation Interviews User Journeys Business Models Analytics
Models (to propose solutions)
Story Boards Diagrams Wireframes Mockups Interactive Prototypes
![Page 64: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/64.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1"(Proto) Personas
![Page 65: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/65.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Proto Personas
© Launch Academy / Codename Design 2014
![Page 66: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/66.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Proto Personas
© Launch Academy / Codename Design 2014
![Page 67: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/67.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Proto Personas
© Launch Academy / Codename Design 2014
![Page 68: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/68.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Proto Personas
Good for: • Humanizing the users to the team; • Confirming assumptions around your identified personas; • Qualitative feedback.
© Launch Academy / Codename Design 2014
![Page 69: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/69.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Proto Personas
Tools: • Pen & Paper • Omnigraffle • Illustrator / InDesign
© Launch Academy / Codename Design 2014
![Page 70: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/70.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2"Observation
![Page 71: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/71.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Observation
”Salary Men" by Marc Baumgartner, 2013
© Launch Academy / Codename Design 2014
![Page 72: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/72.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
”Salary Men" by Marc Baumgartner, 2013
2. Observation
"Cyclops" by Jaime Pitarch, 2002
Good for: • Finding behaviour patterns; • Unscripted qualitative findings; • Finding workarounds that people are already using to deal with pain points; • The goal here is not to do exhaustive ethnographic research, observe to validate your proto-personas
© Launch Academy / Codename Design 2014
![Page 73: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/73.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Observation
"Cyclops" by Jaime Pitarch, 2002
Types of Observation • Complete Observation - street life, trend spotting • Observer as Participant - you observe and guide (interviews, focus groups, workshops) • Participant as Observer - you participate and subjects know you're observing (joint activities, card sorting) • Complete Participation - you participate with subjects unaware (think secret millionaire / undercover boss)
© Launch Academy / Codename Design 2014
![Page 74: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/74.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Pen & Paper • Camera / Video • Note software (evernote, google docs) • Camera / Video • Props • Release / Consent Forms (if required) • Thank you notes
2. Observation
© Launch Academy / Codename Design 2014
![Page 75: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/75.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3"Interviews
![Page 76: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/76.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Interviews
http://www.reed.co.uk/career-advice/blog/2012/april/body-language-interview-dos-and-donts
![Page 77: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/77.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Interviews
Good for: • Confirming assumptions around your identified personas; • Qualitative feedback. • Testing the solutions-based models
© Launch Academy / Codename Design 2014
![Page 78: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/78.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Interviews
http://www.reed.co.uk/career-advice/blog/2012/april/body-language-interview-dos-and-donts
Types of Interviews
• Structured Interviews - following a script of questions • Unstructured Interviews - let the subject's answers guide you
© Launch Academy / Codename Design 2014
![Page 79: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/79.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Sound recording device • Pen & Paper • Note software (evernote, google docs) • Camera / Video • Loose Script • Props • Release / Consent Forms / Honorarium / Thank you notes
3. Interviews
© Launch Academy / Codename Design 2014
![Page 80: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/80.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4"User Journeys
![Page 81: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/81.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. User Journeys
Marc Baumgartner, 2013
© Launch Academy / Codename Design 2014
![Page 82: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/82.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. User Journeys
Good for: • Modeling existing issues on a known experience that could be improved; • Modeling a system from scratch during product development;
© Launch Academy / Codename Design 2014
![Page 83: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/83.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. User Journeys
© Launch Academy / Codename Design 2014
![Page 84: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/84.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Pen & Paper • Whiteboard / Camera • Lucid Charts • Omnigraffle • Any diagramming software • Analytics
4. User Journeys
Codename Design
© Launch Academy / Codename Design 2014
![Page 85: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/85.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5"Analytics
![Page 86: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/86.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Analytics
© Launch Academy / Codename Design 2014
![Page 87: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/87.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Analytics
Good for: • Quantitative feedback; • Confirming assumptions around your identified personas through demographic information; • Finding drop off in funnels; • Finding popular content / usage patterns • Much more…
![Page 88: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/88.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Analytics
![Page 89: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/89.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Google Analytics • Mixpanel • KISS Metrics • Others…
5. Analytics
© Launch Academy / Codename Design 2014
![Page 90: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/90.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
6"Business Models*
![Page 91: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/91.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
6. Business Models
© Launch Academy / Codename Design 2014
![Page 92: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/92.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
6. Business Models
Good for: • Modeling product/market fit; • Modeling the high level dependencies on partners and providers; • Modeling product positioning and unfair advantage.
© Launch Academy / Codename Design 2014
![Page 93: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/93.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Whiteboard / Camera • Paper & Marker / Stickies • Omnigraffle • Etc…
To learn more make sure to check out the upcoming Launch Academy course offerings.
6. Business Models
© Launch Academy / Codename Design 2014
![Page 94: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/94.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Questions
![Page 95: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/95.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Lean UX Artefacts"Modeling The Solution
![Page 96: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/96.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Models "(to understand the problem)
Personas Observation Interviews User Journeys Business Models Analytics
Models (to propose solutions)
Story Boards Diagrams Wireframes Mockups Interactive Prototypes
![Page 97: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/97.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1"Story Boards
![Page 98: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/98.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
1. Storyboards
© Launch Academy / Codename Design 2014
![Page 99: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/99.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Good for: • Communicating context issues (where a product is being used / device types / constraints) • Communicating context based service cases (like loss of connection) • Communicating high level goals and use cases to funders / partners
1. Storyboards
© Launch Academy / Codename Design 2014
![Page 100: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/100.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Pen & Paper • Whiteboard / Camera • Adobe Illustrator / InDesign • Omnigraffle
1. Storyboards
© Launch Academy / Codename Design 2014
![Page 101: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/101.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2"Diagrams
![Page 102: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/102.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Diagrams
Codename Design
© Launch Academy / Codename Design 2014
![Page 103: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/103.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Diagrams
Good for: • Communicating user goals and priorities; • Communicating business logic and system processes; • Communicating which site / app components are involved in the process • Communicating what screens are required • Sanity checking the scope, discovering alternative / simplified option • Finding complementary experiences
© Launch Academy / Codename Design 2014
![Page 104: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/104.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Diagrams
Codename Design
© Launch Academy / Codename Design 2014
Single flow split into stories
![Page 105: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/105.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
2. Diagrams
Tools: • Pen & Paper • Whiteboard / Camera • Lucid Charts • Omnigraffle • Adobe Illustrator / InDesign • Any diagramming software
© Launch Academy / Codename Design 2014
![Page 106: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/106.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Sidetrack"“Fidelity”
![Page 107: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/107.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Artifacts can be created at different fidelities
© Launch Academy / Codename Design 2014
![Page 108: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/108.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Artifacts can be created at different fidelities
Fidelity you use depends on…
• What you’re trying to validate; • Who your audience is; • How much time you have.
© Launch Academy / Codename Design 2014
![Page 109: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/109.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Different types of fidelity
© Launch Academy / Codename Design 2014
![Page 110: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/110.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Different types of fidelity
• Visual Fidelity: How close the final visual design is the prototype? • Behavioural Fidelity: How closely does the prototype demonstrate the interaction? • Content Fidelity: Are you using placeholder or the actual copy for calls to action and buttons? • Contextual Fidelity: How close to the device and its intended context is the prototype being demonstrated?
For more see http://www.slideshare.net/austingovella/hacking-ux-zombies
![Page 111: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/111.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Comparison of Artefacts
© Launch Academy / Codename Design 2014
![Page 112: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/112.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3"Wireframes
![Page 113: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/113.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes
© Launch Academy / Codename Design 2014
![Page 114: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/114.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes
Good for: • Communicating vision, layout and visual hierarchy at a screen level; • Communicating relationship between content and images; • Communicating navigation and annotating actions; • Getting content and SEO teams on the same page • Testing your categorization scheme
![Page 115: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/115.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes
Lean Version: • Work fast, sketchy and as a team • Use white boards and sketch templates • Draw and talk, discuss elements as you draw • Use your space • Document with phone / camera • Move on
© Launch Academy / Codename Design 2014
![Page 116: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/116.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes – work fast
© Launch Academy / Codename Design 2014
![Page 117: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/117.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes – use your space
© Launch Academy / Codename Design 2014
![Page 118: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/118.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
3. Wireframes
Tools: • Pen & Paper & Stickies & Tape & Whiteboards, • Adobe Illustrator • Omnigraffle • Axure RP • UXPin, Balsamique, Hotgloo +100 apps,
© Launch Academy / Codename Design 2014
![Page 119: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/119.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4"Mockups
![Page 120: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/120.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. Mockups
![Page 121: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/121.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. Mockups
Good for: • Testing the look of the app / site at the pixel level; • Branding; • Execution of communication; • Aesthetic patterns • Testing look, pixel level, branding, execution of communication, aesthetic
© Launch Academy / Codename Design 2014
![Page 122: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/122.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. Mockups
Lean Version: • If it’s faster to go straight to higher fidelity, do it; • Work in a way that allows you to use the same mockups sharing knowledge of how to build the final product and what the product looks like; • Annotate your mockups like you would wireframes if you need to, notes on mockups can help you use the same mockup for multiple stories • Use an indexing system to number your mockups / screens;
© Launch Academy / Codename Design 2014
![Page 123: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/123.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. Mockups – same mockup for multiple stories
![Page 124: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/124.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
4. Mockups
Tools: • Adobe Illustrator, Fireworks, Photoshop (only for final assets); • Invision; • proto.io; • More…
© Launch Academy / Codename Design 2014
![Page 125: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/125.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5"Protoypes
![Page 126: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/126.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Prototypes
© Launch Academy / Codename Design 2014
Lo-fidelity sketch turn into simple interactive prototype using POP
![Page 127: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/127.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Prototypes
Good for: • An alternative to the requirements driven approach to providing descriptive artefacts; • Communicating the look and feel of the app / site in context; • Communicating flows and interactions; • Communicating screen states; • Generating discussion, iterating solutions
© Launch Academy / Codename Design 2014
![Page 128: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/128.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Prototypes
© Launch Academy / Codename Design 2014
Simple linear process demonstrated using Adobe Illustrator and Dropbox
![Page 129: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/129.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
5. Prototypes
Lean Version: • Understand what you’re testing and your audience (figure out what fidelity you’ll need, pick the appropriate tool for prototyping) • Plan a little – prototype the rest • Prototype only what you need to test • Fake it / fudge it whenever you can • Work in a way that you can build on your prototype
© Launch Academy / Codename Design 2014
![Page 130: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/130.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Tools: • Paper • Camera / Dropbox • POP (turn sketches into interactive prototypes) • Adobe Fireworks (Mac OS) / Axure RP (Mac / Windows); • Adobe Illustrator / Photoshop w/Dropbox; • HTML5; • Visio / Hotgloo + many, many more…
© Launch Academy / Codename Design 2014
5. Prototypes
![Page 131: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/131.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
- Afternoon Workshop -
![Page 132: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/132.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
Resources
The Lean Startup – Eric Reiss
Lean UX – Gothelf / Seiden
Running Lean – Ash Maurya
UX for Lean Stratups – Laura Klein
Lean Analytics – Croll / Yoskovitz
Agile Experience Design – Ratcliffe / McNeill
Rocket Surgery Made Easy – Steve Krug
Interviewing Users – Steve Portigal
Prototyping – Todd Zaki Warfel
Business Model Generation – Osterwalder / Pigneur
The Four Steps to the Epiphany – Stevn Gary Blank
![Page 133: Launch Academy Introduction to Lean UX Workshop - February 2014](https://reader033.vdocuments.mx/reader033/viewer/2022042623/541537eb7bef0a45648b501e/html5/thumbnails/133.jpg)
© Launch Academy / Codename Design 2014 © Launch Academy / Codename Design 2014
End