0
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Design a product in 3 hours
Designin...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Hello!
Principal, Intelleto.com
Co-F...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
@katerutter
@luxrco
#uxlx
TWEET!
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Around the room intros
* name
* role...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Letʼs get
warmed up
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{5 min Activity}
Users + problems +
...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Users + Problem + Solution map
Worki...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Users + Problem + Solution map
a mob...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
A class on how to
produce an awesome...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
• Design = solving problems
• Lean S...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
I am not an expert on your idea.
You...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
We are going to be working really,
r...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
There is a purpose to this.
I will p...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
You will be working solo and
as peer...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
You may not like the pace/process/
p...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
“But the code validated!”
“The desig...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
“But the code validated!”
“The desig...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
“But the code validated!”
“The desig...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
About the whole
“Lean” thing
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Build.
Measure.
Learn
Lean startup?
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
From The Lean Entrepreneur. B. Coope...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Lean Startup
Startup: a human instit...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
2 Big Ideas
Empathy.
Design.
Product...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
3 Key Concepts
Build.
Measure.
Learn...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
The Agile
Manifesto came
about at a ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Steve Blank
introduced
“Customer
Dev...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Eric Ries wrote a
blog post on Sept ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
• Experiments
• Validated learning
•...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
risk
timeDefine
The old way
Design
De...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
risk
timeDefine
Design
Develop
Releas...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
risk
time
A different way
MAKE
relea...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
BUILD
MEASURE
LEARN
More cycles in l...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Okay, fine.
But how does this relate ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
UX =• a mindset
• focused on deliver...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
UX != UI
* Your first project: Remove...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
vi...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Letʼs make
stuff
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Rapid Sketching
Star peop...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
You can draw a person in 4 simple st...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Use simple shapes to put a person in...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
People have faces and emotions.
Expr...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Picture your user as a
human person....
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
UX...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Who: Make a Persona
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Make a persona
Portrait
5...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Make a persona
Facts
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Write down...
3 min
• Age...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Make a persona
Behaviors
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Brainstorm 10 behaviors
3...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
more
important
less
important
2 min{...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
2 min{Activity}
Pass & Peer-write
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Break!
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Make a persona
Needs & Go...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
3 min
• What do they need to
accompl...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Divide into 2 piles
more
...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Pass & Peer-write
1 min
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
* Could enough people like this exis...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Persona
Who is our user
and what are...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
i <3
empathy.
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Act on user needs by
identifying val...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
UX...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
An example from Foodspotting
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Envision 6 uses
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Sketch 6-up uses
7 min
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Work with your peer
Pass ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Dot-vote top picks
Peers ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Redraw the top pick
3 min...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
UX...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Brainstorm 3 features
3 m...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Make a feature list
.05 m...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Persona
Who is our user
and what are...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Uses
make me
frisky!
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Measure what matters
by tracking
act...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Product
(black box)
Conversion
Funne...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Product
(black box)
Conversion
Funne...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Metrics checklist
a good metric... a...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Brainstorm 1 metric
2 min...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
{Activity}
Improve your metric!
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
3. Is there an object
basis?
• “per ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
% of users
who share a
task 3+
times...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Persona
Who is our user
and what are...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
metrics.
better than a
bubbling broo...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Pull it all together.
Tell the story.
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
UX...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
This is [product name] .
Meet...
MVP...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Making the most of the team
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
2 min
Your pair peer reads
your stor...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
1 min
Come up and share
your story!
...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Features
Users
Uses
Product
Needs
UX...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
1. Sketch
(especially of people)
2. ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
This way of working is hard.
But itʼ...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
• Validate! Do 3 customer developmen...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Geek out & learn tons more
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
Kate Rutter
@katerutter
http://intel...
Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
HANDOUTS
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
Handouts
Design a product in 3 h...
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
• Experiments
• Validated learni...
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
Features
Users
Uses
Product
Need...
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
Use basic supplies: sharpies, st...
The Molecule
people
problem solution
have
addresses
use
Product name date
/ /
Facts Needs & Goals
Behaviors
Persona
date
/ /
With _________________ , _________________ can...
Value Proposition 6-up Sketches
date
/ /
With
can...
!
Value Proposition date
/ /
feature
feature
feature
MVP Features date
/ /
To deliver on that, we will build these features:
metric
by
Goal
/ /
Notes
Metrics Dashboard date
/ /
To assess progress, we will measure these metrics:
metric
by
Goal
/ /
...
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
106
a great metric...
...makes y...
UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014
Further Reading
Upcoming SlideShare
Loading in...5
×

Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]

13,519

Published on

Inside you there is a secret product idea...some problem you are just itching to solve. Yet it falls prey to that deadly statement: “Someday, when I have more time...”

In this action-packed 180 minutes, UX Lisbon participants got their ideas out and into the world. Using Lean Startup principles and these fun and rapid methods, they created a coherent, lo-fi product concept and got peer feedback on it. From identifying the problem it solves for people and understanding the role it plays in customers’ lives to identifying a key metric to indicate traction, they explored the idea in full. They wrapped up with practical, actionable (and simple!) next steps to propel the ideas forward.

Published in: Design, Travel
3 Comments
218 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,519
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
822
Comments
3
Likes
218
Embeds 0
No embeds

No notes for slide

Transcript of "Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]"

  1. 1. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Design a product in 3 hours Designing with Lean UX UX Lisbon | Wednesday, June 04, 2014 Kate Rutter | @katerutter
  2. 2. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Hello! Principal, Intelleto.com Co-Founder, Luxr.co Sketchnoter, graphic recorder Entrepreneurship + UX @katerutter http://intelleto.com
  3. 3. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com @katerutter @luxrco #uxlx TWEET!
  4. 4. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Around the room intros * name * role * your favorite superpower! Hello!
  5. 5. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Letʼs get warmed up
  6. 6. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {5 min Activity} Users + problems + solution Sketch it out Who are the users? What problems do they have? What would be a proposed solution?
  7. 7. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Users + Problem + Solution map Working parents with with kids Task-a-doodle “the DNA of your idea” May 2014
  8. 8. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Users + Problem + Solution map a mobile app for delegating tasks Working parents with with kids need to know when something’s done Too much to do, not enough time need to share tasks on the go Task-a-doodle “the DNA of your idea” 3 min May 2014
  9. 9. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
  10. 10. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
  11. 11. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com A class on how to produce an awesome UI This is not... (how do you know itʼs awesome?) A session on making production wireframes or photoshop comps (how do you know these arenʼt a waste of valuable time?) A “perfect approach” or a rigid point of view on Great UX. (100s of participants have used these techniques to define their own unique Great UX.)
  12. 12. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com • Design = solving problems • Lean Startup concepts & mindset • Hands-on } make a product MVP • Lo-fi MVP -> validate -> build This is about making products. Focus • Simplify • Decide • Test Move forward.
  13. 13. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com I am not an expert on your idea. You are. My goal is to help you identify one way you can innovate using lean practices... so you can experiment and learn first-hand if itʼs helpful. What to expect...
  14. 14. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com We are going to be working really, really, really fast. What to expect...
  15. 15. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com There is a purpose to this. I will push you to get something down rapidly. In 3 hours, you will have product concept you can validate. We are going to be working really, really, really fast. What to expect...
  16. 16. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You will be working solo and as peer pairs. Two brains are better than one. And weʼll keep talking to a minimum. (There is a break where we can get all social!) What to expect...
  17. 17. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You may not like the pace/process/ pressure/perspective, etc. etc. That is okay. All I ask is that you keep an open mind and try it. What to expect...
  18. 18. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” What I NEVER want you to experience...
  19. 19. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” What I NEVER want you to experience... FAIL
  20. 20. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” What I NEVER want you to experience... waste
  21. 21. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com About the whole “Lean” thing
  22. 22. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Build. Measure. Learn Lean startup?
  23. 23. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com From The Lean Entrepreneur. B. Cooper & P. Vlaskovits.
  24. 24. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Lean Startup Startup: a human institution designed to create new products or services under conditions of extreme uncertainty.
  25. 25. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 Big Ideas Empathy. Design. Products! User Experience Build. Measure. Learn! Lean Startup
  26. 26. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3 Key Concepts Build. Measure. Learn! Validated Learning Get out of the building! Customer DevelopmentAgile Development Collaborate. Release. Improve!
  27. 27. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com The Agile Manifesto came about at a ski scrum in February 2001. The big idea... over over over over
  28. 28. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Steve Blank introduced “Customer Development” in...um...2006. The big idea...
  29. 29. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Eric Ries wrote a blog post on Sept 8, 2008 titled “The Lean Startup.” + incremental releases make products customers want + reduce waste The big synthesis...
  30. 30. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com • Experiments • Validated learning • Reduce waste Lean Startup These change everything.
  31. 31. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risk timeDefine The old way Design Develop Release
  32. 32. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risk timeDefine Design Develop Release a better old way
  33. 33. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com risk time A different way MAKE release MEASURE BUILD LEARN MEASURE BUILD
  34. 34. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com BUILD MEASURE LEARN More cycles in less time reduce the risk. faster!
  35. 35. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Okay, fine. But how does this relate to User Experience
  36. 36. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com UX =• a mindset • focused on delivering value • inspires the right kinds of ideas • guides decisions
  37. 37. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com UX != UI * Your first project: Remove any reference to UX/UI from all of your work. Replace it with UX + UI. This directive holds for the duration of your UX career.
  38. 38. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs via @luxrco sketches, prototypes, wireframes pixels UI UX as a stack BUILD MEASURE LEARN Company Purpose Your vision & ideas
  39. 39. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com
  40. 40. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Letʼs make stuff
  41. 41. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Rapid Sketching Star people! 7 min
  42. 42. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com You can draw a person in 4 simple steps.... sketch via @luxrco Star people
  43. 43. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Use simple shapes to put a person in a place. sketch via @luxrco Add context inside outside
  44. 44. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com People have faces and emotions. Expressions Matrix 3 mouths + 2 eyebrows = 9 emotions (so sneaky!) smile frown up brows neutral down brows start with this no brows add a mouth... add eyebrows... sketch via @luxrco; also see @austinkleon
  45. 45. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Picture your user as a human person. (Insert provisional personas here) Who is it for?
  46. 46. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs UX Stack Company Purpose Your vision & ideas via @luxrco
  47. 47. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Who: Make a Persona
  48. 48. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Make a persona Portrait 5 min
  49. 49. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Make a persona Facts
  50. 50. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Write down... 3 min • Age • City where s/he lives • Family (married? kids? single? divorced?) • Job role • Annual income Be specific.
  51. 51. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Make a persona Behaviors
  52. 52. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Brainstorm 10 behaviors 3 min • What do they do that indicates that they are a good customer for you? • How are they solving the problem now? • Behaviors are verbs.
  53. 53. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com more important less important 2 min{Activity} Divide into 2 piles
  54. 54. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 min{Activity} Pass & Peer-write
  55. 55. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Break!
  56. 56. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Make a persona Needs & Goals
  57. 57. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3 min • What do they need to accomplish that will solve their problem? • Why do they do the behaviors? • How are they solving the problem now? {Activity} Brainstorm 10 needs & goals
  58. 58. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Divide into 2 piles more important less important .5 min
  59. 59. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Pass & Peer-write 1 min
  60. 60. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com * Could enough people like this exist? (And can you find them to talk to them?) If no, make adjustments. * Is this a specific person you know? If yes, make adjustments. * Is the persona respectful? If no, make adjustments or re-do. Contempt is not helpful. {Activity} 3 Checks
  61. 61. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Persona Who is our user and what are their needs & goals? What you have now:
  62. 62. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com i <3 empathy.
  63. 63. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Act on user needs by identifying value propositions. Whatʼs the value?
  64. 64. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs UX Stack Company Purpose Your vision & ideas via @luxrco
  65. 65. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com An example from Foodspotting
  66. 66. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Envision 6 uses
  67. 67. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Sketch 6-up uses 7 min
  68. 68. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Work with your peer Pass your work 1-minute “quiet read” 30 seconds to Confirm clarity 1 min
  69. 69. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Dot-vote top picks Peers } dot 2 top uses 2 min Founders } dot 1 from within the 2
  70. 70. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Redraw the top pick 3 min Mary Task-a-doodle Know when someone in her family finishes a shared task. April 2013
  71. 71. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs UX Stack Company Purpose Your vision & ideas via @luxrco
  72. 72. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Brainstorm 3 features 3 min
  73. 73. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Make a feature list .05 min 5-item to-do list Task sharer Status tracker April 2013
  74. 74. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Persona Who is our user and what are their needs & goals? What can a user do with our product? How will they do that? Mary Task-a- Know when someone in her family April 2013 Value prop What you have now: Limited features to support the use
  75. 75. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Uses make me frisky!
  76. 76. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Measure what matters by tracking actionable metrics. How do you know itʼs working?
  77. 77. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Product (black box) Conversion Funnel Traffic Measuring what?
  78. 78. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Product (black box) Conversion Funnel Traffic Measuring what?
  79. 79. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Metrics checklist a good metric... a great metric... ...makes you look at all the other metrics and say “none of those other numbers matter if we donʼt get this right first.” ...measures the usage of your product by a person. The usage should be specific to features that deliver value to your user. vanity total number of registered users unhelpful sign-ups % of users who share a task 3+ times a day, per week awesomebetter % of users who sign in 3+ times a day, per week good % of new users per week
  80. 80. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Brainstorm 1 metric 2 min Note: When working, you can (and should) use the full Dump & Sort method for this.
  81. 81. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com {Activity} Improve your metric!
  82. 82. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 3. Is there an object basis? • “per user” [ ___/user] • “per user per week” (fancy!) • Examples: per user, per session, or by interaction or item (messages per file, emails per thread) * not required, but super-helpful • “per week” [ ___/wk ] • “per month” [ ___/mo] 2. Is there a time basis? • “number of...” [ # ] • “average number of...” [avg ] • “percent of...” [ % ] 1. Does the metric begin with a number? Metrics check 1 min
  83. 83. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com % of users who share a task 3+ times a day, per week April 2013 {Activity} Make a Dashboard
  84. 84. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Persona Who is our user and what are their needs & goals? What can a user do with our product? How will they do that? Mary Task-a- Know when someone in her family April 2013 Value prop What you have now: Limited features to support the use What does success look like? Actionable metric to measure progress
  85. 85. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com metrics. better than a bubbling brook.
  86. 86. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Pull it all together. Tell the story.
  87. 87. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs UX Stack Company Purpose Your vision & ideas via @luxrco
  88. 88. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com This is [product name] . Meet... MVP The idea... * Minimum Viable Product 2 min MVC MVP Narrative
  89. 89. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Making the most of the team
  90. 90. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 2 min Your pair peer reads your story back to you. (Simply read the words on the page.) Story time.
  91. 91. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 1 min Come up and share your story! Exciting prizes for 2 UX-entrepreneurs who volunteer! Pitch Practice
  92. 92. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Features Users Uses Product Needs UX Stack Company Purpose Your vision & ideas
  93. 93. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com 1. Sketch (especially of people) 2. Timebox! (speed kills the censor and keeps you moving) 3. Generate independently, discuss as a team (3 people ideal) 4. Dump & Sort (one item per Post-It, use Sharpie) 5. 2x2 organizing framework (help decision-making when lots of items) 6. Work at the wall 7. Quick decision-making techniques (dot-vote, roman vote, stack rank) Patterns of work
  94. 94. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com This way of working is hard. But itʼs worth it.
  95. 95. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com • Validate! Do 3 customer development interviews (Within the next week, or even sooner if your audience is at UX Lisbon!) • Startup Weekends & hackathons Startupweekend.org • Founders Institute fi.co • OʼReilly Lean Books & Luxr Core Curriculum • Bootstrapping your idea • Crowdfunding, Peerfunding, Enterprise Incubators Resources & Next Steps
  96. 96. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Geek out & learn tons more
  97. 97. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com Kate Rutter @katerutter http://intelleto.com Thanks!
  98. 98. Designing with Lean UX | UX Lisbon 2014 | June 04, 2014 | @katerutter | intelleto.com HANDOUTS
  99. 99. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 Handouts Design a product in 3 hours Designing with Lean UX
  100. 100. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 • Experiments • Validated learning • Reduce waste Lean Startup Customer Development • make products customers want Agile Development • Iteration & incremental releases Lean Manufacturing • Reduce waste Startup: a human institution designed to create a new product or service under conditions of extreme uncertainty.
  101. 101. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 Features Users Uses Product Needs Company Purpose sketches, prototypes, pixels UI BUILD MEASURE LEARN UX Stack + Lean Startup
  102. 102. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 Use basic supplies: sharpies, stickynotes and white paper Dump & sort & 2x2 organizing Go wide, then decide Generate independently, discuss as a team. (3 people ideal) Work at the wall Quiet read (before discussion) Sketch (especially of people) Share info with Information radiators Timebox (speed kills the censor) Quick decisionmaking (dot vote, stack-rank) Techniques Checklist
  103. 103. The Molecule people problem solution have addresses use Product name date / /
  104. 104. Facts Needs & Goals Behaviors Persona date / /
  105. 105. With _________________ , _________________ can... Value Proposition 6-up Sketches date / /
  106. 106. With can... ! Value Proposition date / /
  107. 107. feature feature feature MVP Features date / / To deliver on that, we will build these features:
  108. 108. metric by Goal / / Notes Metrics Dashboard date / / To assess progress, we will measure these metrics: metric by Goal / / Notes metric by Goal / / Notes
  109. 109. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 106 a great metric... ...makes you look at all the other metrics and say “none of those other numbers matter if we donʼt get this right first.” a good metric... ...measures the usage of the product by a person. The usage should be specific to features that deliver value to the user. Making metrics actionable vanity good betterunhelpful total number of registered users % of users who share a task 3+ times a day, per week sign-ups awesome % of users who sign in 3+ times a day, per week % of new users per week Does the metric begin with a number? • “number of...” [ # ] • “average number of...” [avg ] • “percent of...” [ % ] Is there a time basis? Is it comparative? • “per week” [ ___/wk ] • “per month” [ ___/mo] Is there an object basis? * not required, but super-helpful • “per user” [ ___/user] • “per user per week” (fancy!) 1 Metrics Check 2 3
  110. 110. UX LIsbon : Designing with Lean UX Workshop : June 04, 2014 http://luxr.co @luxrco © 2014 Further Reading
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×