luxr 1-day workshop, june 13, 2012 [san francisco]
DESCRIPTION
User Experience is one of the most challenging and least understood aspects of creating a product...and yet it will make or break your product. This deck is from the LUXr 1-day workshop, UX for Lean Startups.Join Kate Rutter of LUXr to learn Lean Startup methods that help you both make the right product, and make your product right.TRANSCRIPT
Crushing the BoulderUser Experience forLean Startups1-day workshop
WED, JUN 13, 2012
LUXR.CO JUNE 2012
LUXR.CO JUNE 2012
LUXR.CO JUNE 2012
Intros
Who’s in the room?
LUXR.CO JUNE 2012
LUXR.CO JUNE 2012
Residency WorkshopsCore Curriculum Advising
10 weeks to awesome for early-stage teams.
Learning products for accelerators & startup teams.
Core concepts and hands-on activities for everyone.
Coaching & guidance for teams going at lightspeed.
LUXR.CO JUNE 2012
Kate Rutterwww.luxr.co
@luxrco@katerutter
TWEET!
LUXR.CO JUNE 2012
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 entrepreneurs have used these techniques to define
their own unique Great UX.)
LUXR.CO JUNE 2012
I. Lean + UX FundamentalsII. Three Lean UX experiments: 1. Get to Know your Customer 2. Act on Customer Needs 3. Measure What MattersIII. Bring it all together
Today we’ll cover...
LUXR.CO JUNE 2012
What is Lean Startup?What is UX?
What is UX for Lean Startups?
What is this stuff?!?!
I : Lean UX Fundamentals
LUXR.CO JUNE 2012
Lean Startup?
LUXR.CO JUNE 2012
Lean Startup is NOT
Cheap Startup
Fast Startup
Shortcut Startup
LUXR.CO JUNE 2012
Low-Ambition
Lean Startup is NOT
LUXR.CO JUNE 2012
THE OPPOSITE OF FAT STARTUP
Lean Startup is NOT
LUXR.CO JUNE 2012
Get out of the
building!
LUXR.CO JUNE 2012
Customer development is...
A four-step framework for discovering and validating the right market for your idea,
building the right product features that solve
customersʼ needs, testing the correct model and
tactics for acquiring and converting customers,
and deploying the right organization and
resources to scale the business.
LUXR.CO JUNE 2012
Steve Blank introduced “Customer Development” in...um...2006.
The big idea...
LUXR.CO JUNE 2012
In 2010, Brant Cooper & Patrick Vlaskovitz wrote a shorter, more useful book.
The big idea...
LUXR.CO JUNE 2012
What it looks like in practice...
LUXR.CO JUNE 2012
LUXR.CO JUNE 2012
Build, Measure.
Learn.
LUXR.CO JUNE 2012
An approach for building companies that are
creating new products and services in
situations of extreme uncertainty.
The approach advocates creation of rapid prototypes that test market assumptions, and
uses customer feedback in an effort to evolve
the design faster and reduce waste.
Lean Startup is...
LUXR.CO JUNE 2012
Eric Ries wrote a blog post on Sept 8, 2008 titled “The Lean Startup.”
+incremental
releasesmake products
customers want
+reduce waste
The big idea...
LUXR.CO JUNE 2012
Lean Startup advocates...
• Experiments•!Validated learning
LUXR.CO JUNE 2012
UX.Design.
Startups.
LUXR.CO JUNE 2012
A personʼs perceptions and responses that
result from the use or anticipated use of a
product, service or system.
User Experience is...
product UI UX
via Ed Lea: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal
LUXR.CO JUNE 2012
A principle-driven process for product teams
working in situations of extreme uncertainty.
It is characterized by rituals that predispose
predictable, high-quality, high-velocity user experience outcomes.
Lean User Experience is...
LUXR.CO JUNE 2012
UX brings 10* years
of experience, methods, and
patterns of work.
*20, 30, 50 years
LUXR.CO JUNE 2012
UX people are EXPERTS at “getting out of the building”
LUXR.CO JUNE 2012
UX people are EXPERTS at “getting out of the building”
LUXR.CO JUNE 2012
People, their goals & needs
Sketches and prototypes
Interactions and flows
UX == Customer Discovery
LUXR.CO JUNE 2012
Generative Research • Ideation • Mental models • Participatory Design • Contextual Inquiry • Concept Maps • Behavior Models • Test Results • Competitive Analysis
THINK
Personas • Sketches • Prototypes • Wireframes • Value Prop • Landing View • Hypotheses • Comps • Deployed CodeMAKEEvaluative Research • A/B Testing • Site Analytics • Usability Testing • Funnel Analysis • Interruptive SurveysCHECK
THINK
MAKE
CHECK
Reduce cycle time,not build time
UX cycles == Lean Startup learning loops
LUXR.CO JUNE 2012
Needs1. I need...2. I want...3. My goal is...
UsesMary can...
Features
Users
Sketches, wireframes, pixels
Business thinking goes here
whywhathow
PrototypesUser Stories
Themed Releases
This Week
Design > UI THINK
MAKECHECK
BUILDMEASURE
LEARN
LUXR.CO JUNE 2012
LUXR.CO JUNE 2012
1. Get to Know your Customers2. Act on Customer Needs3. Measure What Matters
II : Three Lean UX Experiments
LUXR.CO JUNE 2012
Hypothesis
We believe that modern families would benefit from having better ways to keep up with tasks,
and are willing to pay for a better way to coordinate tasks with other family members,
friends and neighbors.
Today’s Challenge
LUXR.CO JUNE 2012
Types of ResearchPersonas
How to InterviewPractice Interview
1Get to Know Your
Customers (Customer Development Interviews)
LUXR.CO JUNE 2012
User Researchquant qual
Generative
Evaluative
surveys
Usability
•Hallway usability
•remote
•Interviews
•Mental Models (Indi Young)
•Contextual Inquiry (Byer & Holzblatt)
•Starbucks
Analytics•
Optimizely•
Key Metrics•
A/B Testing•
LUXR.CO JUNE 2012
User Researchquant qual
Generative
Evaluative
Interviews
LUXR.CO JUNE 2012
Customer Interviews
* Identify who you want to talk to.
* Articulate your hypotheses.
* Craft a topic map for the session.
* Jot down conversation prompts.
* Have the conversation
* Debrief!
LUXR.CO JUNE 2012
{Activity}
Let’s do it!
LUXR.CO JUNE 2012
{Warm-up Activity}
Rapid SketchingClothespin Man!
LUXR.CO JUNE 2012
Who: Make a Persona
LUXR.CO JUNE 2012
{Activity}
Make a personaPortrait
LUXR.CO JUNE 2012
{Activity}
Make a personaDemographics
LUXR.CO JUNE 2012
{Activity}
Make a personaBehaviors
LUXR.CO JUNE 2012
{Activity}
Make a personaNeeds & Goals
LUXR.CO JUNE 2012
{Activity}
Bring it together
Discuss & createa unified persona
LUXR.CO JUNE 2012
* Does this sound like a person who could exist? If no, make adjustments.
* Is this an actual person you know? If yes, make adjustments.
* Is the persona respectful? If no, make adjustments or re-do. Contempt is not helpful.
{check}
3 checks
LUXR.CO JUNE 2012
Customer Interviews
! Identify who you want to talk to.
! Articulate your hypotheses.
* Craft a topic map for the session.
* Jot down conversation prompts.
* Have the conversation
* Debrief!
LUXR.CO JUNE 2012
{Show & Tell}
Topic Map
LUXR.CO JUNE 2012
Topic Map
mobile/internet habits?
last time they got help
(house cleaner)
keeping everything
working
feeling overwhelmed
commutepersonal time
LUXR.CO JUNE 2012
mobile/internet habits?
last time they got help
(house cleaner)
keeping everything
working
commutepersonal time
{Activity}
Add a topic
LUXR.CO JUNE 2012
Customer Interviews
! Identify who you want to talk to.
! Articulate your hypotheses.
! Craft a topic map for the session.
* Jot down conversation prompts.
* Have the conversation
* Debrief!
LUXR.CO JUNE 2012
“Have you ever had ________ experience?”
“Can you tell me the story about that?”
“And then what happened?”
“Why [or how] did you do that?”
“What did you love [or hate] about that?”
“If you could wave a magic wand, what would it be like?”
Conversation Prompts
LUXR.CO JUNE 2012
“Have you ever had __________________________ experience?”
{Activity}
Brainstorm a question
LUXR.CO JUNE 2012
Customer Interviews
! Identify who you want to talk to.
! Articulate your hypotheses.
! Craft a topic map for the session.
! Jot down conversation prompts.
* Have the conversation
* Debrief!
LUXR.CO JUNE 2012
During the Interview
DO• Take notes • Smile• Ask open-ended questions• Get their story• Shut up and listen
DONʼT• Talk about your product• Ask about future behavior• Sell• Ask leading questions• Talk much
LUXR.CO JUNE 2012
{Activity}
Practice an interview
1 interviewer + 1 intervieweenote-takers
LUXR.CO JUNE 2012
After the Interview: Debrief
DUMP (5min, solo)1 idea per sticky“What I heard”“What I saw”“What stood out”
SORT (10min, team)Collect similar itemsLabel groupsStack duplicatesNote trends and exceptions
LUXR.CO JUNE 2012
{homework}
Debrief
LUXR.CO JUNE 2012
i <3 listening.
LUXR.CO JUNE 2012
Sketching6-Up UsesDot Voting
2Act on
Customer Needs(Developing product and interface ideas)
LUXR.CO JUNE 2012
Remember this?
Needs 1. BLAH2. BLAH3. BLAH
UsesMary can...
Features
Users
(CREATE SKETCHES, WIREFRAMES & PIXELS)
(INSERT BUSINESS THINKING HERE)
whywhathow
User Stories Themed Releases
This Week
LUXR.CO JUNE 2012
USES: What can
Mary do with your product?
why
what
how
Your business
vision
A person and their
needs
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH
LUXR.CO JUNE 2012
6 Uses An illustration that shows “What will they DO with this product?” It intersects user needs with business vision to show the consumer value proposition. This informs what features are most important.
LUXR.CO JUNE 2012
6 Uses
LUXR.CO JUNE 2012
{Activity}
Sketch 6-up Useswith __________, ________ can...
LUXR.CO JUNE 2012
{Activity}
Dot-vote top picks3 dots } pick top 2 uses
LUXR.CO JUNE 2012
{Activity}
Redraw the top 2with __________, ________ can...
LUXR.CO JUNE 2012
{Activity}
Brainstorm features
LUXR.CO JUNE 2012
{Activity}
Triage features
LUXR.CO JUNE 2012
{Activity}
Select 3 features
LUXR.CO JUNE 2012
{Organize!}
Post your persona, 2 uses and 3 features on the wall.
(off to the side)
LUXR.CO JUNE 2012
Persona Limited features to support the uses
6-up uses
What you have nowWho is our user and what are their needs & goals?
What can a user do with our product?
How will they do that?
LUXR.CO JUNE 2012
Uses make me frisky!
LUXR.CO JUNE 2012
Common research questionsMetrics & Analytics
3Measure
WhatMatters
(Quantitative and Qualitative Evaluation)
LUXR.CO JUNE 2012
Will people use it? Why wonʼt people use it?Whatʼs wrong with this?How could I make this better? How can I improve conversion?Are we making progress? Do people like this?Are these results good? Why do people do that?Did we do the right thing?Why is there dropoff?
Top questions
LUXR.CO JUNE 2012
User Researchquantitative qualitative
generate ideas
evaluate product
surveys
usability testinga/b testing
user interviews
analyticsKPIs
LUXR.CO JUNE 2012
quantitative qualitativeusability testinganalytics
a/b testing
KPIs
Do people use it? Which is better?Did we do the right thing?Are these results good? Are we making progress?
CLOSED-ENDED QUESTIONS
How should I design the new one?Why wonʼt people use it?Whatʼs wrong with this?How could I make this better? Why do people do that?What do people love about it?How can I improve conversion?Why is there dropoff?What do they think this should do?
OPEN-ENDED QUESTIONS
LUXR.CO JUNE 2012
Product(black box)
Conversion Funnel
Traffic
Measuring what?
LUXR.CO JUNE 2012
{Activity}
Brainstorm measures(from features)
LUXR.CO JUNE 2012
{Activity}
Divide into 2 piles:more
importantless
important
LUXR.CO JUNE 2012
{Activity}
As a team, get to 5
LUXR.CO JUNE 2012
{Activity}
Check your metrics
LUXR.CO JUNE 2012
Metrics checklist
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?
LUXR.CO JUNE 2012
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.”
vanity good better
...measures the usage of your product by a person. The usage should be specific to features that deliver value to your user.
unhelpful
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 registered users per
week
LUXR.CO JUNE 2012
{Show & Tell}
Metrics Dashboard
LUXR.CO JUNE 2012
Metrics dashboard
% of users who share a
task 3+ times a day,per week
LUXR.CO JUNE 2012
{Show & Tell}
Information Radiator
LUXR.CO JUNE 2012
Information Radiator
LUXR.CO JUNE 2012
Information Radiator
LUXR.CO JUNE 2012
“Vanity Metrics”“KPI”“A/B Tests”“Metrics for Pirates”
What should I be measuring?(a few search terms)
Conversion metricsCohort metricsInstrumentation
Advanced topics
Acquisition
Activation
Retention
Referral
Revenue
Pirate Metrics - AARRR!
LUXR.CO JUNE 2012
Tools Landscape
ANALYTICSGoogle AnalyticsKISS MetricsMixpanelFlurryLocalLyticsStats Mix (just an api)
HEAT MAPPINGCrazy EggClick Tale
UNMODERATED TESTS WITH VIDEOUsertesting.comTryMyUIUserlyticsWhatUsersDoLoop11
MESSAGE RECALLClueAppFiveSecondTest
CONVERSION TESTINGUnbounceOptimizely
MICRO USABILITYNavflowUsabiliaClicktestVerifyIntuition HQUserZoom
LUXR.CO JUNE 2012
metrics. better than a
bubbling brook.
LUXR.CO JUNE 2012
Making the storyLiving the Lean UX life
III : Bring it all together
LUXR.CO JUNE 2012
{Activity}
Tell the story
LUXR.CO JUNE 2012
{Activity}
Make a narrativeWe are _______________Meet...
with __________, ________ can...
using these featuresMVP
we will measure
LUXR.CO JUNE 2012
A direct through-line
Needs 1. BLAH2. BLAH3. BLAH
UsesMary can...
Features
Users
(CREATE SKETCHES, WIREFRAMES & PIXELS)
(INSERT BUSINESS THINKING HERE)
whywhathow
User Stories Themed Releases
This Week
LUXR.CO JUNE 2012
Workshop Outputs
LUXR.CO JUNE 2012
Workshop Outputs
LUXR.CO JUNE 2012
Workshop Outputs
LUXR.CO JUNE 2012
Living the Lean UX Life
LUXR.CO JUNE 2012
A principle-driven process for product teams
working in situations of extreme uncertainty.
It is characterized by rituals that predispose
predictable, high-quality, high-velocity user experience outcomes.
Lean User Experience is...
LUXR.CO JUNE 2012
1. Generate independently, discuss as a team(3 people ideal)
2. Dump & Sort (one item per Post-It, use Sharpie)
3. Sketch (especially of people)
4. Work at the wall5. 2x2 organizing framework
(help decision-making when lots of items)6. Quick decision-making techniques
(dot-vote, roman vote, stack rank)
Patterns of work
LUXR.CO JUNE 2012
10 Principles of Lean UX1. Design + Product Management + Development = 1 team2. Externalize!3. FLOW: think -> make -> check4. Repeatable & routinized5. Solve the right problem6. Goal-driven & outcome-focused7. Generate many options8. Decide quickly and hold decisions lightly9. Recognize hypotheses & validate them10. Users are the best source of information (& inspiration)* Full description at http://luxr.co/10-principles
LUXR.CO JUNE 2012
Q&A + Discussion
LUXR.CO JUNE 2012
Go be awesome.
LUXR.CO JUNE 2012
The shape of riskWaterfall vs. Lean
Model developed by Chris Jones, Hot Studios
LUXR.CO JUNE 2012
Plot the difference
THINK
release
MAKErelease
MAKErelease
MAKE
time
unva
lidat
ed e
ffor
t
LUXR.CO JUNE 2012
Lots of little wigglesun
valid
ated
eff
ort
time
LUXR.CO JUNE 2012
unva
lidat
ed e
ffor
t
time
Each wiggle is a learning cycle.
MAKE
releaseMAKE
THINK
CHECK
MAKE
THINK
LUXR.CO JUNE 2012
LUXrʼs mission is to educate early-stage entrepreneurs on effective practices to deliver products that customers want, need and love to buy.
About LUXr
Residency WorkshopsCore Curriculum Advising
10 weeks to awesome forearly-stage teams.
Learning products for accelerators & startup teams.
Core concepts and hands-on activities for everyone.
Coaching & guidance for teams going at lightspeed.
LUXr • 3435 Cesar ChavezSan Francisco, CA • [email protected] • http://luxr.co • twitter: @luxrco
Janice Fraser, Founder & CEO [[email protected] • @clevergirl ]Jason Fraser, Co-Founder & Operations Lead [[email protected] ]Kate Rutter, Co-Founder & Designer [[email protected] • @katerutter ]