Your SlideShare is downloading. ×
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Prototyping
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Prototyping

173

Published on

My presentation for WXG (Web Expo Guildford)

My presentation for WXG (Web Expo Guildford)

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
173
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Thank you to :: Keith Turner, Nathan Verrill, Mathias Crawford, Ollie Kavanagh, Natalie Fletcher This talk is a prototype. Kat Kavanagh @kassy4 http://thisiscapra.com Sunday, 27 October 13
  • 2. Hello! Sunday, 27 October 13
  • 3. Hello! Sunday, 27 October 13
  • 4. Sunday, 27 October 13
  • 5. Sunday, 27 October 13
  • 6. Sunday, 27 October 13
  • 7. Sunday, 27 October 13
  • 8. Sunday, 27 October 13
  • 9. Defined. A prototype is an early sample, model or release of a product built to test a concept or process or to act as a thing to be replicated or learned from. It is a term used in a variety of contexts, including semantics, design, electronics, and software programming. -wikipedia Sunday, 27 October 13
  • 10. In cognitive science Cognitively we reason using imagination, past experiences to define how we view the world. We use prototypes to help us define how we think about things. But that means that the view the world is inherently distorted by prototypes. Sunday, 27 October 13
  • 11. “ A good design is better than you think. -Rex Heftman Sunday, 27 October 13
  • 12. My definition Prototypes efficiently answer designers’* most important questions in the least amount of time. Sunday, 27 October 13
  • 13. A prototype is not... Sunday, 27 October 13
  • 14. Sunday, 27 October 13
  • 15. Product centric. Sunday, 27 October 13
  • 16. The Role Look & Feel Implementation Houde & Hill Sunday, 27 October 13
  • 17. Image mapped comps Paper design comps Interactive wireframes Sketches Visual Fidelity Paper wireframes Image mapped sketches Functional Fidelity Sunday, 27 October 13 Rich comp prototype Proof of concept prototype Production ready ‘prototype’ Rich interactive wireframes
  • 18. “ There is no such thing as high or low fidelity, only appropriate fidelity. - Bill Buxton Sunday, 27 October 13
  • 19. But why? Sunday, 27 October 13
  • 20. Sunday, 27 October 13
  • 21. Sunday, 27 October 13
  • 22. Sunday, 27 October 13
  • 23. Sunday, 27 October 13
  • 24. Wire Clay Paper Scale Sunday, 27 October 13
  • 25. Sunday, 27 October 13
  • 26. Sunday, 27 October 13
  • 27. Sunday, 27 October 13
  • 28. Sunday, 27 October 13
  • 29. Sunday, 27 October 13
  • 30. The Role Look & Feel Implementation Houde & Hill Sunday, 27 October 13
  • 31. Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 32. Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 33. Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 34. Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 35. Role Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 36. Role Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Look Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 37. Role Mathias Crawford, Game designer Theorist, game nerd Nathan Verrill, Director Look Big dreamer, user experience junkie Kat Kavanagh, Interface designer Pixel pusher, product champion and mediator Implementation Mark Borcherding, Developer Devil’s advocate, perfectionist Keith Turner, Developer Logical master, method maker The ‘other devs’ Sunday, 27 October 13
  • 38. Remote team Sunday, 27 October 13
  • 39. Sunday, 27 October 13
  • 40. Sunday, 27 October 13
  • 41. PLAYTEST Sunday, 27 October 13
  • 42. Sunday, 27 October 13
  • 43. Sunday, 27 October 13
  • 44. Sunday, 27 October 13
  • 45. Sunday, 27 October 13
  • 46. Sunday, 27 October 13
  • 47. Sunday, 27 October 13
  • 48. Sunday, 27 October 13
  • 49. Sunday, 27 October 13
  • 50. Sunday, 27 October 13
  • 51. Sunday, 27 October 13
  • 52. Sunday, 27 October 13
  • 53. Sunday, 27 October 13
  • 54. Sunday, 27 October 13
  • 55. Sunday, 27 October 13
  • 56. Sunday, 27 October 13
  • 57. Sunday, 27 October 13
  • 58. Sunday, 27 October 13
  • 59. Sunday, 27 October 13
  • 60. Sunday, 27 October 13
  • 61. Sunday, 27 October 13
  • 62. Sunday, 27 October 13
  • 63. Sunday, 27 October 13
  • 64. Sunday, 27 October 13
  • 65. Sunday, 27 October 13
  • 66. Sunday, 27 October 13
  • 67. Why different types of prototypes? Sunday, 27 October 13
  • 68. “ By prototyping isolated interactions at a high functional fidelity and testing them with users, I can get really good data about whether that interaction works before I base an application around it…. -Fred Beecher Sunday, 27 October 13
  • 69. The Role Integrated Implementation Houde & Hill Sunday, 27 October 13 Look & Feel
  • 70. Remote prototyping • It is HARD. • Try out new tools • Maintain excellent communication • Have project owners • Assign roles, and swap them when appropriate Sunday, 27 October 13
  • 71. We’re convinced already! Sunday, 27 October 13
  • 72. Iteration is actually expensive • Can’t necessarily reuse code • End up with a messy disjointed product • If over 50% of your code is for your interface, then... Sunday, 27 October 13
  • 73. dev + design + business Sunday, 27 October 13
  • 74. Do you have a methodology? Sunday, 27 October 13
  • 75. Scientific method Sunday, 27 October 13
  • 76. Desired Outcome Model 1. Who wants it? 2. What’s wanted? 3. What does it get them? 4. How will they know when they have it? 5. What stops them from having it? 6. What problems could having it cause? 7. What must they do to achieve their desired outcome? Sunday, 27 October 13
  • 77. Backplan Start with the desired outcome. Milestone 1 Sunday, 27 October 13 Milestone 2 Milestone 3
  • 78. Wing it! But... Sunday, 27 October 13
  • 79. Wing it! But... • Timebox tasks Sunday, 27 October 13
  • 80. Wing it! But... • Timebox tasks • Discuss take-away points Sunday, 27 October 13
  • 81. Wing it! But... • Timebox tasks • Discuss take-away points • Have a curator Sunday, 27 October 13
  • 82. Wing it! But... • Timebox tasks • Discuss take-away points • Have a curator • Icebox most of the ideas Sunday, 27 October 13
  • 83. Sunday, 27 October 13
  • 84. Sunday, 27 October 13
  • 85. Sunday, 27 October 13
  • 86. Sunday, 27 October 13
  • 87. Sunday, 27 October 13
  • 88. Sunday, 27 October 13
  • 89. ON ICE. Sunday, 27 October 13
  • 90. Requests & Agreements Making Requests Responding to Requests Clarify the want Consider the request Who wants it? What is wanted? What does it get them? How will they know when they have it? Make the request Who is asking? Who is being asked? What do I want you to do? How will I know it is done? By when? Sunday, 27 October 13 Are you clear what is being asked? Do you know the criteria for satisfaction? (What is the minimum required (demanded), what is the ideal (desired)? What context got us here? When does it need to be done by? Make the request Promise, Decline, Counteroffer Commit to commit (When I get more info, I’ll get back to you by x date), Renegotiate
  • 91. Are you AGILE? Sunday, 27 October 13
  • 92. Sunday, 27 October 13
  • 93. Tools should make everything easy. Sunday, 27 October 13
  • 94. When does prototyping fail? Sunday, 27 October 13
  • 95. Sunday, 27 October 13
  • 96. Fail. Sunday, 27 October 13
  • 97. Fail. • Sunday, 27 October 13 Trying to do too much
  • 98. Fail. • • Sunday, 27 October 13 Trying to do too much Fidelity is wrong for what you’re testing
  • 99. Fail. • • • Sunday, 27 October 13 Trying to do too much Fidelity is wrong for what you’re testing Too many assumptions
  • 100. Fail. • • • • Sunday, 27 October 13 Trying to do too much Fidelity is wrong for what you’re testing Too many assumptions Prototype things too late
  • 101. Fail. • • • • • Sunday, 27 October 13 Trying to do too much Fidelity is wrong for what you’re testing Too many assumptions Prototype things too late Inability to let go of preconceived ideas
  • 102. Fail. • • • • • • Sunday, 27 October 13 Trying to do too much Fidelity is wrong for what you’re testing Too many assumptions Prototype things too late Inability to let go of preconceived ideas Test only experts or new users
  • 103. Doing, not seeing! It’s your turn... Sunday, 27 October 13
  • 104. Sunday, 27 October 13
  • 105. The Role Look & Feel Implementation Houde & Hill Sunday, 27 October 13
  • 106. Keep in mind • Test one thing: the issue you think is the most complex • • • • Keep fidelity low Sunday, 27 October 13 Let go of preconceived ideas Test ‘in-context’ Test with both expert and new users in mind
  • 107. Okay... Go! Sunday, 27 October 13
  • 108. Presenting... Sunday, 27 October 13
  • 109. Dan + Anna + Me Sunday, 27 October 13
  • 110. Sunday, 27 October 13
  • 111. Sunday, 27 October 13
  • 112. Sunday, 27 October 13
  • 113. I think we all agree prototyping should be part of your plan. Sunday, 27 October 13
  • 114. But, how to sell prototyping time to your boss as part of your work process? Sunday, 27 October 13
  • 115. Boss cheat sheet Sunday, 27 October 13
  • 116. Boss cheat sheet 1. Best way to get complete logical interaction loops that make sense (especially for complex interactions) Sunday, 27 October 13
  • 117. Boss cheat sheet 1. Best way to get complete logical interaction loops that make sense (especially for complex interactions) 2. Whittles out shit ideas Sunday, 27 October 13
  • 118. Boss cheat sheet 1. Best way to get complete logical interaction loops that make sense (especially for complex interactions) 2. Whittles out shit ideas 3. Gets everyone on board and understanding what will be happening early on (I see! with testing to confirm it!) Sunday, 27 October 13
  • 119. Boss cheat sheet 1. Best way to get complete logical interaction loops that make sense (especially for complex interactions) 2. Whittles out shit ideas 3. Gets everyone on board and understanding what will be happening early on (I see! with testing to confirm it!) 4. Can iterate through 10 concepts in a week Sunday, 27 October 13
  • 120. Boss cheat sheet 1. Best way to get complete logical interaction loops that make sense (especially for complex interactions) 2. Whittles out shit ideas 3. Gets everyone on board and understanding what will be happening early on (I see! with testing to confirm it!) 4. Can iterate through 10 concepts in a week 5. Can address risks and problems early on before they become dangerous for the business Sunday, 27 October 13
  • 121. Sunday, 27 October 13
  • 122. Sunday, 27 October 13
  • 123. Iteration is expensive.... Go forth and Prototype! Sunday, 27 October 13
  • 124. Thank you. Sunday, 27 October 13 @kassy4 http://thisiscapra.com

×