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

9 Keys to Great UX

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Eric Larson Eric Larson
March 29, 2013
Technology
92
0

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

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
40
Usability Testing Primo
Avatar for Eric Larson ewlarson
0
97
Ruby Tips
Avatar for Eric Larson ewlarson
0
120
Finding images in book page images
Avatar for Eric Larson ewlarson
4
800

Other Decks in Technology

See All in Technology
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.7k
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
380
oracle-to-databricks-migration-with-llm-and-dbt
Avatar for case-k-git casek
1
380
NFLコンペ2026 解法
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
130
大規模災害時でも高い信頼性を維持するアプリケーション基盤の実現/nikkei-tech-talk46
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
120
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
5
310
美味しいスイスチーズを作ろう🧀🐭
Avatar for Taiga Mikami taigamikami
1
190
Javaコミュニティをもっと楽しむための9箇条
Avatar for Sugiyama Takaaki takasyou
0
690
開発を止めない CI/CD ~CI Visibilityによる継続的最適化~
Avatar for Ryosuke Tsuruda pensuke628
0
210
TROCCOで始めるクラウドコストを民主化するためのFinOps
Avatar for Hiroki Takatsuka tk3fftk
1
460
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
15
7.9k
Dynamic Workersについて
Avatar for Yusuke Wada yusukebe
2
490

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
150
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
300
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
150
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
480

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