Cheat Your Way With UX

72
With thanks: http://www.flickr.com/photos/pb-n-james/5048927901/ Cheat your way... with UX? Beyond Tellerrand, 2011. Düsseldorf Stephanie Troeth

description

I gave this talk at Beyond Tellerand 2011 on how user experience tools can be used to frame problems better in order to create better (digital) products.

Transcript of Cheat Your Way With UX

Page 1: Cheat Your Way With UX

With thanks: http://www.flickr.com/photos/pb-n-james/5048927901/

Cheat your way...with UX?

Beyond Tellerrand, 2011. Düsseldorf

Stephanie Troeth

Page 2: Cheat Your Way With UX

user experience strategist

user experience designer

Who?

jewellery artist

improvisation musicianEditor-in-Chief, Web Standards Sherpa

Stephanie

Page 3: Cheat Your Way With UX

Who are you?

Page 4: Cheat Your Way With UX

What is UX?

Page 5: Cheat Your Way With UX

What makes a unique, great product?

What is UX?

Page 6: Cheat Your Way With UX

user

technologybusiness

Page 7: Cheat Your Way With UX

user

brandbusiness

Hat tip: David Rollert

Page 8: Cheat Your Way With UX

user

brandbusiness

Hat tip: David Rollert

fun!adventurous!

exotic!

Page 9: Cheat Your Way With UX

user

brandbusiness

Hat tip: David Rollert

fun!adventurous!

exotic!

useful

seriousreliable

Page 10: Cheat Your Way With UX

user

brandbusinessunique

Hat tip: David Rollert

fun!adventurous!

exotic!

useful

seriousreliable

Page 11: Cheat Your Way With UX

“9 Steps For Creative Problem Solving”

—Ronald Brown

http://mashable.com/2011/09/30/creative-problem-solving/

Page 12: Cheat Your Way With UX

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Page 13: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Page 14: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Page 15: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Page 16: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Implementing

Page 17: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Implementing

Assessing

Page 18: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Implementing

Assessing

Page 19: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Implementing

Assessing

Problem space

Page 20: Cheat Your Way With UX

http://mashable.com/2011/09/30/creative-problem-solving/

“9 Steps For Creative Problem Solving”

—Ronald Brown

Identify

Gather

Examine

Incubate

RetrieveDifferentiate

Plan

Execute

Track

Finding

Shaping

Deciding

Implementing

Assessing

Solution space

Problem space

Page 21: Cheat Your Way With UX

The great mistake is leaping from facts to solutions, skipping over the play and exploration at the heart of finding new ideas.

— Scott Berkun, “The Myths of Innovation”

Page 22: Cheat Your Way With UX

Identify Gather Examine Incubate Retrieve Differentiate

DecidingShapingFinding

Page 23: Cheat Your Way With UX

Identify Gather Examine Incubate Retrieve Differentiate

DecidingShapingFinding

ProblemNaming

Page 24: Cheat Your Way With UX

Identify Gather Examine Incubate Retrieve Differentiate

DecidingShapingFinding

ProblemNaming

ProblemFraming

Page 25: Cheat Your Way With UX

Identify Gather Examine Incubate Retrieve Differentiate

DecidingShapingFinding

ProblemNaming

User & MarketResearch

ProblemFraming

Page 26: Cheat Your Way With UX

Identify Gather Examine Incubate Retrieve Differentiate

DecidingShapingFinding

Create new ideas here!Sketch!

Prototype!

ProblemNaming

User & MarketResearch

ProblemFraming

Page 27: Cheat Your Way With UX

Identify Examine Incubate

DecidingShapingFinding

Gather Retrieve Differentiate

User & MarketResearch

Create new ideas here!Sketch!

Prototype!

ProblemNaming

ProblemFraming

Page 28: Cheat Your Way With UX

Identify Examine IncubateGather Retrieve Differentiate

User & MarketResearch

Create new ideas here!Sketch!

Prototype!

ProblemNaming

ProblemFraming

bridging research into ideas

framing research

Page 29: Cheat Your Way With UX

A problem well-defined is a problem half-solved.

—John Dewey

Page 30: Cheat Your Way With UX

Who invented the lightbulb?

Page 31: Cheat Your Way With UX

business

userWhat problem are we solving?

What impact do we want to have?

How do we measure success?

Page 32: Cheat Your Way With UX

brand

What are the business constraints, organisational visions & goals we need to take into account?

business

Page 33: Cheat Your Way With UX

brand

What are the business constraints, organisational visions & goals we need to take into account?

business

Tool: Stakeholder interviews

Page 34: Cheat Your Way With UX

Tool: The SWOT/SPOT

Page 35: Cheat Your Way With UX

Tool: The SWOT/SPOT

StrengthsProblems

or

Weaknesses

ThreatsOpportunities

Inte

rnal

fact

ors

Exte

rnal

fact

ors

Page 36: Cheat Your Way With UX

Tool: The SWOT/SPOT

StrengthsProblems

or

Weaknesses

ThreatsOpportunities

Inte

rnal

fact

ors

Exte

rnal

fact

ors

convert

convert

Page 37: Cheat Your Way With UX

Tool: The SWOT/SPOT

StrengthsProblems

or

Weaknesses

ThreatsOpportunities

Inte

rnal

fact

ors

Exte

rnal

fact

ors

match

convert

convert

Page 38: Cheat Your Way With UX

Tool: The SWOT/SPOT

StrengthsProblems

or

Weaknesses

ThreatsOpportunities

Inte

rnal

fact

ors

Exte

rnal

fact

ors

match

convert

convert

potential objectives!

Page 39: Cheat Your Way With UX

What are our core values?

Who do we want to be when we grow up?

brand

Page 40: Cheat Your Way With UX

What are our core values?

Who do we want to be when we grow up?

Tool: Rational vs Emotional Grid

brand

Page 41: Cheat Your Way With UX

Hat tip: David Rollert, whose original method I adapted

Page 42: Cheat Your Way With UX

rationalemotional

Hat tip: David Rollert, whose original method I adapted

Page 43: Cheat Your Way With UX

rationalemotionalfun

psychic(knows exactly what I was looking for)

motivating

entertaining

magical

encouraging

surprising

allow me to influence — have an impact

inspire

effective

affective(people's choice)

facilitatediscussion to play missions

indication of progress

Hat tip: David Rollert, whose original method I adapted

Page 44: Cheat Your Way With UX

What are our competitors doing?

How are we different to them? brand

business

Page 45: Cheat Your Way With UX

What are our competitors doing?

How are we different to them?

Tool: Competitive analysisbrand, business model, (design) strategy, user base, feature sets

brand

business

Page 46: Cheat Your Way With UX

“Build it and they will come.” user

brand

Page 47: Cheat Your Way With UX

“Build it and they will come.”

Who are they?

How do they find out about you?

Why will they come?

Why do they need what you’re building?

Why would they choose you over a competitor?

user

brand

Page 48: Cheat Your Way With UX

“Build it and they will come.”

Who are they?

How do they find out about you?

Why will they come?

Why do they need what you’re building?

Why would they choose you over a competitor?

user

brand

Tool: User matrices

Hat tip: David Rollert, whose original method I adapted

Page 49: Cheat Your Way With UX

The “Run Collector”

user

Page 50: Cheat Your Way With UX

1. Establish your axes

social individual

explore compete

frequent occasional

visitor local

curious engaged

Page 51: Cheat Your Way With UX
Page 52: Cheat Your Way With UX

2. Choose two key axes.

3. Identify questions.✦ What do they need?

✦ What do they want?

✦ What can they do?

Page 53: Cheat Your Way With UX

set a record

stalk other runners

visitor

local

explore compete

What can they do?

Page 54: Cheat Your Way With UX

find new routes

share local insight

create most popular

route

set a record

find new routes

set a record

stalk other runners

find new routes

set a record

visitor

local

explore compete

What can they do?

(acquainted)

Page 55: Cheat Your Way With UX

4. Vary your axes, then your questions.

5. Rinse and repeat.

Page 56: Cheat Your Way With UX
Page 57: Cheat Your Way With UX

key insight

Page 58: Cheat Your Way With UX

Tool: User modelling with user matrices

Page 59: Cheat Your Way With UX

Tool: User modelling with user matrices

Uncover your underlying assumptions

Uncover assumptions on behaviour, needs and motivation

Establish hypotheses

Validate with research

Find out what you know and what you don’t know

Page 60: Cheat Your Way With UX

Design principles:

synthesising core design requirements.

user

brand

Page 61: Cheat Your Way With UX

Tool: Design principles (for product or page)

Allows people to “peel the onion” in whatever way is useful for them. They can start at the “core” or the peel and never get lost. They find what they are looking for and are continually seeing more interesting and engaging content.

Communicate passion for good food. Inspire people to eat and cook and bring them and the producers closer together.

Feel seasonal and vibrant, like touring the store. Stimulate senses through impactful images and text in a way that’s clean and uncluttered. Show people in the images, not just product.

Page 62: Cheat Your Way With UX

A sound strategy is informed by research but conceived with conviction.

Page 63: Cheat Your Way With UX

A sound strategy is informed by research but conceived with conviction.

UX

Page 64: Cheat Your Way With UX

Common user research methods

open-endedclose-ended

“listening labs”

“contextual enquiry”

interviews

usability testing

remote testing tools

surveys

focus groups

card sorting

heuristic evaluation

personas

A/B testing

Page 65: Cheat Your Way With UX

Common user research methods

open-endedclose-ended

“listening labs”

“contextual enquiry”

interviews

usability testing

remote testing tools

surveys

focus groups

card sorting

exploring the problem spaceimprove the

solution

heuristic evaluation

personas

A/B testing

Page 66: Cheat Your Way With UX

Common design tools

hi-fidelitylow-fidelity

realisticprototypes

sketchesgraphic

mockups

paper prototype

detailedwireframes

functionalprototype

hi-levelwireframes

dynamic

static

storyboard functionalspecifications

content inventory

flow diagrams

problem-space friendly

solution-space friendly

Page 67: Cheat Your Way With UX

Stakeholder interviews

user

brandbusiness

Rational/Emotional grid

Competitive analysis

User matrices

Design principles

SWOT/SPOT

Page 68: Cheat Your Way With UX

Stakeholder interviews

user

brandbusiness

Rational/Emotional grid

Competitive analysis

User matrices

Design principles

uniqueSWOT/SPOT

Page 69: Cheat Your Way With UX

Don’t be afraid to experiment.

Be brave!

Page 70: Cheat Your Way With UX

There are many right answers.

Be bold!

Page 71: Cheat Your Way With UX

Take the time to think.

Be intentional.

Page 72: Cheat Your Way With UX

Thank you!

My eternal gratitude to great shoulders I stand upon:‘Femi T Adesina, Chris Baum, Robert Hoekmann Jr., David Rollert, Olivier Thereaux

(Yes, these slides will be online.)

Stephanie Troeth

@sniffles

http://about.me/stephtroeth

funny cat photo