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

Usability Primer in 10 Minutes Flat (GORUCO)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for thoughtmerchant thoughtmerchant
June 08, 2013
Design
580
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
390
Good Enough is Better
Avatar for thoughtmerchant thoughtmerchant
0
440
Better Experiences by Involving Customers
Avatar for thoughtmerchant thoughtmerchant
1
380
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
870
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
380
Who Shot Lorem Ipsum
Avatar for thoughtmerchant thoughtmerchant
1
420

Other Decks in Design

See All in Design
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
910
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
170
「親切なオンボーディング」 が招く罠　ー　AI時代のUXデザイン
Avatar for 小神 godlingkogami
1
140
Signull 団体説明資料
Avatar for Signull signull
0
740
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
120
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
7
5.2k
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.7k
hicard_credential_202601
Avatar for hicard hicard
0
270
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
350
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.4k
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
250
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.5k

Featured

See All Featured
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
450
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
480

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