This document summarizes and compares several prototyping tools, including Axure, Easel, InVision Protoshare, and Balsamiq Mockups. Key points covered include unique features of each tool, such as gesture support in Axure and animation capabilities in InVision Protoshare. The document also discusses how different tools can be used at different stages of the design process, from low-fidelity sketching with Balsamiq to high-fidelity prototyping and user testing with InVision Protoshare. It concludes by asking what prototyping tools are commonly used in Nashville.

1. Prototyping Tool
Roundup
Nashville UX – Aug 2013
John Horstman
@johnhorstman
JohnHorstman.com

3. Emily Schwartzman

4. Emily’s blog post
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

5. The Tools Evaluated
Source: “Designer’s Toolkit: Road Testing Prototype Tools,” by Emily Schwartzman
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

6. Evaluation Matrix
Source: “Designer’s Toolkit: Road Testing Prototype Tools,” by Emily Schwartzman
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

7. Existing Comps vs.
Building from Scratch
InVision Protoshare

8. A Few Unique Traits

9. Axure: Gesture Support

10. Solidify: User Testing

11. Easel: HTML/CSS

12. Protoshare: Animation
Using Animations
When a component’s Visibility changes
based on a state change, you may also
specify an Animation effect to use when it
shows or hides itself.

13. Strong Mobile Support
Flinto Fluid Briefs

14. Low Fidelity Tools

15. Balsamiq Mockups

16. Mockup built while designing Kodiak
http://www.kodiaklearning.com

17. POP
(Prototyping on Paper)

18. Feedback Army

19. Fitting the Tools into the Process

20. Kodiak’s Process
g
Sketch Balsamiq Fireworks Browser
User Testing

21. What’s Nashville Using?
?

22. Thanks!
John Horstman
@johnhorstman
JohnHorstman.com
KodiakLearning.com