74
@micheleidesmith | #GOTOAms Designing the right product Michele Ide-Smith, @micheleidesmith Head of Design University of Cambridge

Designing the right product

  • View
    302

  • Download
    0

Embed Size (px)

DESCRIPTION

A talk from GOTO Amsterdam, on 20th June 2014. Abstract: We've all been there. You release a new feature, product or service, only to find it isn't quite what your customers want or need. But by the time you release, it's too late to make significant changes. Traditionally user experience design has involved upfront user research and design, to ensure we build products that meet customer needs. But this approach doesn't always work so well within an Agile development environment. Lean UX draws inspiration from the philosophy behind Lean manufacturing, where the emphasis is on reducing waste in the production process and only working on things that create value for your customers. In this session Michele will demonstrate how taking a Lean UX approach can help you to design the right products for your customers. Michele will share some practical tips, tools and techniques for product teams. You'll learn how to: Get the team out of the building to find out first-hand what your customers want and need Use rapid prototyping techniques to validate assumptions with customers, without having to code a fully functioning application. Work collaboratively with your team to get to the right design quickly

Citation preview

Page 1: Designing the right product

@micheleidesmith | #GOTOAms

Designing the right product

Michele Ide-Smith, @micheleidesmith

Head of Design

University of Cambridge

Page 2: Designing the right product

@micheleidesmith | #GOTOAms

A cautionary tale of product development…

Photo credit:

Andy Field

Page 3: Designing the right product

@micheleidesmith | #GOTOAms

Back in 2002

• I worked on a mobile (WAP) search for second hand car sales

• I designed user flows and wireframes • We created a fully coded prototype • We did lots of internal testing • Then we launched the app…

Page 4: Designing the right product

@micheleidesmith | #GOTOAms

We may as well have built one of these…

Photo credit:

Steve Way

Page 5: Designing the right product

@micheleidesmith | #GOTOAms

We made a lot of assumptions

Page 6: Designing the right product

@micheleidesmith | #GOTOAms

We didn’t validate our assumptions

Page 7: Designing the right product

@micheleidesmith | #GOTOAms

We didn’t learn anything about our client’s customers

Page 8: Designing the right product

@micheleidesmith | #GOTOAms

“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 9: Designing the right product

@micheleidesmith | #GOTOAms

“When I ask founders how long it’s been since they’ve watched a real customer use their product, they usually look embarrassed and admit they haven’t tested anything in months.” Braden Kowitz, Google Ventures

www.gv.com/lib/what-fuels-great-design-and-why-most-startups-dont-do-it

Photo credit:

Braden Kowitz

Page 10: Designing the right product

@micheleidesmith | #GOTOAms

It’s tempting to design a product with loads of really cool features.

Page 11: Designing the right product

@micheleidesmith | #GOTOAms

But in reality your users will only use a handful of useful features

Page 12: Designing the right product

@micheleidesmith | #GOTOAms

% Software features used

30

50

20

UsedNever usedRarely used

Source: Standish Chaos Manifesto 2013

Page 13: Designing the right product

@micheleidesmith | #GOTOAms

“ 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 14: Designing the right product

@micheleidesmith | #GOTOAms

An evolution of thinking…

Page 15: Designing the right product

@micheleidesmith | #GOTOAms

Lean: deliver value to customers with minimal resources

Photo credit:Toyota Material Handling

Page 16: Designing the right product

@micheleidesmith | #GOTOAms

Page 17: Designing the right product

@micheleidesmith | #GOTOAms

“There are no facts inside your building, so get outside”  Steve Blank & Bob Dorf

Page 18: Designing the right product

@micheleidesmith | #GOTOAms

“The question is not Can this product be built? Instead, the questions are Should this product be built?”  Eric Ries

Page 19: Designing the right product

@micheleidesmith | #GOTOAms

Principles of Lean Startup

• Eliminate uncertainty • Work smarter, not harder • Develop an MVP

(Minimum Viable Product) • Validated learning

Page 20: Designing the right product

@micheleidesmith | #GOTOAms

Ideas

Build

Code

Measure

Data

Learn

Page 21: Designing the right product

@micheleidesmith | #GOTOAms

Validated learning

Page 22: Designing the right product

@micheleidesmith | #GOTOAms

Does your product solve a problem for

your customers?

Page 23: Designing the right product

@micheleidesmith | #GOTOAms

“Requirements are assumptions.”  Jeff Gothelf

Page 24: Designing the right product

@micheleidesmith | #GOTOAms

Principles of Lean UX

• Cross-functional teams • Continuous discovery • GOOB: user-centricity • Shared understanding • Making over analysis

Page 25: Designing the right product

@micheleidesmith | #GOTOAms

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 26: Designing the right product

@micheleidesmith | #GOTOAms

Some case studies…

Page 27: Designing the right product

@micheleidesmith | #GOTOAms

“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 credit:Prayitno

Page 28: Designing the right product

@micheleidesmith | #GOTOAms

Page 29: Designing the right product

@micheleidesmith | #GOTOAms

Hypothesis: Oracle Developers & DBAs need a better way to source control their database schemas. !>70% interest – develop a tool a.s.a.p. Photo credit:

Paigggeyy

Page 30: Designing the right product

@micheleidesmith | #GOTOAms

25 feedback sessions with users

Page 31: Designing the right product

@micheleidesmith | #GOTOAms

People returned to see the feedback we had collected throughout the conference

Page 32: Designing the right product

@micheleidesmith | #GOTOAms

Feedback went directly into the HTML/CSS prototype, using Twitter Bootstrap

Page 33: Designing the right product

@micheleidesmith | #GOTOAms

Regular releases of functionality based on user feedback

Page 34: Designing the right product

@micheleidesmith | #GOTOAms

Continual validation of assumptions through surveys, interviews and testing

Page 35: Designing the right product

@micheleidesmith | #GOTOAms

Lean UX tools

Page 36: Designing the right product

@micheleidesmith | #GOTOAms

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 37: Designing the right product

@micheleidesmith | #GOTOAms

Create a one page plan - put it up where everyone can see it!

Page 38: Designing the right product

@micheleidesmith | #GOTOAms

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 39: Designing the right product

@micheleidesmith | #GOTOAms

State your assumptions

• Review user stories or requirements • Which ones do you know to be true? • Which assumptions pose the biggest

risk?

Page 40: Designing the right product

@micheleidesmith | #GOTOAms

Page 41: Designing the right product

@micheleidesmith | #GOTOAms

To validate, or invalidate, your assumptions you need to learn about your customers

Photo credit:Tom Ryan

Page 42: Designing the right product

@micheleidesmith | #GOTOAms

Involve the whole team in user research

Page 43: Designing the right product

@micheleidesmith | #GOTOAms

Observe, listen and learn

• Observation & contextual interviews – Experience activities in context first hand – Observe what people do, how they behave – Look for pain points and work arounds

• Guerrilla usability tests – 5 minutes in a cafe

• Product forums or beta lists • Customer helpdesk / call centre

Page 44: Designing the right product

@micheleidesmith | #GOTOAms

“To make excellent products that truly understand our users’ contexts, we must look further, and investigate context first-hand” Cennydd Bowles

Photo credit:

Page 45: Designing the right product

@micheleidesmith | #GOTOAms

How and where will people use your application?

Photo credit:Phil Dragash

Page 46: Designing the right product

@micheleidesmith | #GOTOAms

Who are they with?

Photo credit:Joe Shlabotnik

Page 47: Designing the right product

@micheleidesmith | #GOTOAms

Beware of asking people what they do,

or what they want

Page 48: Designing the right product

@micheleidesmith | #GOTOAms

“What people say, what people do, and what they say they do are entirely different things.”  Margaret Mead, Cultural Anthropologist

Page 49: Designing the right product

@micheleidesmith | #GOTOAms

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 50: Designing the right product

@micheleidesmith | #GOTOAms

Ask questions like…

• Tell me about the last time you did X • What went well? What didn’t go so well? –What happened? –Why was that? –What did you do?

• I noticed you were doing X just then. – That’s interesting, tell me more about

that…

Page 51: Designing the right product

@micheleidesmith | #GOTOAms

Get a shared understanding of

customer needs and problems

Page 52: Designing the right product

@micheleidesmith | #GOTOAms

Analyse research insights collaboratively

Page 53: Designing the right product

@micheleidesmith | #GOTOAms

Create customer personas to help the team make

sense of user behaviours

Page 54: Designing the right product

@micheleidesmith | #GOTOAms

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 55: Designing the right product

@micheleidesmith | #GOTOAms

Prototype, test and iterate

Page 56: Designing the right product

@micheleidesmith | #GOTOAms

Design Studio: the whole team sketch out lots of ideas, choose the best ones and refine them

Page 57: Designing the right product

@micheleidesmith | #GOTOAms

Lo-fi prototypes are quick and easy to change before you commit to code

Page 58: Designing the right product

@micheleidesmith | #GOTOAms

Externalise ideas - put design work on the walls and whiteboards!Find a war room!

Page 59: Designing the right product

@micheleidesmith | #GOTOAms

Get ready to experiment!

Page 60: Designing the right product

@micheleidesmith | #GOTOAms

www.luxr.co,  @luxrco

Page 61: Designing the right product

@micheleidesmith | #GOTOAms

“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 62: Designing the right product

@micheleidesmith | #GOTOAms

Make sure it’s easy to test!

Page 63: Designing the right product

@micheleidesmith | #GOTOAms

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 64: Designing the right product

@micheleidesmith | #GOTOAms

Validation

• Usability testing – Face-to-face or remote – Get the whole team to attend and analyse

• A/B (multi-variant / split) testing – Only useful if you have a large enough

sample • Click tests • Analytics

Page 65: Designing the right product

@micheleidesmith | #GOTOAms

My top tips

Page 66: Designing the right product

@micheleidesmith | #GOTOAms

#1 Don’t get lazy, find

customers and learn how they use your

product

Page 67: Designing the right product

@micheleidesmith | #GOTOAms

#2 Do get the team to

own the user experience of the

product

Page 68: Designing the right product

@micheleidesmith | #GOTOAms

#3 Don’t compromise

quality - MVP doesn’t mean half-baked

Page 69: Designing the right product

@micheleidesmith | #GOTOAms

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 70: Designing the right product

@micheleidesmith | #GOTOAms

“Efficiency is doing things right; effectiveness is doing the right thing”  Peter Drucker

Page 71: Designing the right product

@micheleidesmith | #GOTOAms

Michele Ide-Smith  

Head of Design  

University of Cambridge  

!@micheleidesmith

Page 72: Designing the right product

@micheleidesmith | #GOTOAms

Page 73: Designing the right product

@micheleidesmith | #GOTOAms

ReferencesSteve 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

Page 74: Designing the right product

@micheleidesmith | #GOTOAms

ReferencesAlexander 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