Make it Shine, User Experience Design

2,915 views

Published on

40min presentation introducing user experience design to students at Harvard Innovation lab & MIT / Microsoft research students at barCampBoston 2012

Make it Shine, User Experience Design

  1. 1. Make it Shine,user experience design @courtneyBolton
  2. 2. What is this,user experience design?
  3. 3. A User researchB Interaction designC Visual designD Content strategyE Usability studies
  4. 4. aUser Research• Personas• Competitive research• Audience needs• Goals• Success metrics• Usability studies
  5. 5. bInteraction Design• Features, functionality• Task Flows• Diagrams, maps, interactions• Wireframes• Future vision• Paper prototypes
  6. 6. cVisual Design• Branding• Look & Feel• Emotional impact• Polish• Consistency• Motion, movement
  7. 7. dContent Strategy• Brand messaging, tone• Error messages• FAQ / Help sections• Customer service scripts• Lead generation
  8. 8. eUsability Studies• Ease-of-use• Spots market opportunities• Speed• Responsiveness• Desired outcome?
  9. 9. Start with the problem. Ask why until you can’t anymore.
  10. 10. Know your audience.Understand who your users are.• Who’s buying your product?• What do they want?• What do they need?• Exceed their expectations.
  11. 11. Think Critically.Where do other products fail?
  12. 12. Think Creatively.What will make yours better?
  13. 13. Talk to your users. What do they love? Which parts do they hate? Where are things difficult? What do they need?
  14. 14. Understand,What makes you unique?
  15. 15. Kayak, for Apparel
  16. 16. Jetsetter, for Beaches
  17. 17. TurboTax, for Relationships
  18. 18. Klout, for Video Games
  19. 19. “We’re the next Facebook.”
  20. 20. “Like Quicken, but Better.”
  21. 21. Mint, for Personal Finance
  22. 22. User ExperienceDesign Principles Make it Memorable.
  23. 23. VisibleConsistentFlexibleTrustworthy
  24. 24. 1Design Principle Visibility (can I see it?)
  25. 25. 2Design Principle Feedback (is it responsive?)
  26. 26. 3 Design Principle Affordance(does it look like I can effect it?)
  27. 27. 4 Design Principle Consistency(do I know what to expect?)
  28. 28. 5 Design Principle Constraints(what are my constraints?)
  29. 29. 6 Design Principle Mental Maps(where am I & where can I go?)
  30. 30. 7 Design Principle Flexibility(does it play well with others?)
  31. 31. 8Design Principle Beauty (is it pretty?)
  32. 32. 9 Design Principle Interoperability(is it modular, re-useable?)
  33. 33. *Design Principle Trustworthy (do I trust it?)
  34. 34. Eyes 1 Visibility Feedback Affordance Touch 4 Consistency Design Constraints Mental MapsSensing 7 Flexibility Beauty Interoperability * Trustworthy
  35. 35. Thank you! (Questions?)@courtneyBolton

×