hugeinc.cominfo@hugeinc.com45 Main St. #220 Brooklyn, NY 11201+1 718 625 4843

January 31, 2013Bury the Wireframe: A Primer in Interaction Prototyping

A Primer in Interaction Prototyping.

Bury the Wireframe:

This is not a talk about prototyping tools.

Prototyping is a process.

Explore.Communicate.Validate.

Explore.Communicate.Validate.

Exploration is collaborative.

“Creative Intelligence is social. We increase our creative ability

by learning from others, collaborating, sharing.”

- Bruce NussbaumCreative Intelligence

Collaborate. If Kanye can, you can.

Wireframes are great tool for information design, not

interaction design.

Explore.Communicate.Validate.

A click is worth a thousand annotations.

Maybe...

I’ll just read the annotations.

Communication is being a salesperson.

You are a sales person.

“Selling, I’ve grown to understand, is more urgent, more important, and, in its own sweet way, more beautiful than we realize.”

- Dan Pink

Explore.Communicate.Validate.

Invalidate at every step.

Validate in the wild.

More Considerations

• How savvy are clients, stakeholders?

• How innovative is your design?

• What are the core interactions in the experience?

• How foreign is the context?

Get prototyping:Just do it.

Don’t be precious.Tell a story.

Define your content first.Use the buddy system.

Test. Break. Repeat.Make something you love.

One more thing.

hello@derekvaz.com

hugeinc.cominfo@hugeinc.com45 Main St. #220 Brooklyn, NY 11201+1 718 625 4843

Appendix.

Tools, Resources, Frameworks

• Prototypr http://bit.ly/Vx0vz0• Kenotopia http://bit.ly/aLrB1A• Window Resizer for Chrome http://bit.ly/Qylb49• Zurb Foundation http://foundation.zurb.com/• Code Academy http://bit.ly/udgloC• CSS Hat http://bit.ly/I6Or3m

Books

• Prototyping: A Practitioners Guide http://bit.ly/9Fa3f• Sketching User Experiences http://amzn.to/aI8EEU• Lean UX http://amzn.to/Xu8JY9