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

9 Keys to Great UX

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Eric Larson Eric Larson
March 29, 2013
Technology
0
90

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
38
Usability Testing Primo
Avatar for Eric Larson ewlarson
0
94
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
OCI Security サービス 概要
Avatar for oracle4engineer oracle4engineer
PRO
2
13k
類似画像検索モデルの開発ノウハウ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
910
Lookerの最新バージョンv26.2がやばい話
Avatar for Yuta Ozaki waiwai2111
1
160
EMからVPoEを経てCTOへ：マネジメントキャリアパスにおける葛藤と成長
Avatar for KAKEHASHI kakehashi
PRO
7
890
AI Agentにおける評価指標とAgent GPA
Avatar for tsho tsho
1
300
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.9k
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
200
マルチロールEMが実践する「組織のレジリエンス」を高めるための組織構造と人材配置戦略
Avatar for coconala_engineer coconala_engineer
3
430
Startups on Rails: 2026 at RubyConf Thailand
Avatar for Irina Nazarova irinanazarova
0
110
ブラックボックス観測に基づくAI支援のプロトコルのリバースエンジニアリングと再現 ~AIを用いたリバースエンジニアリング~ @ SECCON 14 電脳会議 / Reverse Engineering and Reproduction of an AI-Assisted Protocol Based on Black-Box Observation @ SECCON 14 DENNO-KAIGI
Avatar for chibiegg chibiegg
0
140
チームメンバー迷わないIaC設計
Avatar for hayama hayama17
5
3.8k
Claude Cowork Plugins を読む - Skills駆動型業務エージェント設計の実像と構造
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
0
270

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
500
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.3k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
260
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
190
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
220
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
210
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k
How to make the Groovebox
Avatar for あそなす asonas
2
2k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
190
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k

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