Natalie W. Nixon, PhD – Director, Strategic Design, Philadelphia University

1. Prototyping
Natalie Nixon, PhD
@natwnixon
nixonn@philau.edu
July 9, 2015
European Innovation Academy

3. What is a prototype?

5. “Doodling, drawing, modeling.
Sketch ideas and make things,
and encourage accidental
discoveries.
At the most fundamental level,
what we’re talking about is play,
about exploring borders.”
-Tom Kelly,
“Prototyping is the Shorthand of Innovation”
in The Art of Innovation

6. Rough
draft,
ugly,
mockup.

7. Lo-Fidelity

11. Hi-Fidelity

12. Why should you prototype?

18. Ideal outcomes
from a prototype?

19. viable
desirable
feasible

20. You want people to
poke at it, tell you
what’s wrong, what’s
missing and
confusing…

21. … so that
you can
build on it.

22. Build To Learn.

23. Dilbert, Scott Adams, 2001

24. Examples

35. How Do You Prototype?

38. 1.Make list of steps from the
user’s perspective.
2.Sketch/doodle a screen
shot for each step
3.Create a separate sketch for
each drop-down menu item

39. Why paper prototypes?
• Mock up, test, & refine… before
writing tons of code
• Can conduct informal usability
tests
• Keeps you focused on a simple
user interface
• Easier to let it go!
• Spot deal-breakers earlier in the
process

40. smart phone UI elements

41. smart phone UI elements

45. Thank You!
Natalie Nixon
@natwnixon
nixonn@philau.edu