Your SlideShare is downloading. ×
0
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Bury the Wireframe: A Primer in Interaction Prototyping

6,378

Published on

Originally presented at Interaction 13 in Toronto, Jan 31, 2013 …

Originally presented at Interaction 13 in Toronto, Jan 31, 2013

When it comes to communicating a concept, testing assumptions and gaining consensus, nothing beats a prototype. Yet many people believe prototyping is beyond their ability or too taxing to add to their process.

It's time we stop using static representations to design interactive products. This talk will discuss why interaction designers should abandon printouts for interaction prototypes, how to introduce them into your process and showcase real world examples and success stories.

Published in: Design
6 Comments
39 Likes
Statistics
Notes
  • @robertthomasrankin Likewise! Thanks for the comment, Thomas.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @krasse Thanks for your comment. Regarding your question and with respect to the fact there is little context for the slides without audio, the short answer is there was no reason. The authors I mentioned just happend to be the leading subject matter experts on this topic. (Had I been talking about mobile design for example, I would have referred to Karen McGrane's Content Strategy for Mobile among other works.) You are right about women in Interaction Design. In fact, I work with some of the most talented women working in our field here at Huge HQ in Brooklyn including Michal Pasternak - Partner, UX and Emily Wengert - VP, UX. If you're ever in town, please feel free to stop by and say hi.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • nice info ! :D
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice presentation, but is there any reason why there are only men on the pictures in the presentation? There are women working with matters about interaction design too.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice to meet you last week Derek. Awesome deck!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
6,378
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
83
Comments
6
Likes
39
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. January 31, 2013Bury the Wireframe: A Primer in Interaction Prototypinghugeinc.cominfo@hugeinc.com45 Main St. #220 Brooklyn, NY 11201+1 718 625 4843
  • 2. Bury the Wireframe:A Primer inInteractionPrototyping.
  • 3. This is not a talk about prototyping tools.
  • 4. Prototyping is a process.
  • 5. Explore.Communicate.Validate.
  • 6. Explore.Communicate.Validate.
  • 7. Exploration is collaborative.
  • 8. “Creative Intelligence is social.We increase our creative ability by learning from others, collaborating, sharing.” - Bruce Nussbaum Creative Intelligence
  • 9. Collaborate. If Kanye can, you can.
  • 10. Wireframes are great tool for information design, not interaction design.
  • 11. Explore.Communicate.Validate.
  • 12. A click is worth a thousand annotations.
  • 13. Maybe...I’ll just read the annotations.
  • 14. Communication is being a salesperson.
  • 15. 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
  • 16. Explore.Communicate.Validate.
  • 17. Invalidate at every step.
  • 18. Validate in the wild.
  • 19. 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?
  • 20. 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.
  • 21. One more thing.
  • 22. hello@derekvaz.com
  • 23. hugeinc.cominfo@hugeinc.com45 Main St. #220 Brooklyn, NY 11201+1 718 625 4843
  • 24. Appendix.
  • 25. 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
  • 26. Books• Prototyping: A Practitioners Guide http://bit.ly/9Fa3f• Sketching User Experiences http://amzn.to/aI8EEU• Lean UX http://amzn.to/Xu8JY9

×