Design Prototyping: Bringing Wireframes to Life

  • Published on
    27-Jan-2015

  • View
    103

  • Download
    1

Embed Size (px)

DESCRIPTION

See how "design prototyping" differs from other techniques, and learn how to determine when a prototype is needed. Understand how to tailor your prototype to a particular audience, gather techniques for bringing paper sketches to life, and how interactive sketching can fit in an Agile process.

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 Whats design prototyping? Why prototype? What makes a good prototype? Techniques for prototyping 4. Design processes are dynamic No ProductAwesome Product 5. Design processes are dynamic 6. Design processes are dynamic 7. Design processes are dynamic 8. Competitive Analysis User Research Business StrategyBrand GuidelinesTechnologyWe take in all Metricssorts of input 9. UsersStakeholdersDevelopers Designers Customers Partners We work with lotsof different peopleProspects 10. We come up with some dynamic ideas 11. We output somepretty static stuff Sitemaps User flows Personas Wireframes Visual comps 12. We need somethingmore dynamic: Design Protoyping 13. Prototypes... allow engineers anddesigners the ability toexplore design alternatives,test theories and confirm performance prior to starting production of anew product * * http://en.wikipedia.org/wiki/Prototyping 14. easyconnected .NETintegrated fastAIRJSONperformanceslow Rails SilverlightREST connectedapiProof of conceptXAML scalablemashuphardsecure 15. Prototypes... allow engineers anddesigners the ability toexplore design alternatives,test theories and confirm performance prior to starting production of anew product * * http://en.wikipedia.org/wiki/Prototyping 16. branded hard easy complexstatic functionalsimple animated safepersonal competitivefriendly slickDesign prototypeinteractiveusable 17. Why prototype? 18. Wireframes arent enough 19. Prototype goes here 20. Reduce documentation 21. Get internal buy-in**money for your concept 22. Usability test 23. See how a conceptwill Function Work Feel 24. Experiences are Interactive 25. Experiences are Responsive 26. Experiences haveEmotion**Wireframes Dont 27. Generate concepts Validate concepts 28. What makes a good prototype? 29. Interactive 30. How about an How Fast?Fastafternoon? 31. http://www.boxesandarrows.com/view/interactive 32. DisposableIts not about the prototype, its about the ideas! 33. Focused Dont prototype: Do prototype: Core interactions Solved problemsImportant patterns Agreed upon solutionsRisky functionality 34. FocusedDesign CriticalPrototypeQuickWireframeComplex 35. Prototyping techniques 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. Questions?Comments? Dan Harrelson @danharrelson dan@adaptivepath.co m 41. Use promotional code MIX and get 10% off either registration price.May 11-14, 2009September 15-18, April 2-3, 2009Berlin 2009 San Francisco San FranciscoJune 15-18, 2009San Francisco http://adaptivepath.com/ November 2-5, 2009 http://uxweek.com/ events/2009/aprWashington, D.C. http://adaptivepath.com/events/2009/uxi/