Sketch Before You Etch: How to Prototype Like a Boss
-
Upload
jacklynburgan -
Category
Design
-
view
217 -
download
0
description
Transcript of Sketch Before You Etch: How to Prototype Like a Boss
![Page 1: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/1.jpg)
Sketch before you Etch:How to Prototype like a Boss
![Page 2: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/2.jpg)
Hello.
![Page 3: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/3.jpg)
Let’s get down to business.
![Page 4: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/4.jpg)
Who is prototyping at their job today?
![Page 5: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/5.jpg)
Agenda.
• Part One: Sketching
• Part Two: Feedback
• Part Three: Iterate
• Tools & Frameworks
• Manager Buy In
![Page 6: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/6.jpg)
Part One: Sketching.
![Page 7: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/7.jpg)
What happened?
![Page 8: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/8.jpg)
Part Two: Getting Feedback.
![Page 9: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/9.jpg)
A few tips:
• Don’t give a guided tour
• Shut up
• Ask open ended questions
• Follow up
• Let the user fail
• Observe the user
![Page 10: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/10.jpg)
Part Two [ish]: Writing the questions.
![Page 11: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/11.jpg)
Part Not Quite Three: Asking the questions.
![Page 12: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/12.jpg)
What happened?
![Page 13: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/13.jpg)
Improvising & the value of failing fast.
![Page 14: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/14.jpg)
Part Three: Iterating.
![Page 15: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/15.jpg)
Part [still] Three: Working together.
![Page 16: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/16.jpg)
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!].
![Page 17: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/17.jpg)
Paper is great and all, but...
![Page 18: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/18.jpg)
Medium-fidelity prototypes.
![Page 19: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/19.jpg)
Medium-fidelity [web].
• Mockingbird
• Balsamiq
• Power Mockup
• InvisionApp
![Page 20: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/20.jpg)
Medium-fidelity [desktop].
• Axure
• Visio
• Omnigraffle
![Page 21: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/21.jpg)
High-fidelity prototypes.
![Page 22: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/22.jpg)
Frameworks
• Twitter Bootstrap
• DivShot
• JetStrap
• Zurb Foundation
• Unsemantic
• jQueryUI
![Page 23: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/23.jpg)
Incorporating prototypes into your project.
![Page 24: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/24.jpg)
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
![Page 25: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/25.jpg)
Manager buy in.
![Page 26: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/26.jpg)
The arguments.
• “It will take too much time away from development, pushing our deadline back.”
• “We need documentation!”
![Page 27: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/27.jpg)
What else?
![Page 28: Sketch Before You Etch: How to Prototype Like a Boss](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b49b1f4a79593a7b8b4732/html5/thumbnails/28.jpg)
Thanks.