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

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
430
Better Experiences by Involving Customers
Avatar for thoughtmerchant thoughtmerchant
1
350
The Grid & Typography for Developers
Avatar for thoughtmerchant thoughtmerchant
10
960
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.5k
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
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
210
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
360
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
120
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
1
130
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
770
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.8k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
740
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
440
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
190
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
720
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
230

Featured

See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
940
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
150
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.5k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
61
52k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k

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