Ux Design prototyping

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

http://keynotekungfu.com/

http://keynotpia.com/

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