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

9 Keys to Great UX

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
37
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
22nd ACRi Webinar - ChipTip Technology Eric-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
100
私たち準委任PdEは2つのプロダクトに挑戦する ～ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践～ / 20260212 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
210
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
270
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
260
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
230
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
2
190
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
170
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
200
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
300
22nd ACRi Webinar - 1Finity Tamura-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
110
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
680

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
120
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
950
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
740
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
690
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
80
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.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