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

Usability Primer in 10 Minutes Flat (GORUCO)

Avatar for thoughtmerchant thoughtmerchant
June 08, 2013
Design
570
2

Usability Primer in 10 Minutes Flat (GORUCO)

In this talk we will go over usability heuristics for building better web experiences.

Avatar for thoughtmerchant

thoughtmerchant

June 08, 2013

More Decks by thoughtmerchant

See All by thoughtmerchant
All the design wisdom I have right now.
Avatar for thoughtmerchant thoughtmerchant
0
380
Good Enough is Better
Avatar for thoughtmerchant thoughtmerchant
0
440
Better Experiences by Involving Customers
Avatar for thoughtmerchant thoughtmerchant
1
360
The Grid & Typography for Developers
Avatar for thoughtmerchant thoughtmerchant
10
970
Leveraging SASS + Compass to Create Style Guides
Avatar for thoughtmerchant thoughtmerchant
11
1.3k
Designing Mobile Web Experiences
Avatar for thoughtmerchant thoughtmerchant
16
860
Unifying Agile and UX with Live Style Guides
Avatar for thoughtmerchant thoughtmerchant
31
9.5k
Usability Primer in 10 Minutes Flat
Avatar for thoughtmerchant thoughtmerchant
3
370
Who Shot Lorem Ipsum
Avatar for thoughtmerchant thoughtmerchant
1
420

Other Decks in Design

See All in Design
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
180
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
220
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
250
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
220
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
6.3k
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
17k
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.1k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.6k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
290
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
140
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
430

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.5k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
170
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
120
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Done Done
Avatar for chrislema chrislema
186
16k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
530
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k

Transcript

  1. None

  2. Steve Berry Thought Merchants UX / UI / Design Consultant

    www.thoughtmerchants.com @thoughtmerchant

  3. I work with start-ups & emerging companies.

  4. None

  5. Fidelity F U E P unctional sable motional ersuasive

  6. Usability Heuristics Testing

  7. None
  8. None

  9. F-Patterns - How to • Line things up on the

    left • Create a clear left hand scan line • Put important words first • Use a grid

  10. F-Patterns - Why? • Increase scanability • Increase ambient findability

    • Decrease eye fixations • Easily control user gaze
  11. None
  12. None
  13. None

  14. F F

  15. None
  16. None

  17. Read more... Get free card reader Build your list View

    full size screenshot

  18. Read more... Get free card reader Build your list View

    full size screenshot

  19. Action words to the left Subject Verb Object Verb Object

  20. None

  21. Line length

  22. Optimal line length ~12-17 words 45-75 characters

  23. Proximity

  24. Anna Tester Joe Tester Jonk University, School of Education AIC

    - Academic Internship Council

  25. Anna Tester Joe Tester Jonk University, School of Education AIC

    - Academic Internship Council
  26. None
  27. None
  28. None

  29. Expectations Click

  30. None
  31. None

  32. Consistency Makes users comfortable

  33. Users explore more... ...use your app more...

  34. None
  35. None