ux design prototyping
TRANSCRIPT
PRACTICAL PROTOTYPINGUX AUSTRALIA @ZAKIWARFEL
PROTOTYPESThis isn’t about...
because they’re just artifacts
PROTOTYPING AS A DESIGN PHILOSOPHY
So, let’s discuss...
“
DAVE GRAY, XPLANE
Prototyping is practice for people who design and make things. When you prototype, you allow your design, product, or service to practice being itself. And as its maker, you learn more about your designs in this way than you ever could in any other way.”
GUIDING PRINCIPLES
I
KNOW YOUR AUDIENCE & INTENT
LADY DIANA VS LADY GAGA
PROTOTYPES HELP YOU...work through a design...communicate concepts...sell an idea...gauge technical feasibility...test usability
II
PLAN A LITTLE PROTOTYPE THE REST
PLAN VS. PROTOTYPE
III
SET EXPECTATIONS
ROCKET
IV
YOU CAN SKETCH
V
IT’S NOT THE MONA LISA
New Programs
Programs in Progress
Messages
Capacity
0401 1234 Sprint Rebates
0401 5678 Verizon Wireless SI
0401 9876 The Home Depot
New Program
Delete
VM
80% $Fees
Creative VM
80% $Fees
Creative VM
80% $Fees
Creative
VM
80% $Fees
Creative VM
80% $Fees
Creative VM
80% $Fees
Creative
04011111 Volvo
VM
80%
Creative
VM
80%
Creative
$Fees
$Fees
04012222 Sprint
Message Program DateCreative Approval 04011234 02/01/2008
Visa Approval 04011111 03/01/2008
System maintenance
Creative Request Updated 04011234 02/15/2008
14 of 70 Implementations
Capacity: 80%
IM: Jessica K.
Update
Program:
Search
Name/ID
Preferences Logout
VI
IF YOU CAN’T MAKE IT FAKE IT
VII
PROTOTYPE ONLY WHAT YOU NEED
VIII
PROTOTYPE EARLY & OFTEN
FUNCTIONAL VS. VISUAL FIDELITY
FUNCTIONAL VS. VISUAL
FIDELITY
FLASH
AXURE
FIREWORKS
PAPER
HTML
A QUICK LESSON IN CRITIQUE
THE 235
SKETCH
PITCH
CRITIQUE
BUILD
PAPER PROTOTYPING
PROS VS CONS
HANDLEBARS
WINDOW SHADES
TRANSPARENCIES
SLIDERS
YOUR CHALLENGE
THE NEXT GEOSOCIALTAGGER.PHOTOS/VIDEOS (gallery).GEO-TAGGING.AUTHENTICATION/REGISTRATION.SHARING.BADGES/REPUTATION SYSTEM
REMEMBER THE GUIDING PRINCIPLES
THE NEXT GEOSOCIALTAGGER.PHOTOS/VIDEOS (gallery).GEO-TAGGING.AUTHENTICATION/REGISTRATION.SHARING.BADGES/REPUTATION SYSTEM
ONE MORE THING...
REMEMBER THE 235
READY. SET. GO.
PITCH & CRITIQUE
FIREWORKS
FIREWORKS
KEYNOTE
VIDEO
HTML5 CSS3 JQUERY
HTML
HTML
KICKING IT UP A NOTCH
HTML
SELF HEAL
HTML
PROGRESSIVE REVEAL
HTML
http://bitly.com/protobkTHANKS!SAVE 25% WITH DISCOUNT CODE TODD