This document discusses prototyping as a design philosophy. It provides guiding principles for prototyping, including knowing your audience and intent, planning a little and prototyping the rest, setting expectations, prototyping only what is needed, and prototyping early and often. It also discusses different prototyping techniques like paper prototyping and their pros and cons. The document encourages the reader to create a prototype for a geotagging photo sharing application and provides criteria to include in the prototype.

1. PRACTICAL PROTOTYPING
UX AUSTRALIA @ZAKIWARFEL

2. This isn’t about...
PROTOTYPES
because they’re just artifacts

3. So, let’s discuss...
PROTOTYPING AS A DESIGN
PHILOSOPHY

4. “
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.
”
DAVE GRAY, XPLANE

5. GUIDING PRINCIPLES

6. I
KNOW YOUR AUDIENCE & INTENT

8. LADY DIANA VS LADY GAGA

9. PROTOTYPES HELP YOU
...work through a design
...communicate concepts
...sell an idea
...gauge technical feasibility
...test usability

10. II
PLAN A LITTLE PROTOTYPE THE REST

11. PLAN VS. PROTOTYPE

12. III
SET EXPECTATIONS

13. ROCKET

14. IV
YOU CAN SKETCH

15. V
IT’S NOT THE MONA LISA

16. Preferences Logout
IM: Jessica K.
New Programs Messages
Delete
0401 1234 Sprint Rebates
Message Program Date
0401 5678 Verizon Wireless SI Creative Approval 04011234 02/01/2008
0401 9876 The Home Depot Visa Approval 04011111 03/01/2008
System maintenance
Creative Request Updated 04011234 02/15/2008
Update New Program
Programs in Progress Capacity
04012222 Sprint
14 of 70 Implementations
80% $Fees 80% $Fees 80% $Fees 80% $Fees
Capacity: 80%
VM Creative VM Creative VM Creative VM Creative
04011111 Volvo
80% $Fees 80% $Fees 80% $Fees 80% $Fees
VM Creative VM Creative VM Creative VM Creative
Program: Name/ID
Search

17. VI
IF YOU CAN’T MAKE IT FAKE IT

19. VII
PROTOTYPE ONLY WHAT YOU NEED

20. VIII
PROTOTYPE EARLY & OFTEN

21. FUNCTIONAL VS. VISUAL FIDELITY

22. HTML
FLASH
AXURE
FIREWORKS
PAPER
FUNCTIONAL VS. VISUAL
FIDELITY

23. A QUICK LESSON IN CRITIQUE

24. THE 235

25. SKETCH

26. PITCH

27. CRITIQUE

28. BUILD

29. PAPER PROTOTYPING

30. PROS VS CONS

31. HANDLEBARS

32. WINDOW SHADES

33. TRANSPARENCIES

34. SLIDERS

35. YOUR CHALLENGE

36. THE NEXT GEOSOCIALTAGGER
.PHOTOS/VIDEOS (gallery)
.GEO-TAGGING
.AUTHENTICATION/REGISTRATION
.SHARING
.BADGES/REPUTATION SYSTEM

37. REMEMBER THE GUIDING PRINCIPLES

38. THE NEXT GEOSOCIALTAGGER
.PHOTOS/VIDEOS (gallery)
.GEO-TAGGING
.AUTHENTICATION/REGISTRATION
.SHARING
.BADGES/REPUTATION SYSTEM

39. ONE MORE THING...

40. REMEMBER THE 235

41. READY. SET. GO.

42. PITCH & CRITIQUE

43. FIREWORKS

44. FIREWORKS

45. KEYNOTE

46. http://keynotekungfu.com/

47. http://keynotpia.com/

48. VIDEO

49. HTML5 CSS3 JQUERY

50. HTML

51. HTML

52. KICKING IT UP A NOTCH

53. HTML

54. SELF HEAL

55. HTML

56. PROGRESSIVE REVEAL

57. HTML

58. THANKS!
SAVE 25% WITH
http://bitly.com/protobk DISCOUNT CODE TODD