O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
#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!
Próximos SlideShares
Carregando em…5
×

de

Prototyping Methods Slide 1 Prototyping Methods Slide 2 Prototyping Methods Slide 3 Prototyping Methods Slide 4 Prototyping Methods Slide 5 Prototyping Methods Slide 6 Prototyping Methods Slide 7 Prototyping Methods Slide 8 Prototyping Methods Slide 9 Prototyping Methods Slide 10 Prototyping Methods Slide 11 Prototyping Methods Slide 12 Prototyping Methods Slide 13 Prototyping Methods Slide 14 Prototyping Methods Slide 15 Prototyping Methods Slide 16 Prototyping Methods Slide 17 Prototyping Methods Slide 18 Prototyping Methods Slide 19 Prototyping Methods Slide 20 Prototyping Methods Slide 21 Prototyping Methods Slide 22 Prototyping Methods Slide 23 Prototyping Methods Slide 24 Prototyping Methods Slide 25 Prototyping Methods Slide 26 Prototyping Methods Slide 27 Prototyping Methods Slide 28 Prototyping Methods Slide 29 Prototyping Methods Slide 30 Prototyping Methods Slide 31 Prototyping Methods Slide 32 Prototyping Methods Slide 33 Prototyping Methods Slide 34 Prototyping Methods Slide 35 Prototyping Methods Slide 36 Prototyping Methods Slide 37
Próximos SlideShares
Helping Editors Make Prioritize & Make Data-Driven Decisions
Avançar
Transfira para ler offline e ver em ecrã inteiro.

1 gostou

Compartilhar

Baixar para ler offline

Prototyping Methods

Baixar para ler offline

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

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!
  • ElizabethLopez104

    Oct. 9, 2015

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

Vistos

Vistos totais

649

No Slideshare

0

De incorporações

0

Número de incorporações

103

Ações

Baixados

3

Compartilhados

0

Comentários

0

Curtir

1

×