'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

1. @thedesignnomad
How to do it
quick & dirty
melewi.net
L E A N U X :

2. “Whazzup?”
P R E A M B L E

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

5. Who’s in the room?
I N T R O D U C T I O N S

6. Who am I?
M E L I S S A N G

7. “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

8. @thedesignnomad
Product strategist
UX & UI designer
Founder of Melewi

9. The Travelling Design Studio
@melewi

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

11. How about you?
I N T R O D U C T I O N S
UX Designer?

12. How about you?
I N T R O D U C T I O N S
UX Designer?
Non-UX
Designer?

13. How about you?
I N T R O D U C T I O N S
UX Designer?
Non-UX
Designer?
Product?

14. How about you?
I N T R O D U C T I O N S
UX Designer?
Non-UX
Designer?
Product? Startups?

15. What’re you hoping for?
O B J E C T I V E S

16. What’re you hoping for?
E X E R C I S E !
20
Card sorting

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

23. What’re we doing?
D E F I N I T I O N S

24. What really is Lean UX?
D E F I N I T I O N S

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
+

29. L E A N U X

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

36. Lean startup’s B-M-L loop
T H E O B V I O U S # 1
01

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

44. Think critically
04
What do you need?
What DON’T you need?
What’s important NOW?
Never a one-size-fits-all

45. 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

46. A G E N D A
What’re we gonna do today?

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

63. E X E R C I S E !
30
Let’s try:
User Personas

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

74. ADAPTIVEPATH’SGUIDETOEXPERIENCEMAPPING

75. E X E R C I S E !
45
Let’s try:
User Experience Mapping

76. User experience mapping
E X E R C I S E !
Get a piece of
butcher paper +
post-its + markers
01
45

77. 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

78. User experience mapping
E X E R C I S E !
45

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

80. User experience mapping
E X E R C I S E !
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

82. User experience mapping
E X E R C I S E !
45

83. E X E R C I S E !
User experience mapping
Highs Lows Takeaways
Present + Feedback
Summarize
journey
45

84. E X E R C I S E !
User experience mapping
Summarize
journey
Lows Takeaways
Present + Feedback
Highs
45

85. E X E R C I S E !
User experience mapping
Summarize
journey
Highs
Present + Feedback
Lows Takeaways
45

86. E X E R C I S E !
User experience mapping
Summarize
journey
Highs Lows Takeaways
Present + Feedback
45

87. C R E AT 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 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

93. C R E AT E
Prototyping!
05

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

95. E X E R C I S E !
75
Let’s try:
Prototyping

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?

104. V A L I D AT E
Usability Testing
06

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

116. Reflections
T O W R A P !

117. Feedback: http://bit.ly/1LKRpHR
T O W R A P !

118. Thank you!
Y O U G U Y S A R E A M A Z I N G

119. 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

120. Melissa Ng
@thedesignnomad
melissa@melewi.net
www.melewi.net