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

9 Keys to Great UX

Avatar for Eric Larson Eric Larson
March 29, 2013
Technology
0
88

9 Keys to Great UX

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

Avatar for Eric Larson

Eric Larson

March 29, 2013
Tweet

More Decks by Eric Larson

See All by Eric Larson
Put Your Money Where The Mouse is: Tools and Techniques for Making Informed Design Decisions
Avatar for Eric Larson ewlarson
0
33
Usability Testing Primo
Avatar for Eric Larson ewlarson
0
90
Ruby Tips
Avatar for Eric Larson ewlarson
0
110
Finding images in book page images
Avatar for Eric Larson ewlarson
4
790

Other Decks in Technology

See All in Technology
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
Avatar for JaeSoon Jeong jeongjaesoon
0
240
2つのフロントエンドと状態管理
Avatar for MIXI ENGINEERS mixi_engineers
PRO
3
120
Apache Spark もくもく会
Avatar for Takaaki Yayoi taka_aki
0
130
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
Avatar for 株式会社ログラス loglass2019
4
65k
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
210
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
260
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
Avatar for Kento Kimura aoto
PRO
1
480
KotlinConf 2025_イベントレポート
Avatar for ソニー株式会社 sony
1
140
RSCの時代にReactとフレームワークの境界を探る
Avatar for uhyo uhyo
10
3.5k
Create Ruby native extension gem with Go
Avatar for sue445 sue445
0
120
企業の生成AIガバナンスにおけるエージェントとセキュリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
190
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
190

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
580
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
13k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
513
110k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k

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