Prototype
L i k e a P ro
Early version
of an idea
This is not
a prototype
This is not
a prototype
This is
Why Prototype?
To answer
questions
Minimal
Contains only
core features
Testable
You can put it in front of
people and have them try it out
(instead of just telling them about it)
Measurable
You can get the
numbers behind what's
working and what's not.
And hopefully fun to
create and use
How to create
a great
Prototype?
1
Plan
Define stories,
and identify tasks
Create a user
flow diagram
Sketch rough
interface screens
Login screen
Proto ty p e s
Basic
shapes
The ones you need, without the
distraction of the ones you don't need
Alignment
and
Snapping
Copy Style
Visual K L
styles K L
Fast Slow
low fidelity Finally! high fidelity
Hundreds of
UI building
blocks for...
iPad
iPhone
Web/Desktop
Android
BlackBerry
Windows Phone 7
and Facebook
Thousands of companies use it!
And everyone loves it!
I love Keynotopia prototyping templates.
Used them to rapidly develop a fitness app
as part of Phoenix Startup Weekend, and
ended up winning the peoples choice and
best presentation!