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.

Prototyping Workshop: Quick & dirty prototyping process for small projects - Part 1

  • Be the first to comment

Prototyping Workshop: Quick & dirty prototyping process for small projects - Part 1

  1. 1. Prototyping Workshop Part 1 Quick & dirty prototyping process for small projects. 2013 by Benoît Meunier
  2. 2. Build a digital prototype in one workshop with no coding? No problem.
  3. 3. THE CHALLENGE The problem The business canvas
  4. 4. 1 Personas 2 Flow {Adaptability in the moment Research before doing Improvisation ... 3 4 5
  5. 5. 3 Index Cards 4 iPad/Paper {Low-Fidelity Lightweight Lighthing fast 5 6 71 2
  6. 6. 5 Omnigraffle 6 xScope {Low/High-Fidelity Heavy Fast 3 4 7
  7. 7. 7 Prototype {High-Fidelity Massive Slow 5 64
  8. 8. “Take a risk, observe, choose, adapt, and change” — Keith Johnstone
  9. 9. 1 Personas 2 Flow
  10. 10. Index Cards
  11. 11. Convert Moleskine Sharpie Fine Pointe
  12. 12. Framework Human Emotions (Smileys faces)
  13. 13. Real person Identification Goals/...
  14. 14. Mary Act it out! Easy Stakeholders Love
  15. 15. “Nail the basics first, detail the details later.” — Chris Anderson
  16. 16. One Paper Two iPad • Brainstorming • Discovery • Hours
  17. 17. Index Cards
  18. 18. Pigma® Micron® 05 Letraset ProMarker Twin-Tip True Blue Sharpie Fine Pointe
  19. 19. Convert Moleskine Cosmonaut Action Method Dot Grid Book iPad
  20. 20. X minutes Ok! Main interaction
  21. 21. I can feel it. I can tap on it.
  22. 22. Link Active Hover/Click/Tap Shared components
  23. 23. Title Text Images
  24. 24. “ The space between an idea and a concept is your lips. If you can’t say it out loud you can’t do it. ” — Nick Longo
  25. 25. Act it out with your team. Tell the story under x minutes. Drafts by 37Signals
  26. 26. Stand up. Ask for their feedback. If they understood your story, you’re good to go. Sketch some more if needed.
  27. 27. Now, add details. Annotate
  28. 28. Sharing is easy. Hands Archiving can be easy. Doxie Go
  29. 29. Now, what?
  30. 30. Three Omnigraffle Four xScope {Low/High-Fidelity Heavy Fast One Two Five ... We can talk about it later.

×