1 / 49

Design Prototyping

Design Prototyping. Bringing Wireframes to Life. Dan Harrelson. Please *. @danharrelson #mix09 #proto. * As if I could stop you. Introduction. Design deliverables What’s design prototyping? Why prototype? What makes a good prototype? Techniques for prototyping. No Product.

guido
Download Presentation

Design Prototyping

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Design Prototyping • Bringing Wireframes to Life Dan Harrelson

  2. Please * @danharrelson #mix09 #proto * As if I could stop you...

  3. Introduction • Design deliverables • What’s design prototyping? • Why prototype? • What makes a good prototype? • Techniques for prototyping

  4. No Product Awesome Product Design processes are dynamic

  5. Design processes are dynamic

  6. Design processes are dynamic

  7. Design processes are dynamic

  8. Competitive Analysis User Research Business Strategy Brand Guidelines We take in all sorts of input Technology Metrics

  9. Users Stakeholders Developers Designers Customers Partners We work with lots of different people Prospects

  10. We come up with some dynamic ideas

  11. We output some pretty static stuff • Sitemaps • User flows • Personas • Wireframes • Visual comps

  12. We need something more dynamic:Design Protoyping

  13. Prototypes ... allow engineers and designers the ability to explore design alternatives, test theories and confirm performance prior to starting production of a new product * * http://en.wikipedia.org/wiki/Prototyping

  14. easy connected .NET integrated fast AIR JSON performance slow Rails Silverlight REST Proof of concept connected api XAML scalable mashup hard secure

  15. Prototypes ... allow engineers and designers the ability to explore design alternatives, test theories and confirm performance prior to starting production of a new product * * http://en.wikipedia.org/wiki/Prototyping

  16. branded hard easy complex static functional simple animated safe personal Design prototype competitive friendly slick interactive usable

  17. Why prototype?

  18. Wireframes aren’t enough

  19. Prototype goes here

  20. Reduce documentation

  21. Get internal buy-in* *money for your concept

  22. Usability test

  23. See how a concept will Function See how a concept will Function Work Work Feel

  24. Experiences are Interactive

  25. Experiences are Responsive

  26. Experiences have Emotion* *Wireframes Don’t

  27. Generate conceptsValidate concepts

  28. What makes a good prototype?

  29. Interactive

  30. How Fast? How about an afternoon? Fast

  31. http://www.boxesandarrows.com/view/interactive

  32. Disposable It’s not about the prototype, it’s about the ideas!

  33. Focused • Don’t prototype: • Solved problems • Agreed upon solutions • Do prototype: • Core interactions • Important patterns • Risky functionality

  34. Design Prototype Critical Quick Wireframe Complex Focused

  35. Prototypingtechniques

  36. Paper prototyping

  37. Digital prototyping

  38. http://www.boxesandarrows.com/view/quick-and-easy-flash

  39. In conclusion • Deliverables need to be more dynamic • Design prototyping can help... • Good ones are fast, disposable and focused

  40. Thanks! Questions?Comments? Dan Harrelson @danharrelson dan@adaptivepath.com

  41. Use promotional code MIX and get 10% off either registration price. April 2-3, 2009 San Francisco http://adaptivepath.com/events/2009/apr May 11-14, 2009 Berlin June 15-18, 2009San Francisco November 2-5, 2009 Washington, D.C. http://adaptivepath.com/events/2009/uxi/ September 15-18, 2009 San Francisco http://uxweek.com/

More Related