Designing the right product - GOTO...

62
@micheleidesmith | #GOTOBer Designing the right product Michele Ide-Smith, @micheleidesmith Senior UX Architect University of Cambridge

Transcript of Designing the right product - GOTO...

Page 1: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Designing the

right product Michele Ide-Smith, @micheleidesmith

Senior UX Architect

University of Cambridge

Page 2: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

A cautionary tale

• In 2002 I worked on a mobile (WAP)

application. Over several weeks…

– We discussed requirements

– I designed user flows and crafted wireframes

– We created a working prototype

– We did lots of internal testing

• Then we launched the product…

Page 3: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

We may as well have

built one of these…

Photo by Steve Way:

http://www.flickr.com/photos/steve_way/3409302647/

Page 4: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

We made a lot of assumptions

Page 5: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

We didn’t validate our assumptions

Page 6: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

We didn’t do any research with

customers

Page 7: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“Unfortunately, we again made the mistake

of focusing on engineering first and

customer development second…We

released our first version to some moderate

success and then proceeded to continue to

churn out features without really

understanding customer needs.”

Devver Blog – Lessons Learned

Page 8: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

It’s tempting

to design a

product with

loads of really

cool features.

Page 9: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

But in reality your

users will only use

a handful of useful

features

Page 10: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

% Software features used

20

50

30

Used

Never used

Rarely used

Source: Standish Chaos Manifesto 2013

Page 11: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“ There is no doubt that focusing

on the 20% of the

features that give you 80% of the

value will maximize the investment

in software development and

improve overall user satisfaction.”

Standish Chaos Manifesto

Page 12: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

An evolution of thinking…

Page 13: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Lean: deliver value to

customers, minimising

waste in the production

process

Photo by Toyota Material Handling

http://www.flickr.com/photos/toyotamheurope/8472007819

Page 14: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Page 15: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“There are no facts inside your

building, so get outside”

Steve Blank & Bob Dorf

Page 16: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“The question is not

“Can this product be

built?” Instead, the

questions are

"Should this product

be built? "”

Eric Ries

Page 17: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Principles of Lean Startup

• Eliminate uncertainty

• Work smarter, not harder

• Develop an MVP (Minimum

Viable Product)

• Validated learning

Page 18: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Ideas

Build

Code

Measure

Data

Learn

Page 19: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“Lean UX is the practice of

bringing the true nature of our

work to light faster, with less

emphasis on deliverables and

greater focus on the actual

experience being designed.”

Jeff Gothelf

Page 20: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Principles of Lean UX

• Cross-functional teams

• Outcomes, not output

• Continuous discovery

• GOOB: user-centricity

• Shared understanding

• Externalising your work

• Making over analysis

• Getting out of the deliverables business

Page 21: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Think

Make Check

Reduce

cycle

time, not

build time

Design research

Competitor Analysis

Personas

Ideation

Hypothesis

Sketching

Prototyping

Coding

Usability testing

A/B testing

Analytics

Page 22: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“Requirements are

assumptions.”

Jeff Gothelf

Page 23: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Some case studies…

Page 24: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“We wanted to make sure we were getting customer

feedback as we worked so that we were never working

on anything that wasn’t valued by the customer.”

Nordstrom Innovation Lab: Sunglasses iPad App

Photo by Prayitno

http://www.flickr.com/photos/34128007@N04/5279860498

Page 25: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Case Study #2

Page 26: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Hypothesis:

Oracle Developers & DBAs

need a better way to source

control their database schemas

>70% interest – develop a tool

a.s.a.p.

Photo by Paigggeyy

http://www.flickr.com/photos/paigggeyy/5533236567

Page 27: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Page 28: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

25 feedback sessions

with users

Page 29: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Continual validation of assumptions

through surveys, interviews and testing

Page 30: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Think

Make Check

Reduce

cycle

time, not

build time

Design research

Competitor Analysis

Personas

Ideation

Hypothesis

Sketching

Prototyping

Coding

Usability testing

A/B testing

Analytics

Page 31: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Get the team on the same page

• Why are we doing this?

• Who are building this for?

• How will we know if we have succeeded?

Page 32: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

State your assumptions!

• Review your user stories or requirements

• Which ones do you know to be true?

• Which assumptions pose the biggest risk?

Page 33: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Create a one page plan

Put it up where everyone can see it!

Page 34: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“Design is problem solving.

Design research is problem seeking.”

Ac4d design library

Photo by Tom Ryan

http://www.flickr.com/photos/t0msk/3983980813

Page 35: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“To make excellent products that truly

understand our users’ contexts, we must

look further, and investigate context first-

hand” Cennydd Bowles

Page 36: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

How and where will people

use your application?

Photo by Phil Dragash

http://www.flickr.com/photos/philman/2697665803

Page 37: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Who are they with?

Photo by Jo Shlabotnik

http://www.flickr.com/photos/joeshlabotnik/7364192792

Page 38: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Some research methods

• Observation & contextual interviews

– experience activities in context

– observe how people behave

– look for pain points and workarounds

• Surveys

• Guerilla usability tests

– 5 minutes in a coffee shop

Page 39: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Beware of asking people what they do,

or what they want.

Page 40: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Avoid questions like…

• Which of these features would be useful

to you?

• How would you like this to work?

• What would you most like to see in the

product?

• How do you think we should design this?

Page 41: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“What people say,

what people do,

and what they say

they do are

entirely different

things.”

Margaret Mead,

Cultural

Anthropologist

Page 42: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Ask questions like…

• Tell me about the last time you did...

• What went well? What didn’t go so well?

• What happened?

• Why was that?

• What did you do?

• Tell me more about that…

Page 43: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Get a shared understanding of user

needs and problems. Involve the whole

team in research!

Page 44: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Write the things you see or

hear on sticky notes.

Page 45: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Group similar sticky notes

together and discuss as a

team how you will solve

those problems for users.

Page 46: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

You can’t design for

everyone. Personas

represent the main user

behaviours you are

designing for.

Page 47: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Think

Make Check

Reduce

cycle

time, not

build time

Design research

Competitor Analysis

Personas

Ideation

Hypothesis

Sketching

Prototyping

Coding

Usability testing

A/B testing

Analytics

Page 48: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer Experiment template by: www.luxr.co | @luxrco

Page 49: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“if the call-to-action button is

red then the number of people

registering will go up”

www.mindtheproduct.com/2012/08/experiments-101/

Page 50: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Make sure it’s easy to test!

Page 51: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer 51

Design studio: a lo-fi

method to generate

lots of ideas quickly,

then refine them.

Page 52: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Combine the best

ideas and start

prototyping

Page 53: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Easy to get feedback and quick to change

Paper prototyping: quick

and easy to change

before you commit to code

Page 54: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Get designs off the screen

and on the walls!

Page 55: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Think

Make Check

Reduce

cycle

time, not

build time

Design research

Competitor Analysis

Personas

Ideation

Hypothesis

Sketching

Prototyping

Coding

Usability testing

A/B testing

Analytics

Page 56: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Validation

• Usability testing

• A/B (multi-variant / split) testing

• Analytics

Page 57: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Closing the feedback loop

• Get the whole team to observe and

analyse usability test sessions

• Make usability testing habitual

Page 58: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Summary

• Treat requirements as assumptions

• Get out of the building and observe

customers in context

• Build a shared understanding in the team

of customer problems

• Rapid think > make > check cycles

• Everyone in the team owns the user

experience of the product!

Page 59: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

“Efficiency is

doing things

right;

effectiveness is

doing the right

thing”

Peter Drucker

Page 60: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

Michele Ide-Smith

Senior User Experience Architect

University of Cambridge

@micheleidesmith

www.ide-smith.co.uk

Page 61: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

References

Steve Blank and Bob Dorf, The Startup Owner’s Manual: www.stevenblank.com/startup_index_qty.html

Eric Ries, Lean Startup:

http://theleanstartup.com

Jeff Gothelf and Josh Seiden, Lean UX Book / Hypothesis Template:

www.leanuxbook.com

Cennydd Bowles, Designing With Context:

www.cennydd.co.uk/2013/designing-with-context

Nordstrum Innovation Lab: Sunglass iPad App Case Study

www.youtube.com/watch?v=szr0ezLyQHY

Page 62: Designing the right product - GOTO Conferencegotocon.com/.../slides/MicheleIde-Smith_DesigningTheRightProduct.… · Designing the right product Michele Ide-Smith, @micheleidesmith

@micheleidesmith | #GOTOBer

References

Alexander Osterwalder, Business Model Canvas:

www.businessmodelgeneration.com/canvas

Ash Mayura, Lean Canvas:

http://leanstack.com/

Atlassian, Experience Canvas:

http://blogs.atlassian.com/2013/10/fight-the-dark-side-of-lean-ux-

with-the-experience-canvas/

Luxr, Experiment Template:

www.luxr.co @luxrco