Make it Shine: User Experience Design

Make it Shine: User Experience Design

I gave this 40min presentation April 5 and April 7 at Harvard Innovation lab & at the MIT Microsoft New England Research & Development center at the most-attended sessions @BarCampBoston

728ea2be8c91c1cdc0088d61999dfb31?s=128

Courtney Bolton, UX

April 11, 2012
Tweet

Transcript

  1. Make it Shine, user experience design @courtneyBolton

  2. None
  3. What is this, user experience design?

  4. User research A C Visual design B Interaction design E

    Usability studies D Content strategy
  5. User Research • Personas • Competitive research • Audience needs

    • Goals • Success metrics • Usability studies a
  6. Interaction Design • Features, functionality • Task Flows • Diagrams,

    maps, interactions • Wireframes • Future vision • Paper prototypes b
  7. None
  8. Visual Design • Branding • Look & Feel • Emotional

    impact • Polish • Consistency • Motion, movement c
  9. None
  10. Content Strategy • Brand messaging, tone • Error messages •

    FAQ / Help sections • Customer service scripts • Lead generation d
  11. Usability Studies • Ease-of-use • Spots market opportunities • Speed

    • Responsiveness • Desired outcome? e
  12. Start with the problem. Ask why until you can’t anymore.

  13. Know your audience. Understand who your users are. • Who’s

    buying your product? • What do they want? • What do they need? • Exceed their expectations.
  14. Think Critically. Where do other products fail?

  15. Think Creatively. What will make yours better?

  16. Talk to your users. What do they love? Which parts

    do they hate? Where are things difficult? What do they need?
  17. Understand, What makes you unique?

  18. None
  19. Kayak, for Apparel

  20. Jetsetter, for Beaches

  21. TurboTax, for Relationships

  22. Klout, for Video Games

  23. “We’re the next Facebook.”

  24. “Like Quicken, but Better.”

  25. Mint, for Personal Finance

  26. None
  27. None
  28. User Experience Design Principles Make it Memorable.

  29. Visible Flexible Consistent Trustworthy

  30. Design Principle Visibility (can I see it?) 1

  31. Design Principle Feedback (is it responsive?) 2

  32. Design Principle Affordance (does it look like I can effect

    it?) 3
  33. Design Principle Consistency (do I know what to expect?) 4

  34. Design Principle Constraints (what are my constraints?) 5

  35. Design Principle Mental Maps (where am I & where can

    I go?) 6
  36. Design Principle Flexibility (does it play well with others?) 7

  37. Design Principle Beauty (is it pretty?) 8

  38. Design Principle Interoperability (is it modular, re-useable?) 9

  39. Design Principle Trustworthy (do I trust it?) *

  40. Visibility Feedback Affordance Eyes Touch Sensing 1 4 7 *

    Flexibility Beauty Interoperability Trustworthy Consistency Design Constraints Mental Maps
  41. @courtneyBolton Thank you! (Questions?)