Presented at Web Unleashed 2017 Details at www.fitc.ca/webu Presented by Fred Beecher, The Nerdery Overview No design method has as much power to transform how you design, build, and evolve interactive systems as prototyping. This talk distills over a decade’s worth of insights about prototyping into ten easy ways to improve the way you design and iterate. If prototyping is already part of your design process, these guidelines will help you get the most out of it. If you aren’t prototyping or your organization is resistant to it, this talk will arm you with an array of stories and examples that will help you get started in the way that works best for you. Objective The primary objective of this talk is to help people get the most impact from prototyping in their day to day work. The secondary objective is to help those who haven’t yet adopted prototyping to do so. Target Audience Primary: UX and UI designers. Secondary: Developers, etc. who work with UX and UI designers. Assumed Audience Knowledge I assume that the audience will not need to be convinced that prototyping is a valuable design method. Five Things Audience Members Will Learn How to improve the quality of their designs by building interactive prototypes rather than flat documentation How to get the most out of testing prototypes with users How to choose the right prototyping tool How to use prototyping throughout all stages of the design process How to use prototyping to change their own mindsets as well as that of their organizations

1. 10 pro tips for prototyping
fred beecher, director of ux and design

2. strategic
take risks
seek invalidation
prototype everything
prototype everywhere
be lazy
plan before you prototype
create plausible content
think lo-fi
choose your weapon
show examples; document details
tactical
@fred_beecher

3. prototype just enough to achieve your goal
be lazy.
@fred_beecher

4. <video of prototype>

5. write the usability test plan before you build your prototype
plan before you prototype.
@fred_beecher

7. integrate plausible, realistic content as you build your prototype
create plausible content.
@fred_beecher

8. doc brown sonia sotomayor
noted “scientist” supreme court justice

9. prototype only at the fidelity you need
think lo-fi.
@fred_beecher

11. use the right tool for the job
choose your weapon.
@fred_beecher

12. <wireframe sketches>

14. show AND tell. don’t just show.
show examples;
document details
@fred_beecher

16. go with your crazy ideas. then test them.
take risks.
@fred_beecher

18. look for your failures rather than your successes
seek invalidation.
@fred_beecher

19. you can prototype more than just digital products
prototype everything.
@fred_beecher

20. http://kokeilevasuomi.fi/en/experimenter-s-posters

21. http://kokeilevasuomi.fi/en/experimenter-s-posters

22. prototyping is useful at all stages of product development
prototype everywhere.
@fred_beecher

23. <customer journey map>

24. <journey map feedback
template>

25. strategic
take risks
seek invalidation
prototype everything
prototype everywhere
be lazy
plan before you prototype
create plausible content
think lo-fi
choose your weapon
show examples; document details
tactical
@fred_beecher

26. thank you so much!
fred beecher, director of ux and design
t: @fred_beecher
e: fbeecher@nerdery.com