Intro to Interaction Design

1. Prototyping
INTERACTION DESIGN | APR. 19, 2016
WEEK 12

2. What is Prototyping?

3. A prototype is anything a person
can look at and respond to.
(A prototype doesn’t usually have to be
very complex in order to learn what
you need to know.)

4. A communication exercise that tests ideas
A simulation of how a product could work
The most compelling way to demonstrate interaction
Has many levels of fidelity and cost
PROTOTYPING

5. LUCIUS FOX
Designer
BRUCE WAYNE
Client

7. It’s just a
prototype.

9. Why Do We Prototype?

10. TO FIGURE SHIT OUT

11. SIMULATE THE EXPERIENCE
FIND & FIX PROBLEMS
PREVENT NEEDLESS SPENDING
SELL AN IDEA

12. Different Methods of Prototyping

13. PAPER
INTERACTIVE
PHYSICAL

14. Least expensive and quickest form of prototyping
Gives the impression that the idea is unfinished, and thus editable
Pieces can be adjusted on the fly because they’re easily disposable
Useful as a shared activity with participants
PAPER PROTOTYPING

16. https://www.youtube.com/watch?v=9wQkLthhHKA

17. Range in fidelity, but are typically medium-high fidelity
Simulates digital experiences well by incorporating animation
Can be easily distributed through online channels
INTERACTIVE
PROTOTYPING

18. Works well for physical products or environmental designs
Allows testing of materials that could become a design factor
Researching physical behaviors related to a product can be done
Often the most expensive or least accessible form of prototyping
PHYSICAL
PROTOTYPING

21. How do I make a prototype?

22. Draw sketches (already done)
Make a storyboard (already done)
Figure out what you need to prototype
(any open questions?)
Figure out how you’re going to make
the prototype (as efficiently as possible)

23. What software should I use if I’m
creating a digital prototype?
Invision - more info

24. What software should I use if I’m
creating a digital prototype?
Apple Keynote - more info

25. There are lots of other options, too.
See here

26. How to usability test a prototype with users

27. Assignment

28. Keep working on your group projects.
Build a prototype to test your screen
dimensions, behaviors, and the overall
experience. Conduct a quick usability
test with users.