Melissa Ng, profile picture
Uploaded byMelissa Ng
3,910 views

Intro to Lean UX: How to do it quick & dirty - Workshop [6h]

The document outlines a workshop led by Melissa Yang focused on Lean UX principles, emphasizing a casual and agile approach to design with limited resources. It includes interactive exercises on objectives, user personas, experience mapping, wireframing, prototyping, and usability testing. Participants are encouraged to learn through collaboration, quick iterations, and real user feedback to optimize product design.

Design◦
Related topics:
Product Strategy•

Embed presentation

1 / 120
2 / 120
3 / 120
4 / 120
5 / 120
6 / 120
7 / 120
8 / 120
9 / 120
10 / 120
11 / 120
12 / 120
13 / 120
14 / 120
15 / 120
16 / 120
17 / 120
18 / 120
19 / 120
20 / 120
21 / 120
22 / 120
23 / 120
24 / 120
25 / 120
26 / 120
27 / 120
28 / 120
29 / 120
30 / 120
31 / 120
32 / 120
33 / 120
34 / 120
35 / 120
36 / 120
37 / 120
38 / 120
39 / 120
40 / 120
41 / 120
42 / 120
43 / 120
44 / 120
45 / 120
46 / 120
47 / 120
48 / 120
49 / 120
50 / 120
51 / 120
52 / 120
53 / 120
54 / 120
55 / 120
56 / 120
57 / 120
58 / 120
59 / 120
60 / 120
61 / 120
62 / 120
63 / 120
64 / 120
65 / 120
66 / 120
67 / 120
68 / 120
69 / 120
70 / 120
71 / 120
72 / 120
73 / 120
74 / 120
75 / 120
76 / 120
77 / 120
78 / 120
79 / 120
80 / 120
81 / 120
82 / 120
83 / 120
84 / 120
85 / 120
86 / 120
87 / 120
88 / 120
89 / 120
90 / 120
91 / 120
92 / 120
93 / 120
94 / 120
95 / 120
96 / 120
97 / 120
98 / 120
99 / 120
100 / 120
101 / 120
102 / 120
103 / 120
104 / 120
105 / 120
106 / 120
107 / 120
108 / 120
109 / 120
110 / 120
111 / 120
112 / 120
113 / 120
114 / 120
115 / 120
116 / 120
117 / 120
118 / 120
119 / 120
120 / 120
@thedesignnomad How to do it quick & dirty melewi.net L E A N U X :
“Whazzup?” P R E A M B L E
Keep it casual This isn’t a classroom (P.S. I hated school) Textbook learning Learn from my experience (and dumb mistakes) What’s relevant now? P R E A M B L E
Move quick (agile) With limited resources (lean) Groups of 4 - 5 + P R E A M B L E Overview of methods + Exercises I <3 startups
Who’s in the room? I N T R O D U C T I O N S
Who am I? M E L I S S A N G
“Worst dancing skills you’ll ever have the misfortune of seeing.” H O U S E M AT E “She’s all right, I guess.” M O M
@thedesignnomad Product strategist UX & UI designer Founder of Melewi
The Travelling Design Studio @melewi
You DON’T need massive resources Lean + Agile Hybrid Clients in 5 continents (21 cities) McDonalds, Samsung, Namecheap, Citibank We design awesome products for users and businesses around the world
How about you? I N T R O D U C T I O N S UX Designer?
How about you? I N T R O D U C T I O N S UX Designer? Non-UX Designer?
How about you? I N T R O D U C T I O N S UX Designer? Non-UX Designer? Product?
How about you? I N T R O D U C T I O N S UX Designer? Non-UX Designer? Product? Startups?
What’re you hoping for? O B J E C T I V E S
What’re you hoping for? E X E R C I S E ! 20 Card sorting
What’re you hoping for? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01
What’re you hoping for? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02
What’re you hoping for? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02 Pile similar ones together 03
What’re you hoping for? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02 Pile similar ones together 03 What are the broad objectives within each pile? 04
What I’m hoping for T H I S W O R K S H O P ’ S O B J E C T I V E S
T H I S W O R K S H O P ’ S O B J E C T I V E S Understand the principles of Lean UX Gain insight into how it works + = You’ve the power to decide what you need to do * NOT a set of steps to blindly follow
What’re we doing? D E F I N I T I O N S
What really is Lean UX? D E F I N I T I O N S
U S E R E X P E R I E N C E A series of methods & tools you use to test and validate assumptions two ONE The experience a user has interacting with your brand at one touchpoint
L E A N S TA R T U P E R I C R I E S The only way to win is to learn faster than everyone else “
L E A N S TA R T U P B U I L D M E A S U R E L E A R NIterations Product-market fit Pivoting MVP Startup methodology
L E A N S TA R T U P U S E R E X P E R I E N C E +
L E A N U X
L E A N U X Collaborative Iterative UX Methodology Users Defined goals Problem-solving
B U S I N E S S P R O D U C T M A R K E T / U S E R S L E A N U X
B U S I N E S S P R O D U C T M A R K E T / U S E R S L E A N U X Value proposition Featureset UX UI Brand Development etc.
B U S I N E S S P R O D U C T M A R K E T / U S E R S L E A N U X Value proposition Featureset UX UI Brand Development etc. User segments User personas Market(s) Metrics Testing User feedback etc.
B U S I N E S S P R O D U C T M A R K E T / U S E R S Value proposition Featureset UX UI Brand Development etc. User segments User personas Market(s) Metrics Testing User feedback etc. L E A N U X
How does Lean UX work? H O O O O W, T E L L M E H O O O O O W
Lean startup’s B-M-L loop T H E O B V I O U S # 1 01
B U I L D M E A S U R E L E A R N L E A N S TA R T U P
B U I L D M E A S U R E L E A R N * implies numbers and programming a tad too much L E A N S TA R T U P
B U I L D M E A S U R E L E A R N Analyze & Hypothesize L E A N U X
B U I L D M E A S U R E L E A R N Analyze & Hypothesize Create L E A N U X
B U I L D M E A S U R E L E A R N Analyze & Hypothesize Create Validate L E A N U X
Keep it lean & fat-free 80 / 20 - Pareto principle No unnecessary documentation Focus on now Constantly validate to minimize wasted effort T H E O B V I O U S # 2 02
Prioritize the right things Business viability Involvement of stakeholders & decision-makers Talk to users Decide from data 03
Think critically 04 What do you need? What DON’T you need? What’s important NOW? Never a one-size-fits-all
Lean UX: How to do it quick & dirty F I N A L LY. T H E P R E T T Y P I C T U R E I S T O T H A N K Y O U F O R Y O U R PAT I E N C E
A G E N D A What’re we gonna do today?
C R E AT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
C R E AT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
C R E AT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
01. Melewi lean canvas 02. User personas 03. User experience map 04. Wireframes 05. Prototyping 06. Usability testing A N A LY Z E & H Y P O T H E S I Z E C R E AT E V A L I D AT E
A N A LY Z E + H Y P O T H E S I Z E Melewi Lean Canvas 01
Adapted from the Lean Canvas Skewed towards UX & design Overview of the business + priorities Everything affects what you design Equips you with right knowledge
E X E R C I S E ! 45 Let’s try: Melewi Lean Canvas
Melewi Lean Canvas E X E R C I S E ! 45 Start throwing out product / business ideas in the group 01
Melewi Lean Canvas E X E R C I S E ! 45 Start throwing out product / business ideas in the group 01 Pick an idea and start filling in the canvas * Leave out the user persona for now! 02
PRODUCT What is your product? NEED / WANT UNIQUE SELLING PROPOSITION Why are you awesome? VALUE PROPOSITION Why should your user use your product? Describe why, not what SWOT What’s against you? SWOT What’s for you? COMPETITIVE LANDSCAPE X: Y: You Direct Indirect MARKET(S) TAM / SAM / SOM B2B B2C $ $ OBJECTIVES MVP PRODUCT Mid-term Long-term BUSINESS USER PERSONA N A M E Q U O T E A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S ) / 5 # K E Y W O R D BIZ MODEL REV MODEL H E A D S H O T Melewi Lean Canvas *Adapted from the Lean Canvas http://bit.ly/ 1MZRB50
Melewi Lean Canvas E X E R C I S E ! 45 Product Objective(s)Market Value Prop Present + Feedback
Melewi Lean Canvas E X E R C I S E ! 45 MarketProduct Objective(s)Value Prop Present + Feedback
Melewi Lean Canvas E X E R C I S E ! 45 Product Market Objective(s)Value Prop Present + Feedback
Melewi Lean Canvas E X E R C I S E ! 45 Product Market Value Prop Objective(s) Present + Feedback
A N A LY Z E + H Y P O T H E S I Z E User Personas 02
Know who your user is inside and out What do they like and value? How do they think and behave? A user is a person = not a statistic Make them your best friend Cater your UX and messaging accordingly
E X E R C I S E ! 30 Let’s try: User Personas
User Personas E X E R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01
User Personas E X E R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01 Sketch out a User Persona grid / structure 02
User Personas E X E R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01 Sketch out a User Persona grid / structure 02 Discuss and fill in (and then fill into your Melewi Lean Canvas if you want) 03
Ruby Rose “At Litchfield, there is absolutely nothing interesting to do. Most of my days are wasted waiting to get out. When I’m out, I’ve no money or future prospects. If there was something useful I could do here that would help me when I get out, that would be the best thing.” N A M E Q U O T E A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S ) / 5 27 2 Poor future ahead Boredom Learn Survive # K E Y W O R D Scrappy Street-smart Trapped
E X E R C I S E ! 30 Age & Gender #Keywords Biggest takeaway(s) Present + Feedback Name User Personas
E X E R C I S E ! 30 #Keywords Biggest takeaway(s) Present + Feedback Age & Gender Name User Personas
E X E R C I S E ! 30 Name Age & Gender Present + Feedback Biggest takeaway(s) #Keywords User Personas
E X E R C I S E ! 30 Name Age & Gender #Keywords Biggest takeaway(s) Present + Feedback User Personas
A N A LY Z E + H Y P O T H E S I Z E User Experience Mapping 03
The journey begins before the ‘Buy now!’ button appears Understand the journey (highs & lows) to leverage them User Experience Mapping or User Journey or Consumer Journey Map
ADAPTIVEPATH’SGUIDETOEXPERIENCEMAPPING
E X E R C I S E ! 45 Let’s try: User Experience Mapping
User experience mapping E X E R C I S E ! Get a piece of butcher paper + post-its + markers 01 45
User experience mapping E X E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 45
User experience mapping E X E R C I S E ! 45
User experience mapping E X E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 Use a post-it for each point, and paste onto map 03 45
User experience mapping E X E R C I S E ! 45
User experience mapping E X E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 Use a post-it for each point, and paste onto map 03 Mark out: Pain-points Happy-points 04 45
User experience mapping E X E R C I S E ! 45
E X E R C I S E ! User experience mapping Highs Lows Takeaways Present + Feedback Summarize journey 45
E X E R C I S E ! User experience mapping Summarize journey Lows Takeaways Present + Feedback Highs 45
E X E R C I S E ! User experience mapping Summarize journey Highs Present + Feedback Lows Takeaways 45
E X E R C I S E ! User experience mapping Summarize journey Highs Lows Takeaways Present + Feedback 45
C R E AT E Wireframes 04
Page skeletons / blueprints Figure out what your pages / screens are Start sketching Continue sketching Fill in important text - e.g. Headers, call-to-actions
Wireframes E X E R C I S E ! 45 Get a few sheets of paper + pens 01
Wireframes E X E R C I S E ! 45 Get a few sheets of paper + pens 01 Sketch out the your product as a mobile app Let’s go for 3 screens 02
Wireframes E X E R C I S E ! 45 Get a few sheets of paper + pens 01 Sketch out the your product as a mobile app Let’s go for 3 screens 02 Review it as a team, quick rounds of feedback 03
Wireframes E X E R C I S E ! 30 Get a few sheets of paper + pens 01 02 Review it as a team, quick rounds of feedback 03 Re-sketch 1 set of wireframes incorporating feedback 04 Sketch out the your product as a mobile app Let’s go for 3 screens
C R E AT E Prototyping! 05
No! It needs to function right first Puts your thoughts and ideas down on to something you can test And with it, you go out and get results! It’s so easy to just see design as just “pretty” This is gonna be interesting
E X E R C I S E ! 75 Let’s try: Prototyping
Prototyping E X E R C I S E ! 75 Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01
Prototyping E X E R C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 75
Prototyping E X E R C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 Turn your sketches into more detailed mockups Make sure your text is NOT dummy text 03 75
Prototyping E X E R C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 Turn your sketches into more detailed mockups Make sure your text is NOT dummy text 03 Create a project on Invision (invisionapp.com) Hotspot your screens so they can be clicked through 04 75
Usability Testing E X E R C I S E ! Like? Struggles? Conclusion: Yes / No? Why? Present + Feedback What did you manage to do? 75
Usability Testing E X E R C I S E ! What did you manage to do? Struggles? Present + Feedback Like? 75 Conclusion: Yes / No? Why?
Usability Testing E X E R C I S E ! Like? Present + Feedback Struggles? 75 What did you manage to do? Conclusion: Yes / No? Why?
Usability Testing E X E R C I S E ! Like? Present + Feedback 75 What did you manage to do? Struggles? Conclusion: Yes / No? Why?
V A L I D AT E Usability Testing 06
Find people who are your users Having an incentive usually helps (Starbucks gift card) All you need are results from 5 people Put yourself out there! Cafes, coworking space, friends, limitless possibilities Observing people using your product
Don’t ask questions, give tasks instead Person A: Give tasks + Interact Person B: Observe + Notes Approx. 3 to 5 things to do Humans feel obliged to please
E X E R C I S E ! 45 Let’s try: Usability Testing
Usability Testing E X E R C I S E ! 45 Individually prepare your list of tasks + questions you want to test out Write them down! 01
Usability Testing E X E R C I S E ! 45 01 Discuss, debate and refine your tasks + questions Write them down again! 02 Individually prepare your list of tasks + questions you want to test out Write them down!
Usability Testing E X E R C I S E ! 45 01 02 Half the team stand up 03 Individually prepare your list of tasks + questions you want to test out Write them down! Discuss, debate and refine your tasks + questions Write them down again!
Usability Testing E X E R C I S E ! 45 01 02 Half the team stand up 03 The people standing up, move to the team on your right. These are your testers! 04 Individually prepare your list of tasks + questions you want to test out Write them down! Discuss, debate and refine your tasks + questions Write them down again!
Usability Testing E X E R C I S E ! 45 Good Bad Takeaways Present + Feedback What were your tasks?
Usability Testing E X E R C I S E ! 45 What were your tasks? Bad Takeaways Present + Feedback Good
Usability Testing E X E R C I S E ! 45 What were your tasks? Good Takeaways Present + Feedback Bad
Usability Testing E X E R C I S E ! 45 What were your tasks? Good Bad Takeaways Present + Feedback
Reflections T O W R A P !
Feedback: http://bit.ly/1LKRpHR T O W R A P !
Thank you! Y O U G U Y S A R E A M A Z I N G
Get in touch! W E ’ L L B E D O I N G M O R E W O R K S H O P S
Melissa Ng @thedesignnomad melissa@melewi.net www.melewi.net

More Related Content

PDF
Knowing How Your Business Works Makes Your Design Work
byMelissa Ng
 
PDF
Hacking UX : Design Thinking for Techies
byMelissa Ng
 
PDF
Hacking UX: Product Design Thinking for Techies
byMelissa Ng
 
PDF
Growth hacking UX: The journey to creating a kickass user experience.
byMelissa Ng
 
PDF
Design studio: A team alignment secret weapon - Modev MVP Conference
byJohn Whalen
 
PDF
How to Design a Brilliant Product Without Killing Your Cofounder
byMelissa Ng
 
PDF
Holistic experience design (HxD) for Nasdaq Proconf 2015
byFritz Desir
 
PDF
Designing for the PresentFuture w/ Socratic Experience Design
byFritz Desir
 
Knowing How Your Business Works Makes Your Design Work
byMelissa Ng
 
Hacking UX : Design Thinking for Techies
byMelissa Ng
 
Hacking UX: Product Design Thinking for Techies
byMelissa Ng
 
Growth hacking UX: The journey to creating a kickass user experience.
byMelissa Ng
 
Design studio: A team alignment secret weapon - Modev MVP Conference
byJohn Whalen
 
How to Design a Brilliant Product Without Killing Your Cofounder
byMelissa Ng
 
Holistic experience design (HxD) for Nasdaq Proconf 2015
byFritz Desir
 
Designing for the PresentFuture w/ Socratic Experience Design
byFritz Desir
 

What's hot

PDF
Product design for Non Designers - Montreal Digital Nomad Meetup
bySebastian Tory-Pratt
 
PDF
What is UX v1
byMike Gallers
 
PDF
5 Steps to Creating Data-backed Personas for User Experience (UX) Design
byAngela Obias
 
PPTX
Prototyping Ideas
byColin Preston
 
PDF
Building Buy-In: Internally Positioning UX for Executive Impact
byJohn Whalen
 
PDF
Intro to Product Design
byStephanie Engle
 
PDF
Design Research Overview: Bite-sized Usability Testing
byAngela Obias
 
PDF
UX STRAT 2014: Peter Merholz, "Shaping Organizations to Deliver Great User Ex...
byUX STRAT
 
PDF
UX STRAT USA: Ben Babcock, "Blending Big Data and Little Data to Build Amazin...
byUX STRAT
 
PDF
UX STRAT Europe 2017: Paul-Jervis Heath, “Designing Intelligence Into Everyda...
byUX STRAT
 
PDF
UX Bootcamp Fall 2015 General Assembly
byJacklyn Burgan
 
PDF
Pathways to a Positive Learner Experience
byDanielle Cooley
 
PPTX
Users Don't Care About UX: How We Design Things Based on Human Behavior - Rez...
byReza Ilmi
 
PDF
Design Sprints side-by-side service design sprints vs google venture sprints
byAdilson Chicória
 
PPTX
Why UX #FAILS (with notes)
byChris Feix
 
PDF
UX Cambridge 2017- Three Steps Workshop
byAlan Colville
 
PDF
Emergent UX: Seducing the Six Minds - Full Talk
byJohn Whalen
 
PDF
Design Method for Visualizing Complex Data for Users
byUXPA International
 
PDF
Between Paper & Code
byMolly Wilson
 
PDF
Deck Design for Non Designers
bySebastian Tory-Pratt
 
Product design for Non Designers - Montreal Digital Nomad Meetup
bySebastian Tory-Pratt
 
What is UX v1
byMike Gallers
 
5 Steps to Creating Data-backed Personas for User Experience (UX) Design
byAngela Obias
 
Prototyping Ideas
byColin Preston
 
Building Buy-In: Internally Positioning UX for Executive Impact
byJohn Whalen
 
Intro to Product Design
byStephanie Engle
 
Design Research Overview: Bite-sized Usability Testing
byAngela Obias
 
UX STRAT 2014: Peter Merholz, "Shaping Organizations to Deliver Great User Ex...
byUX STRAT
 
UX STRAT USA: Ben Babcock, "Blending Big Data and Little Data to Build Amazin...
byUX STRAT
 
UX STRAT Europe 2017: Paul-Jervis Heath, “Designing Intelligence Into Everyda...
byUX STRAT
 
UX Bootcamp Fall 2015 General Assembly
byJacklyn Burgan
 
Pathways to a Positive Learner Experience
byDanielle Cooley
 
Users Don't Care About UX: How We Design Things Based on Human Behavior - Rez...
byReza Ilmi
 
Design Sprints side-by-side service design sprints vs google venture sprints
byAdilson Chicória
 
Why UX #FAILS (with notes)
byChris Feix
 
UX Cambridge 2017- Three Steps Workshop
byAlan Colville
 
Emergent UX: Seducing the Six Minds - Full Talk
byJohn Whalen
 
Design Method for Visualizing Complex Data for Users
byUXPA International
 
Between Paper & Code
byMolly Wilson
 
Deck Design for Non Designers
bySebastian Tory-Pratt
 

Similar to Intro to Lean UX: How to do it quick & dirty - Workshop [6h]

PDF
Lean UX - a suggestion
byTord Heyerdahl
 
PDF
Understanding the Power of Lean UX
byMentorMate
 
PDF
UXBC #26: Lean UX
byMarcin Kinderman
 
PPTX
Ux
byemedin
 
PDF
Agile DC Meetup Presentation - Agile UX
byBrilliant Experience
 
PPTX
Agile + Lean Startup principles + Lean UX -> How to make it all work together!
byAmrita Aviyente
 
PDF
UX STRAT 2013: Josh Seiden, Lean UX + UX STRAT
byUX STRAT
 
PPTX
GHA Lean UX presentation
byGrowth Hacking Asia
 
PDF
UX? WTF? - Intro To User Experience Design Pt. 1
bySebastian Tory-Pratt
 
PDF
Maximizing the impact of UX in an agile environment: Mixing agile and lean UX
byBrilliant Experience
 
PDF
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
byJohn Whalen
 
PPTX
What's Next For UX?
byBrad Gerstein
 
PDF
LeanUX is a Useful F*&king Lie
byWilliam Evans
 
PDF
Lean UX Workshop
byUX Consulting Pte Ltd
 
PDF
Lean UX Secrets: 5 UX Hacks to Build Better Experiences, Faster
bySarah Weise
 
PPTX
(Agile 2011) Lean UX: Getting Out of the Deliverables Business
byJeff Gothelf
 
KEY
The Web and Beyond - Chrissy Welsh
byChrissy Welsh
 
PDF
Failing Fast & Learning Along the Way - Big Design 2013
byJeremy Johnson
 
DOCX
EssayStatement of purpose in 500 words, state your purpose .docx
bydebishakespeare
 
PDF
Lean UX design process for rapid product development
byGeoffrey Nwachukwu
 
Lean UX - a suggestion
byTord Heyerdahl
 
Understanding the Power of Lean UX
byMentorMate
 
UXBC #26: Lean UX
byMarcin Kinderman
 
Ux
byemedin
 
Agile DC Meetup Presentation - Agile UX
byBrilliant Experience
 
Agile + Lean Startup principles + Lean UX -> How to make it all work together!
byAmrita Aviyente
 
UX STRAT 2013: Josh Seiden, Lean UX + UX STRAT
byUX STRAT
 
GHA Lean UX presentation
byGrowth Hacking Asia
 
UX? WTF? - Intro To User Experience Design Pt. 1
bySebastian Tory-Pratt
 
Maximizing the impact of UX in an agile environment: Mixing agile and lean UX
byBrilliant Experience
 
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
byJohn Whalen
 
What's Next For UX?
byBrad Gerstein
 
LeanUX is a Useful F*&king Lie
byWilliam Evans
 
Lean UX Workshop
byUX Consulting Pte Ltd
 
Lean UX Secrets: 5 UX Hacks to Build Better Experiences, Faster
bySarah Weise
 
(Agile 2011) Lean UX: Getting Out of the Deliverables Business
byJeff Gothelf
 
The Web and Beyond - Chrissy Welsh
byChrissy Welsh
 
Failing Fast & Learning Along the Way - Big Design 2013
byJeremy Johnson
 
EssayStatement of purpose in 500 words, state your purpose .docx
bydebishakespeare
 
Lean UX design process for rapid product development
byGeoffrey Nwachukwu
 

Recently uploaded

DOCX
Digital Competancy based Education : An Innovative Practice
byartisharma168790
 
PDF
Web-Exploit-Hunting-and-Bug-Bounty-Virtual-Internship.pdf
bygarvitcs2023
 
PPTX
DeremCo_Origoni_Osaka Event_Demo case 1.2_ Design product.pptx
byDeremCo Project
 
PPT
IRRATIOe gergerwgev hlikbterf ewrerwgerwgNAL 2.ppt
bymangalindanjerremyjh
 
PDF
010 Bony Pelvis / Bony Pelvi / Bony Pelvis / Bony Pelvis.pdf
byProf. Dr. Ahmed Ashour
 
PDF
Urban Transformation for Sustainability:Mitigation and Adaptation strategies ...
bySofia Saguate
 
PPT
IRRATkghv sdkvnjhbsdifghuskewafkward egv erwsIONAL 2.ppt
bymangalindanjerremyjh
 
PDF
IKEA Biodiversity in Aquatic Life Campaign
bypaulineseidlich
 
PDF
A Visual Dictionary Of ArchitectureS.pdf
byAShtabaog1
 
PDF
The Modern Myth Conference Presentation and Materials
byalliewebbbowen
 
PDF
Design solutions for modern word issue Alessandra Balestrucci
bybalestruccialessandr
 
PDF
L7_ES25_Theories of consumption II: Consumer Communities.pdf
bymekar24
 
PDF
L3_ES25_ Semiology I: Concepts, Structuralism. pdf
bymekar24
 
PDF
Storytelling
byDr. Salem Baidas
 
PDF
MGV Installations 6.pdf Various furniture installations in corporate, healthc...
byManny Vesa
 
PDF
FW27-28 Inspirations Trend Book Peclers Paris
byPeclers Paris
 
PPTX
COMPENSnfcnbfn ngfn ATORY MECHANISMS IN SHOCK.pptx
byvedprakashsahu251
 
PDF
CSF and meninges/ CSF and meninges/ CSF and meninges.pdf
byProf. Dr. Ahmed Ashour
 
PPTX
Reviving a Spanish Colonial by the Sea with Antique Carved Doors
byMogul Interior
 
PPTX
Bernoulli's Principle.pptxBernoulli's Principle.pptx
bynacinopa016
 
Digital Competancy based Education : An Innovative Practice
byartisharma168790
 
Web-Exploit-Hunting-and-Bug-Bounty-Virtual-Internship.pdf
bygarvitcs2023
 
DeremCo_Origoni_Osaka Event_Demo case 1.2_ Design product.pptx
byDeremCo Project
 
IRRATIOe gergerwgev hlikbterf ewrerwgerwgNAL 2.ppt
bymangalindanjerremyjh
 
010 Bony Pelvis / Bony Pelvi / Bony Pelvis / Bony Pelvis.pdf
byProf. Dr. Ahmed Ashour
 
Urban Transformation for Sustainability:Mitigation and Adaptation strategies ...
bySofia Saguate
 
IRRATkghv sdkvnjhbsdifghuskewafkward egv erwsIONAL 2.ppt
bymangalindanjerremyjh
 
IKEA Biodiversity in Aquatic Life Campaign
bypaulineseidlich
 
A Visual Dictionary Of ArchitectureS.pdf
byAShtabaog1
 
The Modern Myth Conference Presentation and Materials
byalliewebbbowen
 
Design solutions for modern word issue Alessandra Balestrucci
bybalestruccialessandr
 
L7_ES25_Theories of consumption II: Consumer Communities.pdf
bymekar24
 
L3_ES25_ Semiology I: Concepts, Structuralism. pdf
bymekar24
 
Storytelling
byDr. Salem Baidas
 
MGV Installations 6.pdf Various furniture installations in corporate, healthc...
byManny Vesa
 
FW27-28 Inspirations Trend Book Peclers Paris
byPeclers Paris
 
COMPENSnfcnbfn ngfn ATORY MECHANISMS IN SHOCK.pptx
byvedprakashsahu251
 
CSF and meninges/ CSF and meninges/ CSF and meninges.pdf
byProf. Dr. Ahmed Ashour
 
Reviving a Spanish Colonial by the Sea with Antique Carved Doors
byMogul Interior
 
Bernoulli's Principle.pptxBernoulli's Principle.pptx
bynacinopa016
 

Intro to Lean UX: How to do it quick & dirty - Workshop [6h]

  • 1.
    @thedesignnomad How to doit quick & dirty melewi.net L E A N U X :
  • 2.
  • 3.
    Keep it casual Thisisn’t a classroom (P.S. I hated school) Textbook learning Learn from my experience (and dumb mistakes) What’s relevant now? P R E A M B L E
  • 4.
    Move quick (agile)With limited resources (lean) Groups of 4 - 5 + P R E A M B L E Overview of methods + Exercises I <3 startups
  • 5.
    Who’s in theroom? I N T R O D U C T I O N S
  • 6.
    Who am I? ME L I S S A N G
  • 7.
    “Worst dancing skills you’llever have the misfortune of seeing.” H O U S E M AT E “She’s all right, I guess.” M O M
  • 8.
    @thedesignnomad Product strategist UX &UI designer Founder of Melewi
  • 9.
    The Travelling DesignStudio @melewi
  • 10.
    You DON’T need massiveresources Lean + Agile Hybrid Clients in 5 continents (21 cities) McDonalds, Samsung, Namecheap, Citibank We design awesome products for users and businesses around the world
  • 11.
    How about you? IN T R O D U C T I O N S UX Designer?
  • 12.
    How about you? IN T R O D U C T I O N S UX Designer? Non-UX Designer?
  • 13.
    How about you? IN T R O D U C T I O N S UX Designer? Non-UX Designer? Product?
  • 14.
    How about you? IN T R O D U C T I O N S UX Designer? Non-UX Designer? Product? Startups?
  • 15.
    What’re you hopingfor? O B J E C T I V E S
  • 16.
    What’re you hopingfor? E X E R C I S E ! 20 Card sorting
  • 17.
    What’re you hopingfor? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01
  • 18.
    What’re you hopingfor? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02
  • 19.
    What’re you hopingfor? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02 Pile similar ones together 03
  • 20.
    What’re you hopingfor? E X E R C I S E ! 20 Grab 3 post-its + marker Write down objectives you want to achieve 01 Go around the group, read yours out 02 Pile similar ones together 03 What are the broad objectives within each pile? 04
  • 21.
    What I’m hopingfor T H I S W O R K S H O P ’ S O B J E C T I V E S
  • 22.
    T H IS W O R K S H O P ’ S O B J E C T I V E S Understand the principles of Lean UX Gain insight into how it works + = You’ve the power to decide what you need to do * NOT a set of steps to blindly follow
  • 23.
    What’re we doing? DE F I N I T I O N S
  • 24.
    What really isLean UX? D E F I N I T I O N S
  • 25.
    U S ER E X P E R I E N C E A series of methods & tools you use to test and validate assumptions two ONE The experience a user has interacting with your brand at one touchpoint
  • 26.
    L E AN S TA R T U P E R I C R I E S The only way to win is to learn faster than everyone else “
  • 27.
    L E AN S TA R T U P B U I L D M E A S U R E L E A R NIterations Product-market fit Pivoting MVP Startup methodology
  • 28.
    L E AN S TA R T U P U S E R E X P E R I E N C E +
  • 29.
    L E AN U X
  • 30.
    L E AN U X Collaborative Iterative UX Methodology Users Defined goals Problem-solving
  • 31.
    B U SI N E S S P R O D U C T M A R K E T / U S E R S L E A N U X
  • 32.
    B U SI N E S S P R O D U C T M A R K E T / U S E R S L E A N U X Value proposition Featureset UX UI Brand Development etc.
  • 33.
    B U SI N E S S P R O D U C T M A R K E T / U S E R S L E A N U X Value proposition Featureset UX UI Brand Development etc. User segments User personas Market(s) Metrics Testing User feedback etc.
  • 34.
    B U SI N E S S P R O D U C T M A R K E T / U S E R S Value proposition Featureset UX UI Brand Development etc. User segments User personas Market(s) Metrics Testing User feedback etc. L E A N U X
  • 35.
    How does LeanUX work? H O O O O W, T E L L M E H O O O O O W
  • 36.
    Lean startup’s B-M-Lloop T H E O B V I O U S # 1 01
  • 37.
    B U IL D M E A S U R E L E A R N L E A N S TA R T U P
  • 38.
    B U IL D M E A S U R E L E A R N * implies numbers and programming a tad too much L E A N S TA R T U P
  • 39.
    B U IL D M E A S U R E L E A R N Analyze & Hypothesize L E A N U X
  • 40.
    B U IL D M E A S U R E L E A R N Analyze & Hypothesize Create L E A N U X
  • 41.
    B U IL D M E A S U R E L E A R N Analyze & Hypothesize Create Validate L E A N U X
  • 42.
    Keep it lean& fat-free 80 / 20 - Pareto principle No unnecessary documentation Focus on now Constantly validate to minimize wasted effort T H E O B V I O U S # 2 02
  • 43.
    Prioritize the rightthings Business viability Involvement of stakeholders & decision-makers Talk to users Decide from data 03
  • 44.
    Think critically 04 What doyou need? What DON’T you need? What’s important NOW? Never a one-size-fits-all
  • 45.
    Lean UX: Howto do it quick & dirty F I N A L LY. T H E P R E T T Y P I C T U R E I S T O T H A N K Y O U F O R Y O U R PAT I E N C E
  • 46.
    A G EN D A What’re we gonna do today?
  • 47.
    C R EAT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
  • 48.
    C R EAT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
  • 49.
    C R EAT E V A L I D AT E A N A LY Z E & H Y P O T H E S I Z E
  • 50.
    01. Melewi leancanvas 02. User personas 03. User experience map 04. Wireframes 05. Prototyping 06. Usability testing A N A LY Z E & H Y P O T H E S I Z E C R E AT E V A L I D AT E
  • 51.
    A N ALY Z E + H Y P O T H E S I Z E Melewi Lean Canvas 01
  • 52.
    Adapted from theLean Canvas Skewed towards UX & design Overview of the business + priorities Everything affects what you design Equips you with right knowledge
  • 53.
    E X ER C I S E ! 45 Let’s try: Melewi Lean Canvas
  • 54.
    Melewi Lean Canvas EX E R C I S E ! 45 Start throwing out product / business ideas in the group 01
  • 55.
    Melewi Lean Canvas EX E R C I S E ! 45 Start throwing out product / business ideas in the group 01 Pick an idea and start filling in the canvas * Leave out the user persona for now! 02
  • 56.
    PRODUCT What is yourproduct? NEED / WANT UNIQUE SELLING PROPOSITION Why are you awesome? VALUE PROPOSITION Why should your user use your product? Describe why, not what SWOT What’s against you? SWOT What’s for you? COMPETITIVE LANDSCAPE X: Y: You Direct Indirect MARKET(S) TAM / SAM / SOM B2B B2C $ $ OBJECTIVES MVP PRODUCT Mid-term Long-term BUSINESS USER PERSONA N A M E Q U O T E A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S ) / 5 # K E Y W O R D BIZ MODEL REV MODEL H E A D S H O T Melewi Lean Canvas *Adapted from the Lean Canvas http://bit.ly/ 1MZRB50
  • 57.
    Melewi Lean Canvas EX E R C I S E ! 45 Product Objective(s)Market Value Prop Present + Feedback
  • 58.
    Melewi Lean Canvas EX E R C I S E ! 45 MarketProduct Objective(s)Value Prop Present + Feedback
  • 59.
    Melewi Lean Canvas EX E R C I S E ! 45 Product Market Objective(s)Value Prop Present + Feedback
  • 60.
    Melewi Lean Canvas EX E R C I S E ! 45 Product Market Value Prop Objective(s) Present + Feedback
  • 61.
    A N ALY Z E + H Y P O T H E S I Z E User Personas 02
  • 62.
    Know who youruser is inside and out What do they like and value? How do they think and behave? A user is a person = not a statistic Make them your best friend Cater your UX and messaging accordingly
  • 63.
    E X ER C I S E ! 30 Let’s try: User Personas
  • 64.
    User Personas E XE R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01
  • 65.
    User Personas E XE R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01 Sketch out a User Persona grid / structure 02
  • 66.
    User Personas E XE R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01 Sketch out a User Persona grid / structure 02 Discuss and fill in (and then fill into your Melewi Lean Canvas if you want) 03
  • 67.
    Ruby Rose “At Litchfield,there is absolutely nothing interesting to do. Most of my days are wasted waiting to get out. When I’m out, I’ve no money or future prospects. If there was something useful I could do here that would help me when I get out, that would be the best thing.” N A M E Q U O T E A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S ) / 5 27 2 Poor future ahead Boredom Learn Survive # K E Y W O R D Scrappy Street-smart Trapped
  • 68.
    E X ER C I S E ! 30 Age & Gender #Keywords Biggest takeaway(s) Present + Feedback Name User Personas
  • 69.
    E X ER C I S E ! 30 #Keywords Biggest takeaway(s) Present + Feedback Age & Gender Name User Personas
  • 70.
    E X ER C I S E ! 30 Name Age & Gender Present + Feedback Biggest takeaway(s) #Keywords User Personas
  • 71.
    E X ER C I S E ! 30 Name Age & Gender #Keywords Biggest takeaway(s) Present + Feedback User Personas
  • 72.
    A N ALY Z E + H Y P O T H E S I Z E User Experience Mapping 03
  • 73.
    The journey beginsbefore the ‘Buy now!’ button appears Understand the journey (highs & lows) to leverage them User Experience Mapping or User Journey or Consumer Journey Map
  • 74.
  • 75.
    E X ER C I S E ! 45 Let’s try: User Experience Mapping
  • 76.
    User experience mapping EX E R C I S E ! Get a piece of butcher paper + post-its + markers 01 45
  • 77.
    User experience mapping EX E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 45
  • 78.
    User experience mapping EX E R C I S E ! 45
  • 79.
    User experience mapping EX E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 Use a post-it for each point, and paste onto map 03 45
  • 80.
    User experience mapping EX E R C I S E ! 45
  • 81.
    User experience mapping EX E R C I S E ! Get a piece of butcher paper + post-its + markers 01 Plot out a UX map skeleton with markers 02 Use a post-it for each point, and paste onto map 03 Mark out: Pain-points Happy-points 04 45
  • 82.
    User experience mapping EX E R C I S E ! 45
  • 83.
    E X ER C I S E ! User experience mapping Highs Lows Takeaways Present + Feedback Summarize journey 45
  • 84.
    E X ER C I S E ! User experience mapping Summarize journey Lows Takeaways Present + Feedback Highs 45
  • 85.
    E X ER C I S E ! User experience mapping Summarize journey Highs Present + Feedback Lows Takeaways 45
  • 86.
    E X ER C I S E ! User experience mapping Summarize journey Highs Lows Takeaways Present + Feedback 45
  • 87.
    C R EAT E Wireframes 04
  • 88.
    Page skeletons /blueprints Figure out what your pages / screens are Start sketching Continue sketching Fill in important text - e.g. Headers, call-to-actions
  • 89.
    Wireframes E X ER C I S E ! 45 Get a few sheets of paper + pens 01
  • 90.
    Wireframes E X ER C I S E ! 45 Get a few sheets of paper + pens 01 Sketch out the your product as a mobile app Let’s go for 3 screens 02
  • 91.
    Wireframes E X ER C I S E ! 45 Get a few sheets of paper + pens 01 Sketch out the your product as a mobile app Let’s go for 3 screens 02 Review it as a team, quick rounds of feedback 03
  • 92.
    Wireframes E X ER C I S E ! 30 Get a few sheets of paper + pens 01 02 Review it as a team, quick rounds of feedback 03 Re-sketch 1 set of wireframes incorporating feedback 04 Sketch out the your product as a mobile app Let’s go for 3 screens
  • 93.
    C R EAT E Prototyping! 05
  • 94.
    No! It needsto function right first Puts your thoughts and ideas down on to something you can test And with it, you go out and get results! It’s so easy to just see design as just “pretty” This is gonna be interesting
  • 95.
    E X ER C I S E ! 75 Let’s try: Prototyping
  • 96.
    Prototyping E X ER C I S E ! 75 Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01
  • 97.
    Prototyping E X ER C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 75
  • 98.
    Prototyping E X ER C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 Turn your sketches into more detailed mockups Make sure your text is NOT dummy text 03 75
  • 99.
    Prototyping E X ER C I S E ! Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01 Select a device within the group to design for (e.g. iPhone 6) Create your canvas size to that dimension 02 Turn your sketches into more detailed mockups Make sure your text is NOT dummy text 03 Create a project on Invision (invisionapp.com) Hotspot your screens so they can be clicked through 04 75
  • 100.
    Usability Testing E XE R C I S E ! Like? Struggles? Conclusion: Yes / No? Why? Present + Feedback What did you manage to do? 75
  • 101.
    Usability Testing E XE R C I S E ! What did you manage to do? Struggles? Present + Feedback Like? 75 Conclusion: Yes / No? Why?
  • 102.
    Usability Testing E XE R C I S E ! Like? Present + Feedback Struggles? 75 What did you manage to do? Conclusion: Yes / No? Why?
  • 103.
    Usability Testing E XE R C I S E ! Like? Present + Feedback 75 What did you manage to do? Struggles? Conclusion: Yes / No? Why?
  • 104.
    V A LI D AT E Usability Testing 06
  • 105.
    Find people whoare your users Having an incentive usually helps (Starbucks gift card) All you need are results from 5 people Put yourself out there! Cafes, coworking space, friends, limitless possibilities Observing people using your product
  • 106.
    Don’t ask questions,give tasks instead Person A: Give tasks + Interact Person B: Observe + Notes Approx. 3 to 5 things to do Humans feel obliged to please
  • 107.
    E X ER C I S E ! 45 Let’s try: Usability Testing
  • 108.
    Usability Testing E XE R C I S E ! 45 Individually prepare your list of tasks + questions you want to test out Write them down! 01
  • 109.
    Usability Testing E XE R C I S E ! 45 01 Discuss, debate and refine your tasks + questions Write them down again! 02 Individually prepare your list of tasks + questions you want to test out Write them down!
  • 110.
    Usability Testing E XE R C I S E ! 45 01 02 Half the team stand up 03 Individually prepare your list of tasks + questions you want to test out Write them down! Discuss, debate and refine your tasks + questions Write them down again!
  • 111.
    Usability Testing E XE R C I S E ! 45 01 02 Half the team stand up 03 The people standing up, move to the team on your right. These are your testers! 04 Individually prepare your list of tasks + questions you want to test out Write them down! Discuss, debate and refine your tasks + questions Write them down again!
  • 112.
    Usability Testing E XE R C I S E ! 45 Good Bad Takeaways Present + Feedback What were your tasks?
  • 113.
    Usability Testing E XE R C I S E ! 45 What were your tasks? Bad Takeaways Present + Feedback Good
  • 114.
    Usability Testing E XE R C I S E ! 45 What were your tasks? Good Takeaways Present + Feedback Bad
  • 115.
    Usability Testing E XE R C I S E ! 45 What were your tasks? Good Bad Takeaways Present + Feedback
  • 116.
  • 117.
  • 118.
    Thank you! Y OU G U Y S A R E A M A Z I N G
  • 119.
    Get in touch! WE ’ L L B E D O I N G M O R E W O R K S H O P S
  • 120.