1. HOW TO PROTOTYPE
AND INFLUENCE
PEOPLE
aza raskin, creative lead for firefox, @azaaza

3. TO DESIGN
IS TO INSPIRE
PARTICIPATION

4. THE VALUE OF AN IDEA IS
0

5. UNLESS IT CAN BE
COMMUNICATED

6. HOW
WE
USUALLY
DEMO
A
PRODUCT

7. HOW
WE
USUALLY
DEMO
A
PRODUCT

9. SOME CRAZY IDEAS
FIREFOX MOBILE
UBIQUITY & TASKFOX
JETPACK
TABCANDY
NEW TAB EXPERIENCE

10. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO

11. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO
IDEA: Manage your tabs spatially.

12. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO
WRITE UP: That late night email.

13. COMMUNICATION BANDWIDTH
MOCKUPS:
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO

14. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO
PROTOTYPE: See demo

15. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO

16. COMMUNICATION BANDWIDTH
PROTOTYPE
MOCKUPS
WRITE UP
IDEA
VIDEO

17. THE GOAL OF
PROTOTYPING

18. TO CONVINCE YOURSELF
AND OTHERS OF AN IDEA

19. THE PRINCIPALS OF
PROTOTYPING

20. 0
No matter how good you are,
there is no substitute for trying
it. You are wrong.

21. 1
Aim to finish the first-pass in a
day.

23. Wii Controller

24. Palm Pilot

26. 1
Aim to finish the first-pass in a
day.
* Do less.
* If you hit a wall, try another tack.

27. 2
You are making a touchable
sketch.
* You don’t have to paint every line, just the main ones.
* To the user, the interface is the product.

28. 2

29. 2

30. 2

31. 2

32. 2
The image psych.

33. 3
A tight feedback loop is key.
* Try try try. (Why we made Jetpack)
* Dogfood

34. 4
You are iterating your solution
as well as your understanding
of the problem.

35. 4
Make the best paper airplane.

36. 4
Make the best paper airplane.
Make a paper plane that glides well.

37. 4
Make the best paper airplane.
Make a paper plane that glides well.
Make a pure paper-plane that glides well and can be
thrown.

38. 4 Make a pure paper-plane that glides well and can be thrown.
Make a pure paper-plane that glides well, can be
launched, and has most of its weight up front.

39. 4

40. 4
Make a pure paper-plane that glides well, can be
launched, has most of its weight up front, and a
non-floppy fuselage.

41. 4
Make the best paper plane.
Make a pure paper-plane that glides well, can be
launched, has most of its weight up front, and
has a non-floppy fuselage.

42. 5
Treat the code as throw-away,
but be ready to refactor.

43. The Tools
jQuery + HTML + CSS
jqueryfordesigners.com

44. 0. You are going to get it wrong the fist time.
1. Try to finish the first artifact in a day.
2. Iterate fast. Dogfood much.
3. You will change the problem
you are trying to solve.
4. Plan to throw it away.

45. Reach for the a light-weight
prototype first.

46. THE VALUE OF AN IDEA IS
0
UNLESS IT CAN BE COMMUNICATED

47. SELL THE DREAM

48. PITCH YOU AUDIENCE
HOW DOES IT MAKE THEIR
LIFE BETTER?

49. SELL THE DREAM
*
* not this way

50. *
* this way

52. TELL A STORY

53. BE DRAMATIC

54. THAT IS
HOW TO PROTOTYPE
AND INFLUENCE
PEOPLE
aza raskin, creative lead for firefox, @azaaza