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
2
560

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
Tweet

More Decks by thoughtmerchant

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

Other Decks in Design

See All in Design
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
440
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
270
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
330
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
470
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
880
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
190
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.7k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
360
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
310
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
300
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.5k
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
910

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
320
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k

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