Crushing the BoulderUser Experience forLean Startups1-day workshop

WED, JUL 18, 2012

LUXR.CO JULY 2012

LUXR.CO JULY 2012

Intros

Who’s in the room?

LUXR.CO JULY 2012

LUXR.CO JULY 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 JULY 2012

Kate Rutterwww.luxr.co

@luxrco@katerutter

TWEET!

LUXR.CO JULY 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 JULY 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 JULY 2012

What is Lean Startup?What is UX?

What is UX for Lean Startups?

What is this stuff?!?!

I : Lean UX Fundamentals

LUXR.CO JULY 2012

Lean Startup?

LUXR.CO JULY 2012

Lean Startup is NOT

Cheap Startup

Fast Startup

Shortcut Startup

LUXR.CO JULY 2012

Low-Ambition

Lean Startup is NOT

LUXR.CO JULY 2012

THE OPPOSITE OF FAT STARTUP

Lean Startup is NOT

LUXR.CO JULY 2012

Get out of the

building!

LUXR.CO JULY 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 JULY 2012

Steve Blank introduced “Customer Development” in...um...2006.

The big idea...

LUXR.CO JULY 2012

In 2010, Brant Cooper & Patrick Vlaskovitz wrote a shorter, more useful book.

The big idea...

LUXR.CO JULY 2012

What it looks like in practice...

LUXR.CO JULY 2012

LUXR.CO JULY 2012

Build, Measure.

Learn.

LUXR.CO JULY 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 JULY 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 JULY 2012

“The courage to speak truths, pleasant or unpleasant, fosters communication and trust.

“The courage to discard failing solutions and seek new ones encourages simplicity.

“The courage to seek real, concrete answers creates feedback.”

—Kent Beck

The Influence of Agile

LUXR.CO JULY 2012

Lean Startup advocates...

• Experiments•!Validated learning

LUXR.CO JULY 2012

UX.Design.

Startups.

LUXR.CO JULY 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 JULY 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 JULY 2012

UX brings 10* years

of experience, methods, and

patterns of work.

*20, 30, 50 years

LUXR.CO JULY 2012

UX people are EXPERTS at “getting out of the building”

LUXR.CO JULY 2012

UX people are EXPERTS at “getting out of the building”

LUXR.CO JULY 2012

People, their goals & needs

Sketches and prototypes

Interactions and flows

UX == Customer Discovery

LUXR.CO JULY 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 JULY 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 JULY 2012

LUXR.CO JULY 2012

1. Get to Know your Customers2. Act on Customer Needs3. Measure What Matters

II : Three Lean UX Experiments

LUXR.CO JULY 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 JULY 2012

Types of ResearchPersonas

How to InterviewPractice Interview

1Get to Know Your

Customers (Customer Development Interviews)

LUXR.CO JULY 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 JULY 2012

User Researchquant qual

Generative

Evaluative

Interviews

LUXR.CO JULY 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 JULY 2012

{Activity}

Let’s do it!

LUXR.CO JULY 2012

{Warm-up Activity}

Rapid SketchingClothespin Man!

LUXR.CO JULY 2012

Who: Make a Persona

LUXR.CO JULY 2012

{Activity}

Make a personaPortrait

LUXR.CO JULY 2012

{Activity}

Make a personaDemographics

LUXR.CO JULY 2012

{Activity}

Make a personaBehaviors

LUXR.CO JULY 2012

{Activity}

Make a personaNeeds & Goals

LUXR.CO JULY 2012

{Activity}

Bring it together

Discuss & createa unified persona

LUXR.CO JULY 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 JULY 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 JULY 2012

{Show & Tell}

Topic Map

LUXR.CO JULY 2012

Topic Map

mobile/internet habits?

last time they got help

(house cleaner)

keeping everything

working

feeling overwhelmed

commutepersonal time

LUXR.CO JULY 2012

mobile/internet habits?

last time they got help

(house cleaner)

keeping everything

working

commutepersonal time

{Activity}

Add a topic

LUXR.CO JULY 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 JULY 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 JULY 2012

“Have you ever had __________________________ experience?”

{Activity}

Brainstorm a question

LUXR.CO JULY 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 JULY 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 JULY 2012

{Activity}

Practice an interview

1 interviewer + 1 intervieweenote-takers

LUXR.CO JULY 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 JULY 2012

{homework}

Debrief

LUXR.CO JULY 2012

i <3 listening.

LUXR.CO JULY 2012

Sketching6-Up UsesDot Voting

2Act on

Customer Needs(Developing product and interface ideas)

LUXR.CO JULY 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 JULY 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 JULY 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 JULY 2012

6 Uses

LUXR.CO JULY 2012

{Activity}

Sketch 6-up Useswith __________, ________ can...

LUXR.CO JULY 2012

{Activity}

Dot-vote top picks3 dots } pick top 2 uses

LUXR.CO JULY 2012

{Activity}

Redraw the top 2with __________, ________ can...

LUXR.CO JULY 2012

{Activity}

Brainstorm features

LUXR.CO JULY 2012

{Activity}

Select 2 features

LUXR.CO JULY 2012

{Organize!}

Post your persona, 2 uses and 2 features on the wall.

(off to the side)

LUXR.CO JULY 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 JULY 2012

Uses make me frisky!

LUXR.CO JULY 2012

Common research questionsMetrics & Analytics

3Measure

WhatMatters

(Quantitative and Qualitative Evaluation)

LUXR.CO JULY 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 JULY 2012

User Researchquantitative qualitative

generate ideas

evaluate product

surveys

usability testinga/b testing

user interviews

analyticsKPIs

LUXR.CO JULY 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 JULY 2012

Product(black box)

Conversion Funnel

Traffic

Measuring what?

LUXR.CO JULY 2012

{Activity}

Brainstorm measures(from features)

LUXR.CO JULY 2012

{Activity}

Divide into 2 piles:more

importantless

important

LUXR.CO JULY 2012

{Activity}

As a team, get to 5

LUXR.CO JULY 2012

{Activity}

Check your metrics

LUXR.CO JULY 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 JULY 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 users per

week

LUXR.CO JULY 2012

{Show & Tell}

Metrics Dashboard

LUXR.CO JULY 2012

Metrics dashboard

% of users who share a

task 3+ times a day,per week

LUXR.CO JULY 2012

{Show & Tell}

Information Radiator

LUXR.CO JULY 2012

Information Radiator

LUXR.CO JULY 2012

Information Radiator

LUXR.CO JULY 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 JULY 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 JULY 2012

metrics. better than a

bubbling brook.

LUXR.CO JULY 2012

Making the storyLiving the Lean UX life

III : Bring it all together

LUXR.CO JULY 2012

{Activity}

Tell the story

LUXR.CO JULY 2012

{Activity}

Make a narrativeWe are _______________Meet...

with __________, ________ can...

using these featuresMVP

we will measure

LUXR.CO JULY 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 JULY 2012

Living the Lean UX Life

LUXR.CO JULY 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 JULY 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 wall 5. Timebox!

(speed kills the censor and keeps you moving)6. 2x2 organizing framework

(help decision-making when lots of items)7. Quick decision-making techniques

(dot-vote, roman vote, stack rank)

Patterns of work

LUXR.CO JULY 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)

Read more at http://luxr.co/10-principles

LUXR.CO JULY 2012

Q&A + Discussion

LUXR.CO JULY 2012

Go be awesome.

LUXR.CO JULY 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 • 94110info@luxr.co • http://luxr.co • twitter: @luxrco

Janice Fraser, Founder & CEO [janice@luxr.co • @clevergirl ]Jason Fraser, Co-Founder & Operations Lead [jason@luxr.co ]Kate Rutter, Co-Founder & Designer [kate@luxr.co • @katerutter ]