Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

9 Keys to Great UX

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
35
Usability Testing Primo
Avatar for Eric Larson ewlarson
0
93
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
mablでリグレッションテストをデイリー実行するまで #mablExperience
Avatar for 弁護士ドットコム bengo4com
0
470
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
9.9k
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.3k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
1
900
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
0
640
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.1k
命名から始めるSpec Driven
Avatar for Kurowi kuruwic
3
810
freeeにおけるファンクションを超えた一気通貫でのAI活用
Avatar for jaxx2104 jaxx2104
3
550
21st ACRi Webinar - AMD Presentation Slide (Nao Sumikawa)
Avatar for Nao Sumikawa nao_sumikawa
0
170
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
「え？！それ今ではHTMLだけでできるの！？」驚きの進化を遂げたモダンHTML
Avatar for Riya Amemiya riyaamemiya
9
4.4k
Databricksによるエージェント構築
Avatar for Takaaki Yayoi taka_aki
1
110

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k

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