A pared down deck from my May 2013 talk at the One More Thing conference in Melbourne, Australia.

1. MaggieSteciuk
DESIGNER, TERRIBLE LABS
@MSTECIUK
Epiphaniesare
hardwork.

2. Reasonsyoumightnotprototype

3. “I’M ON A
DEADLINE”
Reasonsyoumightnotprototype

4. “I’M ON A
DEADLINE”
“I ALREADY
HAVEANIDEA”
Reasonsyoumightnotprototype

5. “I’M ON A
DEADLINE”
“I ALREADY
HAVEANIDEA”
“THISISGONNABEA
PIECEOFCAKE”
Reasonsyoumightnotprototype

6. Prototypesareatoolfor
learningaboutproblems
and
validatingoursolutions.

7. Prototypeshelpus:

8. Prototypeshelpus:
Understand

9. Communicate&
Prototypeshelpus:
Understand

10. Understand
THEPROBLEM SPACE

11. Understand
THEPROBLEM SPACE
Business

12. Understand
THEPROBLEM SPACE
Business
Technical

13. Understand
THEPROBLEM SPACE
Business
TechnicalUser

14. Understand
THEPROBLEM SPACE
Business
TechnicalUser

15. Understand
THEPROBLEM SPACE
Business
TechnicalUser
Magichappens

16. Understand
THEPROBLEM SPACE
Business
TechnicalUser
Magichappens

17. Understand
THEPROBLEM SPACE
Business
TechnicalUser
Magichappens

18. Understand
THEPROBLEM SPACE
Business
TechnicalUser
Magichappens

19. Communicate

20. “Chair”
Communicate

21. “Chair”
Communicate

23. “Oh,Igetit!”
Peopleunderstand
whattheycansee.

25. Andthatenablesthemto
givebeerfeedback.
“...andhere’swhat
Ithink...”

26. Ourclientslikeprototypes,too

27. Howdowe
PROTOTYPE?

28. Howdowe
PROTOTYPE? Plan

29. Howdowe
PROTOTYPE? Plan
Build

30. Howdowe
PROTOTYPE? Plan
Build
Measure

31. Howdowe
PROTOTYPE? Plan
Build
Measure
Learn

32. Howdowe
PROTOTYPE? Plan
Build
Measure
Learn

33. Thevalueofprototyping
iscumulative.

34. Plan
Build
Measure
LearnWhatquestiondoweneedtoanswer?

35. Plan
Build
Measure
LearnWhatquestiondoweneedtoanswer?
Howmightwebestdothat?

36. Plan
Build
Measure
LearnWhatquestiondoweneedtoanswer?
Howmightwebestdothat?

37. Plan
Build
Measure
Learn
Key:buildsomethingyou
caninteractwithASAP

38. SIDEBAR:
SKETCHING

39. BETTERIDEAS
NEEDMOREIDEAS
SIDEBAR:
SKETCHING

40. Yourfirstideamaynotbeyourbest

41. Yourfirstideamaynotbeyourbest

42. Yourfirstideamaynotbeyourbest

44. BETTERIDEAS
NEEDMOREIDEAS
FOCUS
THECONVERSATION
SIDEBAR:
Sketching

45. Howdonesomethinglooks
≈
howdonesomethingis

46. BETTERIDEAS
NEEDMOREIDEAS
FOCUSED
REVIEWMEETINGS
INTERACTIVITY
IN5MINUTESFLAT
SIDEBAR:
Sketching

48. Almostmagic

51. BETTERIDEAS
NEEDMOREIDEAS
FOCUSED
REVIEWMEETINGS
INTERACTIVITY
IN5MINUTESFLAT
VALIDATE
EVENEARLIER
SIDEBAR:
Sketching

52. Plan
Build
Measure
Learn
Gatherdata
soyoucananswerthequestions
yousetouttoanswer.

53. NumberofTestUsers
UsabilityProblemsFound
0 3 6 9 12 15
0%
25%
50%
75%
100%
Jakob Nielsen:“WhyYouOnlyNeedtoTestwith5Users”

55. From:AnonymousUser
Ididn’tgetit. What’sthe
pointofthisappagain?
Icouldn’tfigureitout.

56. From:AnonymousUser
Ididn’tgetit. What’sthe
pointofthisappagain?
Icouldn’tfigureitout.
WHAT
AN
IDIOT

57. ? ??
Empathize!

58. Plan
Build
Measure
Learn
Learningisn’tjust
lookingatthedata.

59. ? ??

60. TYPITTY
TYPITTY
? ??

61. ? ??

63. Exhilarating!

64. “Epiphanies”
arehardwork

65. I’mconvinced!
Canyoutelluswhat
thebestprototyping
toolis?

66. Mmmmm,no.

67. PEN&PAPER INVISION
FLINTO KEYNOTEor
POWERPOINT
PROTO.IO

68. PEN&PAPER INVISION
FLINTO KEYNOTEor
POWERPOINT
PROTO.IO
XCODE
QUARTZ
COMPOSER APPCOOKER FIREWORKS+TAP
BALSAMIQ
BRIEFSPOPAPP
AXUREVARIOUS
FRAMEWORKS
FRAMER REFINE.IO

69. PEN&PAPER INVISION
FLINTO KEYNOTEor
POWERPOINT
PROTO.IO
XCODE QUARTZ
COMPOSER
APPCOOKER FIREWORKS+TAP
BALSAMIQ
BRIEFSPOPAPP
AXUREVARIOUS
FRAMEWORKS
FRAMER REFINE.IO

70. PEN&PAPER INVISION
FLINTO KEYNOTEor
POWERPOINT
PROTO.IO
XCODE QUARTZ
COMPOSER
APPCOOKER FIREWORKS+TAP
BALSAMIQ
BRIEFSPOPAPP
AXUREVARIOUS
FRAMEWORKS
FRAMER REFINE.IO

71. Choosethebesttoolforthejob

72. Choosethebesttoolforthejob
LEARNABILITY &
Familiarity

73. Choosethebesttoolforthejob
EASEOF
Distribution
LEARNABILITY &
Familiarity

74. Choosethebesttoolforthejob
EASEOF
Distribution
LEARNABILITY &
Familiarity
IMPORTANCEOF
Collaboration

75. QUALITY OF
Interactivity
Choosethebesttoolforthejob
EASEOF
Distribution
LEARNABILITY &
Familiarity
IMPORTANCEOF
Collaboration

76. Experiment

77. FRAMER

79. PROTO.IO

80. Quality vs.Quantity
Storytime

81. Prototypingisaprocess
So,remember:

82. Prototypingisaprocess Righttool,righttime
So,remember:

83. Prototypingisaprocess Righttool,righttime
So,remember:
Anddon’tforget:
sketchingis
preygreat!

84. Thankyou!
(PLEASECLAPNOW)

85. hp://pbon.es/proto
Thankyou!
(PLEASECLAPNOW)
RESOURCES: