Post on 01-Dec-2014
description
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.
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