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

TO DESIGN IS TO INSPIRE
PARTICIPATION

THE VALUE OF AN IDEA
IS 0

UNLESS IT CAN BE
COMMUNICATED

HOW WE USUALLY DEMO A
PRODUCT

HOW WE USUALLY DEMO A
PRODUCT

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

COMMUNICATION BANDWIDTH PROTOTYPE MOCKUPS WRITE
UP IDEA VIDEO

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

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

COMMUNICATION BANDWIDTH MOCKUPS: PROTOTYPE MOCKUPS
WRITE UP IDEA VIDEO

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

COMMUNICATION BANDWIDTH PROTOTYPE MOCKUPS WRITE
UP IDEA VIDEO

COMMUNICATION BANDWIDTH PROTOTYPE MOCKUPS WRITE
UP IDEA VIDEO

THE GOAL OF
PROTOTYPING

TO CONVINCE YOURSELF AND OTHERS
OF AN IDEA

THE PRINCIPALS OF
PROTOTYPING

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

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

Wii Controller

Palm Pilot

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

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.

2

2

2

2

2
The image psych.

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

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

4 Make the best paper
airplane.

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

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.

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.

4

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

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.

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

The Tools jQuery + HTML
+ CSS jqueryfordesigners.com

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.

Reach for the a light-weight
prototype first.

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

SELL THE DREAM

PITCH YOU AUDIENCE HOW DOES
IT MAKE THEIR LIFE BETTER?

SELL THE DREAM * *
not this way

*
* this way

TELL A STORY

BE DRAMATIC

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