Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Designing an MVP that works for
your users






Ariadna Font Llitjós





UX Lead & Development Manager
IBM, Big Data

@q...
Write your expectations for this session




                                 on a sticky




Ariadna Font Llitjós @quicola
The Plan
                 
20 min 




                Theory
                        
Brief Description of UX techniques
...
Where are you?


                                 Product dev
   No product dev


          UX



       No UX


Ariadna F...
Contextual inquiry      Collaborative design   Inception deck
       Sketches
          Paper prototype
        (CI)
     ...
Ariadna Font Llitjós @quicola
Contextual Inquiry (User Research)

First hand observation of how people perform and structure their
work (or any other re...
(Lean) Personas                      
Characterization of a type of user that we want to target with our
product/applicati...
Empathy Map

Explore a target user (persona) from different perspectives:
  Who am I? Behavior, See –Motivations, Do – Fea...
User experience map

Visual representation of the user workflow for accomplishing a
goal. Key elements include:






     ...
Ariadna Font Llitjós @quicola
Rules for brainstorming

Defer judgment. 

Encourage wild ideas. 

Build on the ideas of others. 

Stay focused on the top...
Storyboard 

Use of story telling to quickly visualize/share a solution to specific
problem making use of personas and thei...
Sketchboard

It’s like story boarding but with sketches, almost like a biomap of
the system you are building or about to b...
Ariadna Font Llitjós @quicola
Minimal Viable Product - MVP

•  (First) product version to test our ideas as quickly and cheaply as possible.


•  An MVP...
Elevator Pitch 
For [target user] !
who [statement of need or opportunity] !
the [product/app name] is a [product category...
3 Must have goals

1.  …


2.  …


3.  …




Anything else goes in the Nice-to-have category.


Good to have a “Will not d...
User stories 
Software system requirement formulated in one or two sentences
in everyday or business language that makes e...
User stories 
Software system requirement formulated in one or two sentences
in everyday or business language that makes e...
Ariadna Font Llitjós @quicola
Ariadna Font Llitjós @quicola
Flow diagram 

Visualize the workflow the user has to follow through the
application to complete a task or achieve a goal.
...
Wireframes 

Grayscale mockups showing layout and position of page elements
(can range from low-fidelity to exact grid-base...
Paper Prototype




Ariadna Font Llitjós @quicola
Ariadna Font Llitjós @quicola
Paper prototype usability testing

Usability testing on paper versions of wireframes or sketches that
users can simulate s...
Usability Testing Facilitation 101

•  Give user a specific task. Example: from the homepage, navigate to the
   Inspiratio...
To learn more about how to run your own UT…

        Read this book









    Ariadna Font Llitjós @quicola
Let s Practice!

Collaborative Design Session




Ariadna Font Llitjós @quicola
5 min
Form teams of 4-6 people

Introduce yourself (role, something unusual)





You will collaboratively work on:
      ...
Challenge




                      Develop a Mobile App that helps 
                  promote networking and interaction ...
Ariadna Font Llitjós @quicola
15 min
Contextual Inquiry


  • Find a user and try to understand what they would want to do
    with this app (examples: ...
15 min
Empathy Map

Explore multiple dimensions of your target users. 

Do as a brainstorming exercise. 
                 ...
Empathy Map Examples




Ariadna Font Llitjós @quicola
30 min
User experience map

Visual representation of the user workflow for a task



Using a user experience map, document:...
User Experience Map Examples




Ariadna Font Llitjós @quicola
UX Map - Covering up the Questions

• Talk to domain experts

• Interview more users

• Watch users in their environment

...
Ariadna Font Llitjós @quicola
10 min
Elevator Pitch

Create an elevator pitch to define what should be
your MVP functionality.





Question: 
       Wha...
Elevator Pitch 

For                 
[target user] 
who                 
[statement of need or opportunity] 
the 
       ...
Ariadna Font Llitjós @quicola
20 min
Paper prototyping

Now, pick a technique and apply it to design your
killer feature (differentiator).

You can use ...
Ariadna Font Llitjós @quicola
10 min
Guerrilla Usability Testing

Now let s test your paper prototype!

Question:
  Can somebody outside your team use i...
Usability Testing Facilitation 101

•  Give user a specific task. Example: from the homepage, navigate to the
   Inspiratio...
How did that go?

What happened?

Teams 
Could your user finish the task you had 
   
  
designed?

Users 
Could you use th...
Ariadna Font Llitjós @quicola
Did we achieve the session’s goals?




Ariadna Font Llitjós @quicola
Did we achieve the session’s goals?





Did it meet your expectations?




Ariadna Font Llitjós @quicola
+ & −

+ What was your favorite part of the session?

        Did you have any a-ha moments? 

        Will you be able to...
QUESTIONS?




Ariadna Font Llitjós @quicola
THANKS!






Ariadna Font Llitjós   @quicola   #LeanUXNYC   ariadna.font.cat
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Upcoming SlideShare
Loading in …5
×

of

Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 1 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 2 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 3 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 4 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 5 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 6 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 7 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 8 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 9 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 10 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 11 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 12 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 13 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 14 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 15 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 16 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 17 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 18 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 19 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 20 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 21 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 22 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 23 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 24 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 25 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 26 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 27 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 28 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 29 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 30 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 31 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 32 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 33 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 34 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 35 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 36 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 37 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 38 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 39 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 40 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 41 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 42 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 43 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 44 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 45 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 46 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 47 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 48 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 49 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 50 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 51 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 52 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 53 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 54 Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013 Slide 55
Upcoming SlideShare
Mobile Prototyping Essentials Workshop - Part One
Next
Download to read offline and view in fullscreen.

39 Likes

Share

Download to read offline

Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013

Download to read offline

2 and 1/2 hour workshop that covers contextual inquiry, empathy map, user experience map, MVP, elevator pitch, flow diagrams, stories, paper prototype and guerrilla usability testing.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013

  1. 1. Designing an MVP that works for your users Ariadna Font Llitjós UX Lead & Development Manager IBM, Big Data @quicola #LeanUXNYC #LeanUX ariadna.font.cat
  2. 2. Write your expectations for this session on a sticky Ariadna Font Llitjós @quicola
  3. 3. The Plan 20 min Theory Brief Description of UX techniques User Research, Scoping, Prototyping and Testing Practice 2 hours Focus on delivering an MVP fast with user-driven design Collaborative design session - Build a Mobile App! Ariadna Font Llitjós @quicola
  4. 4. Where are you? Product dev No product dev UX No UX Ariadna Font Llitjós @quicola
  5. 5. Contextual inquiry Collaborative design Inception deck Sketches Paper prototype (CI) sessions Usability Testing (most of this MVP Flow diagram Personas workshop) Qualitative Elevator pitch Wireframes Usability Testing Empathy map Brainstorming 3 Must have goals Paper prototype Quantitative Stakeholder map Storyboard Usability Testing Flow diagram Mockups User Experience Sketchboard Pair testing map Stories Functional prototype Controlled Journey map Story map experiments (A/B Testing) Heuristic evaluation “Agile schedule” Heuristic Cognitive BDD evaluation walkthrough Cognitive Benchmarking walkthrough
  6. 6. Ariadna Font Llitjós @quicola
  7. 7. Contextual Inquiry (User Research) First hand observation of how people perform and structure their work (or any other relevant tasks) Who does it? UX person or other team member. A pair of observers is ideal Key benefits: •  Best way to understand your users •  Only way to know what the real work flow/process is (vs the official one) •  Opportunity to discuss with users what they are doing and why Ariadna Font Llitjós @quicola
  8. 8. (Lean) Personas Characterization of a type of user that we want to target with our product/application Who does it? Ideally, UX or somebody who has done some user research. Key Benefits: •  Document user research •  Remind team of users needs and motivations (different from managers and buyers) •  Allow team to ground communication throughout development Ariadna Font Llitjós @quicola
  9. 9. Empathy Map Explore a target user (persona) from different perspectives: Who am I? Behavior, See –Motivations, Do – Features, Say, Feel Who does it? The Team Key Benefits: •  Very quick way to have a holistic view of your target user •  Forces you to think about more than their role •  Allow team to ground communication throughout development Ariadna Font Llitjós @quicola
  10. 10. User experience map Visual representation of the user workflow for accomplishing a goal. Key elements include: •  Questions to signal areas where more information/understanding is needed •  Comments with known information that clarifies / lends meaning •  Ideas to illustrate an interesting concept that could enhance a step Who does it? The team Key Benefits: •  Make team’s (lack of) knowledge explicit •  Good to figure out areas that need (further) user research Ariadna Font Llitjós @quicola
  11. 11. Ariadna Font Llitjós @quicola
  12. 12. Rules for 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. Ariadna Font Llitjós @quicola
  13. 13. Storyboard Use of story telling to quickly visualize/share a solution to specific problem making use of personas and their behaviors, stories and any known constraints. Who does it? The Team Key Benefits: •  Help us think about the problem in a creative way •  Facilitates focused communication •  Affordable and easy to do Ariadna Font Llitjós @quicola
  14. 14. Sketchboard It’s like story boarding but with sketches, almost like a biomap of the system you are building or about to build. Who does it? Team with UX/designer’s help Key Benefits: •  Provides Big Picture using initial design ideas •  Very iterative and highly collaboratively •  Very focused requirement discussions Ariadna Font Llitjós @quicola
  15. 15. Ariadna Font Llitjós @quicola
  16. 16. Minimal Viable Product - MVP •  (First) product version to test our ideas as quickly and cheaply as possible. •  An MVP has just those features that allow the product to be deployed and validated, and no more. •  "The minimum viable product is that version of a new product (or feature) which allows a team to collect the maximum amount of validated learning about customers with the least effort.” •  Is not a minimal product, it’s a strategy and process directed towards making and selling a product to customers. •  The MVP works together with a build-measure-learn cycle: developing software, gathering customer feedback, and learning from it. Ariadna Font Llitjós @quicola
  17. 17. 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]! Who does it? The Team Key Benefits: •  Allows team to focus on differentiator feature(s) and direct their energy to features with the highest business value •  Quick and inexpensive Ariadna Font Llitjós @quicola
  18. 18. 3 Must have goals 1.  … 2.  … 3.  … Anything else goes in the Nice-to-have category. Good to have a “Will not do/have” category as well. Ariadna Font Llitjós @quicola
  19. 19. User stories Software system requirement formulated in one or two sentences in everyday or business language that makes explicit the user’s need. Example: As a [type of user] ! I want to [perform some task] ! so that I can [reach some goal]! Who does this? The team (dev, tester, doc or UX) Key Benefits: •  Provides a thinking template; token for a conversation •  Description of why the product needs to do what it does Ariadna Font Llitjós @quicola
  20. 20. User stories Software system requirement formulated in one or two sentences in everyday or business language that makes explicit the user’s need. Example: As a [type of user] ! I want to [perform some task] ! so that I can [reach some goal]! Who does this? The team (dev, tester, doc or UX) Key Benefits: •  Provides a thinking template; token for a conversation •  Description of why the product needs to do what it does Ariadna Font Llitjós @quicola
  21. 21. Ariadna Font Llitjós @quicola
  22. 22. Ariadna Font Llitjós @quicola
  23. 23. Flow diagram Visualize the workflow the user has to follow through the application to complete a task or achieve a goal. Can I use it? Who does it? The Team Key Benefits: •  Quick way to run through the system from a user perspective •  Allows you to identify gaps in your current flow •  Affordable and easy to do Ariadna Font Llitjós @quicola
  24. 24. Wireframes Grayscale mockups showing layout and position of page elements (can range from low-fidelity to exact grid-based resolution) Who does this? Typically UX, designer, but anyone can do it! Key Benefits: •  Easiest/cheapest way to realize and test ideas •  Great to get early feedback •  Can be done at any stage of development Ariadna Font Llitjós @quicola
  25. 25. Paper Prototype Ariadna Font Llitjós @quicola
  26. 26. Ariadna Font Llitjós @quicola
  27. 27. Paper prototype usability testing Usability testing on paper versions of wireframes or sketches that users can simulate slicks and talk through their thoughts and decisions Who does it? Anyone can do this (be an observer) Key Benefits: •  Fastest and cheapest way to validate ideas/assumptions •  Results can be fed back into the design process immediately •  You can do this at any time you are not sure what is the best UI for a specific problem Ariadna Font Llitjós @quicola
  28. 28. Usability Testing Facilitation 101 •  Give user a specific task. Example: from the homepage, navigate to the Inspiration Zone and see if there is anything there that you’d like to buy; pretend there is, buy it. •  Use the think-out-loud protocol •  Stay neutral, non-judgmental. The user is never wrong. We re testing the product, not you •  Just observe, after stating the task, don’t tell them what to do or how to do it. •  Create questions that don t bias the responses you hope to get. •  Biased Q: Was it easy for you to sign up for the product •  Unbiased Q: Overall please rate how difficult or easy it was to sign up for this product 1 is difficult, 7 is easy. Ariadna Font Llitjós @quicola
  29. 29. To learn more about how to run your own UT… Read this book Ariadna Font Llitjós @quicola
  30. 30. Let s Practice! Collaborative Design Session Ariadna Font Llitjós @quicola
  31. 31. 5 min Form teams of 4-6 people Introduce yourself (role, something unusual) You will collaboratively work on: 1.  User Research and Analysis 2.  Scoping 3.  Prototyping 4.  Usability Testing Ariadna Font Llitjós @quicola
  32. 32. Challenge Develop a Mobile App that helps promote networking and interaction between all conference attendees Ariadna Font Llitjós @quicola
  33. 33. Ariadna Font Llitjós @quicola
  34. 34. 15 min Contextual Inquiry • Find a user and try to understand what they would want to do with this app (examples: check schedule, see how is in what session, chat with a speaker, rendezvous with random conference attendee, etc.) • Have they used such an app before? What did they like/hate about it? Try to get them to show it to you. • Observe and take notes Ariadna Font Llitjós @quicola
  35. 35. 15 min Empathy Map Explore multiple dimensions of your target users. Do as a brainstorming exercise. Thinks One idea per sticky. Hears Sees Questions: Feels Says Who are your users? Does What do they need/want? Pains Gains Ariadna Font Llitjós @quicola
  36. 36. Empathy Map Examples Ariadna Font Llitjós @quicola
  37. 37. 30 min User experience map Visual representation of the user workflow for a task Using a user experience map, document: 1.  The steps your user persona follows, 2.  What you know? (comments) •  Time and frequency of use. •  Location and physical context. •  Interactions with people or systems. •  Terminology and standards. •  Technical capabilities and limitations. 3.  What don’t know about them (questions) Ariadna Font Llitjós @quicola
  38. 38. User Experience Map Examples Ariadna Font Llitjós @quicola
  39. 39. UX Map - Covering up the Questions • Talk to domain experts • Interview more users • Watch users in their environment • … Ariadna Font Llitjós @quicola
  40. 40. Ariadna Font Llitjós @quicola
  41. 41. 10 min Elevator Pitch Create an elevator pitch to define what should be your MVP functionality. Question: What do users want to do with the app? What’s our business proposition and the value added? (MUST haves vs NICE to haves) Ariadna Font Llitjós @quicola
  42. 42. 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] ! Ariadna Font Llitjós @quicola
  43. 43. Ariadna Font Llitjós @quicola
  44. 44. 20 min Paper prototyping Now, pick a technique and apply it to design your killer feature (differentiator). You can use a flow diagram or other paper artifact that you can use to do UT with. Question: Can I use it? Ariadna Font Llitjós @quicola
  45. 45. Ariadna Font Llitjós @quicola
  46. 46. 10 min Guerrilla Usability Testing Now let s test your paper prototype! Question: Can somebody outside your team use it? •  Do they know what they can do? and how to do it? •  Are there any big usability issues that would prevent your MVP from being broadly adopted? Ariadna Font Llitjós @quicola
  47. 47. Usability Testing Facilitation 101 •  Give user a specific task. Example: from the homepage, navigate to the Inspiration Zone and see if there is anything there that you’d like to buy; pretend there is, buy it. •  Use the think-out-loud protocol •  Stay neutral, non-judgmental. The user is never wrong. We re testing the product, not you •  Just observe, after stating the task, don’t tell them what to do or how to do it. •  Create questions that don t bias the responses you hope to get. •  Biased Q: Was it easy for you to sign up for the product •  Unbiased Q: Overall please rate how difficult or easy it was to sign up for this product 1 is difficult, 7 is easy. Ariadna Font Llitjós @quicola
  48. 48. How did that go? What happened? Teams Could your user finish the task you had designed? Users Could you use the prototype? Would you buy it? Did the team do a good job at facilitating? Ariadna Font Llitjós @quicola
  49. 49. Ariadna Font Llitjós @quicola
  50. 50. Did we achieve the session’s goals? Ariadna Font Llitjós @quicola
  51. 51. Did we achieve the session’s goals? Did it meet your expectations? Ariadna Font Llitjós @quicola
  52. 52. + & − + What was your favorite part of the session? Did you have any a-ha moments? Will you be able to take something you learned in this session back to your work/life? (if so, what?) − What was your least favorite part? What could be improved? Would make it for a better learning experience for you? Ariadna Font Llitjós @quicola
  53. 53. QUESTIONS? Ariadna Font Llitjós @quicola
  54. 54. THANKS! Ariadna Font Llitjós @quicola #LeanUXNYC ariadna.font.cat
  • SantoshBharti1

    Apr. 24, 2019
  • sriksr

    Nov. 21, 2017
  • JonathanDong

    Aug. 13, 2017
  • RonanHealy1

    Dec. 30, 2016
  • Alex_Crockett

    Oct. 13, 2015
  • gmnayak

    Aug. 12, 2015
  • rsirengo

    Aug. 5, 2015
  • grantfarrelly

    Oct. 9, 2014
  • petrsalajka1

    Sep. 23, 2014
  • tiilehto

    Aug. 29, 2014
  • AdityaKedia

    Aug. 6, 2014
  • GuizzSilde

    Jun. 18, 2014
  • blinda

    Mar. 13, 2014
  • ayafurusawa0209

    Feb. 3, 2014
  • yoches

    Feb. 3, 2014
  • ramonvictor

    Dec. 3, 2013
  • br_oyama

    Dec. 3, 2013
  • kshuey1

    Dec. 1, 2013
  • lucaspirola

    Nov. 29, 2013
  • ricgrego

    Nov. 29, 2013

2 and 1/2 hour workshop that covers contextual inquiry, empathy map, user experience map, MVP, elevator pitch, flow diagrams, stories, paper prototype and guerrilla usability testing.

Views

Total views

7,946

On Slideshare

0

From embeds

0

Number of embeds

2,335

Actions

Downloads

160

Shares

0

Comments

0

Likes

39

×