designing an mvp that works for your users - leanux nyc 2014
DESCRIPTION
In this highly collaborative and fast-paced workshop, we will apply a few user-centered design methods and techniques, such as stakeholder maps, empathy maps, sketch boards and paper prototype usability testing, that allow teams to focus on quick validation and delivery of killer apps that will work for users. Workshop goals: • Learn and apply lean UX techniques that you can use with your teams • Learn how to focus your team on effectively delivering an MVP fast • Experience collaborative and iterative design and development first hand • Build up the confidence to initiate collaborative creative thinking about ideas that have a business impact and that will wow your users.TRANSCRIPT
![Page 1: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/1.jpg)
IBM Design
Designing an MVP that works for your users!
!
!
!
!
April 12, 2014
@quicola #designthinking #leanux @ibmdesign
UX Lead and Development Manager, Watson Explorer !
Ariadna Font Llitjós, PhD
![Page 2: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/2.jpg)
IBM Design :: ©2014 IBM Corporation
Day Objectives
• Learn and apply lean UX techniques that you can use with your teams
!
• Learn how to focus your team on effectively delivering an MVP fast
!
• Experience collaborative and iterative design and development first hand
!
• Build up the confidence to initiate collaborative creative thinking about ideas that have a business impact and that will wow your users.
2
![Page 3: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/3.jpg)
IBM Design :: ©2014 IBM Corporation
Intro 10 min
• Make Balanced Teams
• Design challenge
!Understand 40 min
• Stakeholders
• Empathy Maps
! Break (10 min)
!Explore 60 min
• Elevator Pitch
• Story board
• MVP
• Assumptions and hypothesis
!Prototype 30 min
• Paper prototype
!Evaluate 30 min
• Usability testing!
IBM Design :: IBM Confidential :: ©2014 IBM Corporation IBM Design :: ©2014 IBM Corporation
Agenda
3
Stakeholder Maps
Empathy Maps
Storyboard
Paper prototype testing
Intro 10 min
• Make Balanced Teams
• Design challenge
!Understand 40 min
• Stakeholders
• Empathy Maps
! Coffee Break (10 min)
!Explore 60 min
• Elevator Pitch
• Story board
• MVP
• Assumptions and hypothesis
!Prototype 30 min
• Paper prototype
!Evaluate 30 min
• Usability testing!
![Page 4: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/4.jpg)
IBM Design :: ©2014 IBM Corporation
This is not a user experience
4
![Page 5: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/5.jpg)
This is a user experience
![Page 6: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/6.jpg)
IBM Design : ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
PMs/POs, Designers, Developers, others?
6
![Page 7: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/7.jpg)
IBM Design : ©2014 IBM Corporation
Design a Mobile App that enable LeanUX attendees
to network and collaborate
7
![Page 8: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/8.jpg)
IBM Design :: ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Who are our users?
8
Prototype
Evaluate
Understand
Explore
![Page 9: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/9.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation 9
Your User ≠
You Your Mom
Your Daughter Customer
Product Manager Your Manager
Your Manager’s Manager CEO
![Page 10: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/10.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Stakeholder Map
10
Organize stakeholders’ expectations of a release
Network diagram to establish shared ideas about stakeholders, help the team focus on people, and guide plans for user research.
DanEngineer
“Give me a challenge.”
JuanPLM “We
started 2 weeks behind.”
Makes things possible for...
Helps give direction and focus to...
![Page 11: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/11.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: Stakeholder Map (20 mins)
11
On each note, write someone affected by the product.
On a note of another color, attach a quote representing what the person wants.
Label clusters and relationships.
!
Goal: Identify a big opportunity and corresponding user to focus on
![Page 12: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/12.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Rules of brainstorming
• Defer judgment
• Encourage wild ideas
• Build on the ideas of others
• Stay focused on the topic
• Be visual
• One conversation at a time
• Go for quantity
12
![Page 13: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/13.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: Empathy Map (15 mins)
13
Put yourself in your user’s shoes in the context of your product. What does she need to do? What pressures is she under?
Label any sticky notes that are unknowns (assumptions or questions) for later inquiry.
Goal: Move from observations to shared insights about our users
![Page 14: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/14.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Empathy Map
14
Explore multiple dimensions of target users
Quick way to have a holistic view of target user and forces you to think about more than their role. ThinksSays
Observed Inferred
FeelsDoes
![Page 15: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/15.jpg)
IBM Design : ©2014 IBM Corporation
Coffee up!
15
![Page 16: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/16.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Generating breakthrough ideas
16
Prototype
Evaluate
Understand
Explore
![Page 17: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/17.jpg)
IBM Design :: ©2014 IBM Corporation
Elevator Pitch
For [target user] !
who [statement of need or opportunity] !
the [product/app name] is a [product category] !
that [key benefit, compelling reason to buy/use]. !
Unlike [primary competitive alternative] !
our product/app [statement of primary differentiation].
17
![Page 18: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/18.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: Elevator Pitch (15 min)
18
For [target user] !
who [statement of need or opportunity] !
the [product/app name] is a [product category] !
that [key benefit, compelling reason to buy/use]. !
Unlike [primary competitive alternative] !
our product/app [statement of primary differentiation].
![Page 19: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/19.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: Storyboard (30 min)
Work individually to tell the “To-Be” story of your user
• Tell a human centered story (focus on the user, rather than on screens)
• Don’t worry about making the drawings beautiful
• Make the story seamless, with a beginning, middle and end
• Be ready to tell your story to someone else
![Page 20: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/20.jpg)
IBM Design :: ©2014 IBM Corporation
Minimal Viable Product (MVP)
• Goal: maximize validated learning about customers and users.
!
• An MVP is a (first) version of the product (or feature) that allows you to test your ideas and assumptions as quickly and cheaply as possible
!
• The MVP works together with a build-measure-learn cycle: developing software, gathering customer feedback, and learning from it.
!
• It is not a minimal product, it’s a strategy and process directed towards making and selling a product to customers.
20
![Page 21: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/21.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: MVP (10 min)
• Identify key open questions and assumptions
!
• Reframe requirements as hypotheses that can be falsifiable
21
![Page 22: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/22.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Making your ideas real
22
Prototype
Evaluate
Understand
Explore
![Page 23: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/23.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Why Prototype?
23
Prototyping enables rapid experimentation
• Communicate and validate
• Understand and explore
• Get feedback
• Fail fast, learn fast
• Test and decide between multiple options
![Page 24: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/24.jpg)
IBM Design :: ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Scale of prototypes
24Understand & Explore
Communicate & Validate
High fidelityLow Fidelity
sketches
paper prototype
style study
mockups
motion studies
POC
UI spec & style guide
assets
![Page 25: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/25.jpg)
IBM Design :: ©2014 IBM Corporation IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Paper Prototyping
25
Paper prototyping is a variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface.
!Quick!No technical learning curve!Relevant feedback on early concepts!Provides Conceptual Direction!!Effective!Low Investment of Time/Resources!Fail Early, Fail Fast!Expedites Detailed design!
![Page 26: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/26.jpg)
IBM Design :: ©2014 IBM Corporation IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Exercise: Paper Prototyping (30 mins)
26
Choose the riskiest task or sub-flow that you need to validate and prototype it using paper.
Develop a low-fidelity storyboard for user testing.
• Refine your user experience map and scenario
• Develop low-fidelity wireframes to visually prototype the new UI
• Organize your wireframes as a testable storyboard
Focus on one specific set of interactions and sketch it out on paper.
![Page 27: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/27.jpg)
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Try animating your paper prototypes using the POP mobile app
27
![Page 28: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/28.jpg)
IBM Design :: ©2014 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Evaluate your prototypes and ideas
28
Prototype
Evaluate
Understand
Explore
![Page 29: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/29.jpg)
IBM Design :: ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
Usability Testing “Soft Skills”
29from www.cadfanatic.com
Source: cadfanatic.com
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
![Page 30: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/30.jpg)
IBM Design :: ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation 30
Encourage participants to think out loud
Give them enough time to work through problems
Ensure adequate recording (audio, video, notes, time, etc.)
Invite project team members to observe
Laugh, get frustrated, or express negative emotion at participant
Don’t get defensive or explain your design rationale/limitations
Ask them how they would design it
Usability Testing “Soft Skills”
IBM Design :: IBM Confidential :: ©2013 IBM Corporation
![Page 31: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/31.jpg)
IBM Design :: ©2014 IBM Corporation IBM Design :: IBM Confidential :: ©2013 IBM Corporation
IBM Confidential :: © 2014 IBM Corporation!IBM Design :: IBM Confidential :: ©2013 IBM Corporation
31
Exercise: Paper Prototype Testing (15 min)
Give your user a well-defined task so you can test the riskiest assumptions you’ve baked into your prototype (without telling them what specific actions/buttons to take/click)
1 Provide an overview and a well-defined task
2 Ask participant to voice their thought and actions (giving them time to process)
3 Thank the participant
4 Debrief - what are the top 3 things you need to change/fix?
![Page 32: Designing an MVP that works for your users - LeanUX NYC 2014](https://reader034.vdocuments.site/reader034/viewer/2022051400/54c791964a79596b318b45e4/html5/thumbnails/32.jpg)
Thanks! !
ibm.com/design
!
32
@quicola #designthinking #leanux @ibmdesign