designing the right product
Post on 18-Oct-2014
301 views
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 quicklyTRANSCRIPT
![Page 1: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/1.jpg)
@micheleidesmith | #GOTOAms
Designing the right product
Michele Ide-Smith, @micheleidesmith
Head of Design
University of Cambridge
![Page 2: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/2.jpg)
@micheleidesmith | #GOTOAms
A cautionary tale of product development…
Photo credit:
Andy Field
![Page 3: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/3.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/4.jpg)
@micheleidesmith | #GOTOAms
We may as well have built one of these…
Photo credit:
Steve Way
![Page 5: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/5.jpg)
@micheleidesmith | #GOTOAms
We made a lot of assumptions
![Page 6: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/6.jpg)
@micheleidesmith | #GOTOAms
We didn’t validate our assumptions
![Page 7: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/7.jpg)
@micheleidesmith | #GOTOAms
We didn’t learn anything about our client’s customers
![Page 8: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/8.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/9.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/10.jpg)
@micheleidesmith | #GOTOAms
It’s tempting to design a product with loads of really cool features.
![Page 11: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/11.jpg)
@micheleidesmith | #GOTOAms
But in reality your users will only use a handful of useful features
![Page 12: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/12.jpg)
@micheleidesmith | #GOTOAms
% Software features used
30
50
20
UsedNever usedRarely used
Source: Standish Chaos Manifesto 2013
![Page 13: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/13.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/14.jpg)
@micheleidesmith | #GOTOAms
An evolution of thinking…
![Page 15: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/15.jpg)
@micheleidesmith | #GOTOAms
Lean: deliver value to customers with minimal resources
Photo credit:Toyota Material Handling
![Page 16: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/16.jpg)
@micheleidesmith | #GOTOAms
![Page 17: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/17.jpg)
@micheleidesmith | #GOTOAms
“There are no facts inside your building, so get outside” Steve Blank & Bob Dorf
![Page 18: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/18.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/19.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/20.jpg)
@micheleidesmith | #GOTOAms
Ideas
Build
Code
Measure
Data
Learn
![Page 21: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/21.jpg)
@micheleidesmith | #GOTOAms
Validated learning
![Page 22: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/22.jpg)
@micheleidesmith | #GOTOAms
Does your product solve a problem for
your customers?
![Page 23: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/23.jpg)
@micheleidesmith | #GOTOAms
“Requirements are assumptions.” Jeff Gothelf
![Page 24: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/24.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/25.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/26.jpg)
@micheleidesmith | #GOTOAms
Some case studies…
![Page 27: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/27.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/28.jpg)
@micheleidesmith | #GOTOAms
![Page 29: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/29.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/30.jpg)
@micheleidesmith | #GOTOAms
25 feedback sessions with users
![Page 31: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/31.jpg)
@micheleidesmith | #GOTOAms
People returned to see the feedback we had collected throughout the conference
![Page 32: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/32.jpg)
@micheleidesmith | #GOTOAms
Feedback went directly into the HTML/CSS prototype, using Twitter Bootstrap
![Page 33: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/33.jpg)
@micheleidesmith | #GOTOAms
Regular releases of functionality based on user feedback
![Page 34: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/34.jpg)
@micheleidesmith | #GOTOAms
Continual validation of assumptions through surveys, interviews and testing
![Page 35: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/35.jpg)
@micheleidesmith | #GOTOAms
Lean UX tools
![Page 36: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/36.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/37.jpg)
@micheleidesmith | #GOTOAms
Create a one page plan - put it up where everyone can see it!
![Page 38: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/38.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/39.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/40.jpg)
@micheleidesmith | #GOTOAms
![Page 41: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/41.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/42.jpg)
@micheleidesmith | #GOTOAms
Involve the whole team in user research
![Page 43: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/43.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/44.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/45.jpg)
@micheleidesmith | #GOTOAms
How and where will people use your application?
Photo credit:Phil Dragash
![Page 46: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/46.jpg)
@micheleidesmith | #GOTOAms
Who are they with?
Photo credit:Joe Shlabotnik
![Page 47: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/47.jpg)
@micheleidesmith | #GOTOAms
Beware of asking people what they do,
or what they want
![Page 48: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/48.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/49.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/50.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/51.jpg)
@micheleidesmith | #GOTOAms
Get a shared understanding of
customer needs and problems
![Page 52: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/52.jpg)
@micheleidesmith | #GOTOAms
Analyse research insights collaboratively
![Page 53: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/53.jpg)
@micheleidesmith | #GOTOAms
Create customer personas to help the team make
sense of user behaviours
![Page 54: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/54.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/55.jpg)
@micheleidesmith | #GOTOAms
Prototype, test and iterate
![Page 56: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/56.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/57.jpg)
@micheleidesmith | #GOTOAms
Lo-fi prototypes are quick and easy to change before you commit to code
![Page 58: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/58.jpg)
@micheleidesmith | #GOTOAms
Externalise ideas - put design work on the walls and whiteboards!Find a war room!
![Page 59: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/59.jpg)
@micheleidesmith | #GOTOAms
Get ready to experiment!
![Page 60: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/60.jpg)
@micheleidesmith | #GOTOAms
www.luxr.co, @luxrco
![Page 61: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/61.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/62.jpg)
@micheleidesmith | #GOTOAms
Make sure it’s easy to test!
![Page 63: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/63.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/64.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/65.jpg)
@micheleidesmith | #GOTOAms
My top tips
![Page 66: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/66.jpg)
@micheleidesmith | #GOTOAms
#1 Don’t get lazy, find
customers and learn how they use your
product
![Page 67: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/67.jpg)
@micheleidesmith | #GOTOAms
#2 Do get the team to
own the user experience of the
product
![Page 68: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/68.jpg)
@micheleidesmith | #GOTOAms
#3 Don’t compromise
quality - MVP doesn’t mean half-baked
![Page 69: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/69.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/70.jpg)
@micheleidesmith | #GOTOAms
“Efficiency is doing things right; effectiveness is doing the right thing” Peter Drucker
![Page 71: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/71.jpg)
@micheleidesmith | #GOTOAms
Michele Ide-Smith
Head of Design
University of Cambridge
!@micheleidesmith
![Page 72: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/72.jpg)
@micheleidesmith | #GOTOAms
![Page 73: Designing the right product](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/73.jpg)
@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](https://reader033.vdocuments.us/reader033/viewer/2022051816/544277bab1af9f410a8b468f/html5/thumbnails/74.jpg)
@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