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.

Sketch Before You Etch: How to Prototype Like a Boss


Published on

Time. Money. You know that story. But there's an answer: Start with the prototype. Crazy? No. Prototyping at the beginning of a project, feature, or interaction lets you explore new and different ideas that the traditional "requirements > design > develop" process doesn’t always uncover. You and your team will start the project with a better understanding of your users’ needs, you'll lessen the risk of overspending on development and ultimately, you'll end up with a better design much faster.

In this workshop, we’ll focus on prototype methodologies all the way from sketches to functional code and how to determine the appropriate fidelity, both visual and functional. You’ll learn how to test your ideas, elicit useful feedback from customers and explore tools that can help you prototype like a boss.

*No development skills are required, but you should be able to draw a square. Not even a perfect one, really.

Published in: Design, Technology, Business
  • Be the first to comment

Sketch Before You Etch: How to Prototype Like a Boss

  1. 1. Sketch before you Etch:How to Prototype like a Boss
  2. 2. Hello.
  3. 3. Let’s get down tobusiness.
  4. 4. Who is prototyping attheir job today?
  5. 5. Agenda.• Part One: Sketching• Part Two: Feedback• Part Three: Iterate• Tools & Frameworks• Manager Buy In
  6. 6. Part One: Sketching.
  7. 7. What happened?
  8. 8. Part Two: GettingFeedback.
  9. 9. A few tips:• Don’t give a guided tour• Shut up• Ask open ended questions• Follow up• Let the user fail• Observe the user
  10. 10. Part Two [ish]: Writingthe questions.
  11. 11. Part Not Quite Three:Asking the questions.
  12. 12. What happened?
  13. 13. Improvising & the value offailing fast.
  14. 14. Part Three: Iterating.
  15. 15. Part [still] Three:Working together.
  16. 16. Some things to remember:• Don’t forget to include the business!• Observe as much as you possibly can.• Some ideas just don’t work [that’s okay!].
  17. 17. Paper is great and all,but...
  18. 18. Medium-fidelityprototypes.
  19. 19. Medium-fidelity [web].• Mockingbird• Balsamiq• Power Mockup• InvisionApp
  20. 20. Medium-fidelity [desktop].• Axure• Visio• Omnigraffle
  21. 21. High-fidelity prototypes.
  22. 22. Frameworks• Twitter Bootstrap • DivShot • JetStrap• Zurb Foundation• Unsemantic• jQueryUI
  23. 23. Incorporating prototypesinto your project.
  24. 24. When is it appropriate?• Whenever you have a new feature you aren’t 100% sure about• When you’re demonstrating a new process• When you have vague requirements• When the day ends in y
  25. 25. Manager buy in.
  26. 26. The arguments.• “It will take too much time away from development, pushing our deadline back.”• “We need documentation!”
  27. 27. What else?
  28. 28. Thanks.