'Lean UX: How to do it quick & dirty' is a half-day workshop held by Melissa Ng, founder of MELEWI - The Travelling Product, UX & UI Design Studio.
UX doesn't necessarily have to be difficult, resource-heavy or mysterious! Everyone knows that it's necessary for all things digital, but not everyone knows the best way to use UX to their advantage.
Lean UX is user-experience design with the Lean Methodology philosophy at its core. It eschews detailed design cycles and documentation in favour of quick, low-fidelity design, and frequent (but efficient & effective) feedback.
In this half-day workshop, you'll learn a simple framework that will allow you to: first create "the best hypothesis" based off understanding what your users, value proposition, business & revenue model & objectives are; and secondly, how to "validate + optimize" to make sure your users, product and business make sense together.
In this workshop, you'll learn:
• What is Lean UX?
• Why Lean UX?
• Lean business canvas
• User personas
• User experience mapping
• Wireframing
• Prototyping
• Usability testing
-
Speaker: Melissa Ng is the founder of MELEWI - a travelling Product, UX & UI design studio working with passionate people from around the world. With a portfolio of international clients across 21 cities in 5 continents, MELEWI has worked with a diverse range of businesses - from startups in Australia, San Francisco and Singapore, to global companies like McDonalds and Samsung.
Melissa is an expert at turning big ideas into big successes, and lives to make users, product and business make sense together. She believes an excellent user experience means thinking about how to make your product work so your users don’t have to.
She also believes that life is too short to spend boxed up in just one place, and has crafted some of her best work on boats in Cambodia, at cafes in San Francisco and on the beaches of the Maldives. The world is her greatest source of inspiration.
-
by @thedesignnomad and @melewi
Saturday, June 27, 2015 from 1:00 PM to 5:00 PM (SGT)
Singapore, Singapore
Saturday, Oct 30, 2015 from 9:30 AM to 4:30 PM
WORKSaigon, HCMC Vietnam
3. 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
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
10. 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
17. 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
18. 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
19. 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
20. 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
21. 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
22. 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
25. 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
26. 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
“
27. 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
28. L E A N S TA R T U P
U S E R E X P E R I E N C E
+
30. L E A N U X
Collaborative
Iterative
UX Methodology
Users
Defined goals
Problem-solving
31. 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
32. 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.
33. 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.
34. 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
35. How does Lean UX work?
H O O O O W, T E L L M E H O O O O O W
37. 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
38. 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
39. 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
40. 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
41. 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
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 right things
Business viability
Involvement of stakeholders & decision-makers
Talk to users
Decide from data
03
47. 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
48. 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
49. 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
50. 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
51. A N A LY Z E + H Y P O T H E S I Z E
Melewi Lean Canvas
01
52. Adapted from the Lean Canvas
Skewed towards UX & design
Overview of the business + priorities
Everything affects what you design
Equips you with right knowledge
53. E X E R C I S E !
45
Let’s try:
Melewi Lean Canvas
54. Melewi Lean Canvas
E X E R C I S E !
45
Start throwing out
product / business
ideas in the group
01
55. 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
56. 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
57. Melewi Lean Canvas
E X E R C I S E !
45
Product Objective(s)Market Value Prop
Present + Feedback
58. Melewi Lean Canvas
E X E R C I S E !
45
MarketProduct Objective(s)Value Prop
Present + Feedback
59. Melewi Lean Canvas
E X E R C I S E !
45
Product Market Objective(s)Value Prop
Present + Feedback
60. Melewi Lean Canvas
E X E R C I S E !
45
Product Market Value Prop Objective(s)
Present + Feedback
61. A N A LY Z E + H Y P O T H E S I Z E
User Personas
02
62. 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
64. User Personas
E X E R C I S E !
30
As a group:
Get a piece of
butcher paper +
markers
01
65. 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
66. 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
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 E R C I S E !
30
Age &
Gender
#Keywords
Biggest
takeaway(s)
Present + Feedback
Name
User Personas
69. E X E R C I S E !
30
#Keywords
Biggest
takeaway(s)
Present + Feedback
Age &
Gender
Name
User Personas
70. E X E R C I S E !
30
Name
Age &
Gender
Present + Feedback
Biggest
takeaway(s)
#Keywords
User Personas
71. E X E R C I S E !
30
Name
Age &
Gender
#Keywords
Biggest
takeaway(s)
Present + Feedback
User Personas
72. A N A LY Z E + H Y P O T H E S I Z E
User Experience Mapping
03
73. 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
79. 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
81. 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
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 E R C I S E !
45
Get a few sheets
of paper + pens
01
90. 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
91. 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
92. 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
94. 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
96. Prototyping
E X E R C I S E !
75
Choose your
weapon of choice:
Illustrator
Sketch
Photoshop
Keynote
Powerpoint
Balsamiq
01
97. 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
98. 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
99. 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
100. 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
101. 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?
102. 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?
103. 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?
105. 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
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 E R C I S E !
45
Let’s try:
Usability Testing
108. 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
109. 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!
110. 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!
111. 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!
112. Usability Testing
E X E R C I S E !
45
Good Bad Takeaways
Present + Feedback
What were
your tasks?
113. Usability Testing
E X E R C I S E !
45
What were
your tasks?
Bad Takeaways
Present + Feedback
Good
114. Usability Testing
E X E R C I S E !
45
What were
your tasks?
Good Takeaways
Present + Feedback
Bad
115. Usability Testing
E X E R C I S E !
45
What were
your tasks?
Good Bad Takeaways
Present + Feedback