1. Design Prototyping Bringing Wireframes to Life Dan Harrelson

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

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

5. No ProductAwesome Product Design processes are dynamic

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

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

11. We come up with some dynamic ideas

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

14. We need something more dynamic: Design Protoyping

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

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

17. ... 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 http://en.wikipedia.org/wiki/Prototyping Prototypes

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

20. Why prototype?

21. Wireframes aren’t enough

26. Prototype goes here

27. Reduce documentation

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

30. Usability test

31. See how a concept will Function Feel Work

32. Experiences are Interactive

33. Experiences are Responsive

34. Experiences have Emotion* *Wireframes Don’t

35. Generate concepts Validate concepts

36. What makes a good prototype?

37. Interactive

38. FastHow Fast? How about an afternoon?

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

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

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

42. Complex Critical Design Prototype Quick Wireframe

43. Prototyping techniques

44. Paper prototyping

45. Digital prototyping

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

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

48. Thanks! Questions? Comments? Dan Harrelson @danharrelson dan@adaptivepath.co m

49. September 15-18, 2009 San Francisco http://uxweek.comhttp://uxweek.com/ 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, 2009 San Francisco November 2-5, 2009 Washington, D.C. http://adaptivepath.com/even ts/2009/uxihttp://adaptivepath.com/even ts/2009/uxi/