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.
#delveprod @cochranism
Laura Cochran
USER EXPERIENCE LEAD,
CONDÉ NAST
@cochranism
Every Prototype
is a Question
OCTOBER 8,...
#delveprod @cochranism
Discover Inspire Define
Prototype Test
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
A prototype is...
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
#delveprod @cochranism
What is the right question?
#delveprod @cochranism
How do people feel about this
problem? Does the product
resonate with people?
#delveprod @cochranism
Provocation
Stage: Early
Visual: Low
Functional: Low
Content: Low
#delveprod @cochranism
#delveprod @cochranism
Creating a Provocation
First...
Create a hypothesis about
how the person will react to
seeing the p...
#delveprod @cochranism
Provocation Example
#delveprod @cochranism
Provocations
Stage: Early Visual: low Functional: low Content: low
Questions you need to ask…
How d...
#delveprod @cochranism
How do people expect to use the
system? What is the right workflow
and language?
#delveprod @cochranism
Paper Prototype
Stage: Early
Visual: Low
Functional: Low
Content: Medium
#delveprod @cochranism
Creating a Paper Prototype
First...
Chose a key interaction that
solves for one of your
hypothesis....
#delveprod @cochranism
Ask these Questions
Take a minute to look over
this screen. Ask any
questions along the way.
What a...
#delveprod @cochranism
Paper Prototype Example
#delveprod @cochranism
Paper Prototypes
Stage: early Visual: low Functional: low Content: medium
Questions you need to ask...
#delveprod @cochranism
Are user needs met? Is the user
experience optimal?
#delveprod @cochranism
Clickable Prototype
Stage: User Experience Complete
Visual: Low
Functional: Medium
Content: Medium
#delveprod @cochranism
Creating a Clickable Prototype
First...
Chose a section of the final
product that still has
lingeri...
#delveprod @cochranism
Clickable Prototype Example
#delveprod @cochranism
Clickable Prototypes
Stage: early Visual: low Functional: medium Content: medium
Questions you need...
#delveprod @cochranism
Did I overlook any major flaws in
the system?
#delveprod @cochranism
Feature MVP
Stage: Development
Visual: Medium
Functional: High
Content: High
#delveprod @cochranism
Creating a Feature MVP
First...
Narrow down your user
stories to a minimum viable
product.
Then…
Be...
#delveprod @cochranism
Feature MVP Example
#delveprod @cochranism
Feature MVP
Stage: early Visual: medium Functional: high Content: high
Question you need to ask…
Di...
#delveprod @cochranism
#delveprod @cochranism
Laura Cochran
USER EXPERIENCE LEAD
CONDÉ NAST
@cochranism
Thank you!
Upcoming SlideShare
Loading in …5
×

Prototyping Methods

527 views

Published on

Learn how different prototyping methods can help you ask questions of your users. Slides from 2015 Delve Masterclass in New York, New York.

Published in: Design
  • Be the first to comment

Prototyping Methods

  1. 1. #delveprod @cochranism Laura Cochran USER EXPERIENCE LEAD, CONDÉ NAST @cochranism Every Prototype is a Question OCTOBER 8, 2015 DELVE: PRODUCT NY BRIC ARTS MEDIA CENTER 4:30 PM
  2. 2. #delveprod @cochranism Discover Inspire Define Prototype Test
  3. 3. #delveprod @cochranism
  4. 4. #delveprod @cochranism
  5. 5. #delveprod @cochranism
  6. 6. #delveprod @cochranism A prototype is...
  7. 7. #delveprod @cochranism
  8. 8. #delveprod @cochranism
  9. 9. #delveprod @cochranism
  10. 10. #delveprod @cochranism
  11. 11. #delveprod @cochranism
  12. 12. #delveprod @cochranism
  13. 13. #delveprod @cochranism What is the right question?
  14. 14. #delveprod @cochranism How do people feel about this problem? Does the product resonate with people?
  15. 15. #delveprod @cochranism Provocation Stage: Early Visual: Low Functional: Low Content: Low
  16. 16. #delveprod @cochranism
  17. 17. #delveprod @cochranism Creating a Provocation First... Create a hypothesis about how the person will react to seeing the product. Then… Create a cartoon or an advertisement that illustrates how the person will react to seeing the product.
  18. 18. #delveprod @cochranism Provocation Example
  19. 19. #delveprod @cochranism Provocations Stage: Early Visual: low Functional: low Content: low Questions you need to ask… How do people feel about this problem? Does the product resonate with people? You will learn how the person feels about the chosen solution to the problem.
  20. 20. #delveprod @cochranism How do people expect to use the system? What is the right workflow and language?
  21. 21. #delveprod @cochranism Paper Prototype Stage: Early Visual: Low Functional: Low Content: Medium
  22. 22. #delveprod @cochranism Creating a Paper Prototype First... Chose a key interaction that solves for one of your hypothesis. Then… Create key screens to share through a paper prototype. Create a prototype test plan with objectives and questions you need to answer.
  23. 23. #delveprod @cochranism Ask these Questions Take a minute to look over this screen. Ask any questions along the way. What are you viewing? How would you use this page? What is missing from this page? Where would you expect that link to take you? What would you expect to find under that dropdown?
  24. 24. #delveprod @cochranism Paper Prototype Example
  25. 25. #delveprod @cochranism Paper Prototypes Stage: early Visual: low Functional: low Content: medium Questions you need to ask… How do people expect to use the system? What is the right workflow and language? You will learn if the flows you are using are on the right track. You will also learn more about the language used to describe the work.
  26. 26. #delveprod @cochranism Are user needs met? Is the user experience optimal?
  27. 27. #delveprod @cochranism Clickable Prototype Stage: User Experience Complete Visual: Low Functional: Medium Content: Medium
  28. 28. #delveprod @cochranism Creating a Clickable Prototype First... Chose a section of the final product that still has lingering questions about the user expectations. Then… Create screens for one flow and write a task based discussion guide.
  29. 29. #delveprod @cochranism Clickable Prototype Example
  30. 30. #delveprod @cochranism Clickable Prototypes Stage: early Visual: low Functional: medium Content: medium Questions you need to ask… Are the user needs met? Is the user experience optimal? You will learn if the user expectations are met for that user flow.
  31. 31. #delveprod @cochranism Did I overlook any major flaws in the system?
  32. 32. #delveprod @cochranism Feature MVP Stage: Development Visual: Medium Functional: High Content: High
  33. 33. #delveprod @cochranism Creating a Feature MVP First... Narrow down your user stories to a minimum viable product. Then… Begin development of the MVP. Work with the developers to release features to a test environment.
  34. 34. #delveprod @cochranism Feature MVP Example
  35. 35. #delveprod @cochranism Feature MVP Stage: early Visual: medium Functional: high Content: high Question you need to ask… Did I overlook any major flaws in the system? You will learn if you overlooked any major usability issues.
  36. 36. #delveprod @cochranism
  37. 37. #delveprod @cochranism Laura Cochran USER EXPERIENCE LEAD CONDÉ NAST @cochranism Thank you!

×