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

Make it Shine, User Experience Design

2,936 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

×