Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@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)...
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 st...
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, Ci...
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 arou...
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 arou...
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 arou...
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
+ =
Yo...
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
...
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...
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 segme...
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 minimi...
Prioritize the right things
Business viability
Involvement of stakeholders & decision-makers
Talk to users
Decide from dat...
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 PA...
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 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 ...
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...
PRODUCT
What is your product?
NEED / WANT
UNIQUE SELLING PROPOSITION
Why are you awesome?
VALUE PROPOSITION
Why should you...
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...
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 / ...
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 / ...
Ruby Rose
“At Litchfield, there is absolutely nothing interesting to do.
Most of my days are wasted waiting to get out.
Whe...
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 Experi...
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
...
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
...
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
...
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 ...
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 f...
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 f...
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...
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...
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
Se...
Prototyping
E X E R C I S E !
Choose your
weapon of choice:
Illustrator
Sketch
Photoshop
Keynote
Powerpoint
Balsamiq
01
Se...
Prototyping
E X E R C I S E !
Choose your
weapon of choice:
Illustrator
Sketch
Photoshop
Keynote
Powerpoint
Balsamiq
01
Se...
Usability Testing
E X E R C I S E !
Like? Struggles?
Conclusion: Yes
/ No? Why?
Present + Feedback
What did you
manage to ...
Usability Testing
E X E R C I S E !
What did you
manage to do?
Struggles?
Present + Feedback
Like?
75
Conclusion: Yes
/ No...
Usability Testing
E X E R C I S E !
Like?
Present + Feedback
Struggles?
75
What did you
manage to do?
Conclusion: Yes
/ No...
Usability Testing
E X E R C I S E !
Like?
Present + Feedback
75
What did you
manage to do?
Struggles?
Conclusion: Yes
/ No...
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 peo...
Don’t ask questions, give tasks instead
Person A: Give tasks + Interact
Person B: Observe + Notes
Approx. 3 to 5 things to...
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...
Usability Testing
E X E R C I S E !
45
01
Discuss, debate
and refine your
tasks + questions
Write them down
again!
02
Indiv...
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...
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 ri...
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
Upcoming SlideShare
Loading in …5
×

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

3,241 views

Published on

'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

Published in: Design

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

  1. 1. @thedesignnomad How to do it quick & dirty melewi.net L E A N U X :
  2. 2. “Whazzup?” P R E A M B L E
  3. 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. 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. 5. Who’s in the room? I N T R O D U C T I O N S
  6. 6. Who am I? M E L I S S A N G
  7. 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. 8. @thedesignnomad Product strategist UX & UI designer Founder of Melewi
  9. 9. The Travelling Design Studio @melewi
  10. 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. 11. How about you? I N T R O D U C T I O N S UX Designer?
  12. 12. How about you? I N T R O D U C T I O N S UX Designer? Non-UX Designer?
  13. 13. How about you? I N T R O D U C T I O N S UX Designer? Non-UX Designer? Product?
  14. 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. 15. What’re you hoping for? O B J E C T I V E S
  16. 16. What’re you hoping for? E X E R C I S E ! 20 Card sorting
  17. 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. 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. 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. 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. 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. 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. 23. What’re we doing? D E F I N I T I O N S
  24. 24. What really is Lean UX? D E F I N I T I O N S
  25. 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. 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. 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. 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. 29. L E A N U X
  30. 30. L E A N U X Collaborative Iterative UX Methodology Users Defined goals Problem-solving
  31. 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. 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. 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. 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. 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. 36. Lean startup’s B-M-L loop T H E O B V I O U S # 1 01
  37. 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. 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. 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. 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. 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. 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. 43. Prioritize the right things Business viability Involvement of stakeholders & decision-makers Talk to users Decide from data 03
  44. 44. Think critically 04 What do you need? What DON’T you need? What’s important NOW? Never a one-size-fits-all
  45. 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. 46. A G E N D A What’re we gonna do today?
  47. 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. 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. 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. 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. 51. A N A LY Z E + H Y P O T H E S I Z E Melewi Lean Canvas 01
  52. 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. 53. E X E R C I S E ! 45 Let’s try: Melewi Lean Canvas
  54. 54. Melewi Lean Canvas E X E R C I S E ! 45 Start throwing out product / business ideas in the group 01
  55. 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. 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. 57. Melewi Lean Canvas E X E R C I S E ! 45 Product Objective(s)Market Value Prop Present + Feedback
  58. 58. Melewi Lean Canvas E X E R C I S E ! 45 MarketProduct Objective(s)Value Prop Present + Feedback
  59. 59. Melewi Lean Canvas E X E R C I S E ! 45 Product Market Objective(s)Value Prop Present + Feedback
  60. 60. Melewi Lean Canvas E X E R C I S E ! 45 Product Market Value Prop Objective(s) Present + Feedback
  61. 61. A N A LY Z E + H Y P O T H E S I Z E User Personas 02
  62. 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. 63. E X E R C I S E ! 30 Let’s try: User Personas
  64. 64. User Personas E X E R C I S E ! 30 As a group: Get a piece of butcher paper + markers 01
  65. 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. 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. 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. 68. E X E R C I S E ! 30 Age & Gender #Keywords Biggest takeaway(s) Present + Feedback Name User Personas
  69. 69. E X E R C I S E ! 30 #Keywords Biggest takeaway(s) Present + Feedback Age & Gender Name User Personas
  70. 70. E X E R C I S E ! 30 Name Age & Gender Present + Feedback Biggest takeaway(s) #Keywords User Personas
  71. 71. E X E R C I S E ! 30 Name Age & Gender #Keywords Biggest takeaway(s) Present + Feedback User Personas
  72. 72. A N A LY Z E + H Y P O T H E S I Z E User Experience Mapping 03
  73. 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. 74. ADAPTIVEPATH’SGUIDETOEXPERIENCEMAPPING
  75. 75. E X E R C I S E ! 45 Let’s try: User Experience Mapping
  76. 76. User experience mapping E X E R C I S E ! Get a piece of butcher paper + post-its + markers 01 45
  77. 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. 78. User experience mapping E X E R C I S E ! 45
  79. 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. 80. User experience mapping E X E R C I S E ! 45
  81. 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. 82. User experience mapping E X E R C I S E ! 45
  83. 83. E X E R C I S E ! User experience mapping Highs Lows Takeaways Present + Feedback Summarize journey 45
  84. 84. E X E R C I S E ! User experience mapping Summarize journey Lows Takeaways Present + Feedback Highs 45
  85. 85. E X E R C I S E ! User experience mapping Summarize journey Highs Present + Feedback Lows Takeaways 45
  86. 86. E X E R C I S E ! User experience mapping Summarize journey Highs Lows Takeaways Present + Feedback 45
  87. 87. C R E AT E Wireframes 04
  88. 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. 89. Wireframes E X E R C I S E ! 45 Get a few sheets of paper + pens 01
  90. 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. 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. 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. 93. C R E AT E Prototyping! 05
  94. 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. 95. E X E R C I S E ! 75 Let’s try: Prototyping
  96. 96. Prototyping E X E R C I S E ! 75 Choose your weapon of choice: Illustrator Sketch Photoshop Keynote Powerpoint Balsamiq 01
  97. 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. 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. 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. 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. 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. 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. 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. 104. V A L I D AT E Usability Testing 06
  105. 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. 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. 107. E X E R C I S E ! 45 Let’s try: Usability Testing
  108. 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. 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. 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. 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. 112. Usability Testing E X E R C I S E ! 45 Good Bad Takeaways Present + Feedback What were your tasks?
  113. 113. Usability Testing E X E R C I S E ! 45 What were your tasks? Bad Takeaways Present + Feedback Good
  114. 114. Usability Testing E X E R C I S E ! 45 What were your tasks? Good Takeaways Present + Feedback Bad
  115. 115. Usability Testing E X E R C I S E ! 45 What were your tasks? Good Bad Takeaways Present + Feedback
  116. 116. Reflections T O W R A P !
  117. 117. Feedback: http://bit.ly/1LKRpHR T O W R A P !
  118. 118. Thank you! Y O U G U Y S A R E A M A Z I N G
  119. 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. 120. Melissa Ng @thedesignnomad melissa@melewi.net www.melewi.net

×