Upgrade to Pro — share decks privately, control downloads, hide ads and more …

9 Keys to Great UX

9 Keys to Great UX

Wherein I present nine points to keep in mind while shaping good user experiences.

0c6e18570f8a5192b8cdfd809196c540?s=128

Eric Larson

March 29, 2013
Tweet

More Decks by Eric Larson

Other Decks in Technology

Transcript

  1. Eric Larson

  2. Research Uncertainty / Patterns / Insight Clarity / Focus Prototype

    Design
  3. Hello

  4. I make websites Increasingly complex web-based projects for nearly a

    decade.
  5. Wendt Library (Engineering)

  6. Journal of Insect Science - Open Access

  7. Wisconsin TechSearch

  8. UW-Madison BibApp

  9. Astronomy Department Publications

  10. UW System Library Catalog

  11. Gimlet.us

  12. I am a librarian Instruction, reference, collection development, liaison librarian.

  13. Hello. Thanks for being here today.

  14. Question? How do you redesign for beginner and advanced users?

  15. Answer Well... you donʼt. They both have the same needs.

    Seriously.
  16. All users expect great user experience.

  17. Research Uncertainty / Patterns / Insight Clarity / Focus Prototype

    Design
  18. Beginner Uncertainty / Patterns / Insight Clarity / Focus Intermediate

    Advanced
  19. 9 Keys to Great UX

  20. Practice User Centered Design #1

  21. Understand your users and support their goals.

  22. The first statement of Google’s Corporate Philosophy is: “Follow the

    user and all else will follow.”
  23. This means that the importance of user experience is encoded

    into Google’s culture.
  24. None
  25. None
  26. None
  27. None
  28. Make your interface easy to learn and enjoyable to use.

  29. None
  30. None
  31. Say Hello #2

  32. None
  33. None
  34. None
  35. None
  36. None
  37. Stay Lean #3

  38. None
  39. Build Measure Learn 1 2 3

  40. None
  41. None
  42. None
  43. None
  44. Employ Hierarchy #4

  45. Web pages are hierarchical documents.

  46. None
  47. Use color, dimension, size, placement and contrast to support your

    hierarchy.
  48. None
  49. Follow Best Practices #5

  50. Follow industry norms for speed, accessibility, and modern web standards

    design.
  51. <uffdah>...

  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. ...</uffdah>

  59. Be Consistent #6

  60. Leverage a grid system, standardized fonts, typography and iconography.

  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None
  70. Give Feedback #7

  71. Actions beget responses. Talk to your users.

  72. None
  73. None
  74. None
  75. None
  76. Be Forgiving #8

  77. Help users recover from mistakes and get back into the

    action.
  78. None
  79. Empower Advanced Users #9

  80. Add keyboard shortcuts and personalization features to boost productivity.

  81. None
  82. None
  83. “Problem solving is squiggly” - @leisa

  84. Web/UX Todo List • Provide training • Consultation • Conduct

    usability experiments • Communicate • Document
  85. Thanks