prototyping tool roundup - nashville ux, aug 2014

Post on 27-Jan-2015

118 Views

Category:

Design

4 Downloads

Preview:

Click to see full reader

DESCRIPTION

Brief overview of a handful of prototyping tools, and how they fit into the product development lifecycle This presentation owes props to Emily Schwartzman for an excellent blog post evaluating several prototyping tools: http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes Twitter: @johnhorstman JohnHorstman.com KodiakLearning.com

TRANSCRIPT

Prototyping Tool RoundupNashville UX – Aug 2013

John Horstman@johnhorstmanJohnHorstman.com

Emily Schwartzman

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

The Tools Evaluated

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

Evaluation Matrix

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

Existing Comps vs. Building from Scratch

InVision Protoshare

A Few Unique Traits

Axure: Gesture Support

Solidify: User Testing

Easel: HTML/CSS

Protoshare: Animation

Using AnimationsWhen 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.

Strong Mobile Support

Flinto Fluid Briefs

Low Fidelity Tools

Balsamiq Mockups

Mockup built while designing Kodiakhttp://www.kodiaklearning.com

POP(Prototyping on Paper)

Feedback Army

Fitting the Tools into the Process

Kodiak’s Process

g

Sketch Balsamiq Fireworks Browser

User Testing

What’s Nashville Using?

?

Thanks!John Horstman@johnhorstmanJohnHorstman.comKodiakLearning.com

top related