Sketch Before You Etch: How to Prototype Like a Boss

582 views
465 views

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
582
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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.

×