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

Usability Primer in 10 Minutes Flat (GORUCO)

thoughtmerchant
June 08, 2013
Design
2
550

Usability Primer in 10 Minutes Flat (GORUCO)

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

thoughtmerchant

June 08, 2013
Tweet

More Decks by thoughtmerchant

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

Other Decks in Design

See All in Design
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
590
1年目のクリエイターがつくりあげた！採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
510
ZKK_001.pdf
nicholaspegu
0
1.5k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
ネーミングの極意 - その名は体を現していますか？ -
kakukoki
2
470
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
210
Illustrator2025がやってきた！私が好きな新機能
hamko1114
0
110
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k

Featured

See All Featured
YesSQL, Process and Tooling at Scale
rocio
171
14k
The Invisible Side of Design
smashingmag
299
50k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Thoughts on Productivity
jonyablonski
69
4.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
How STYLIGHT went responsive
nonsquared
98
5.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
A Tale of Four Properties
chriscoyier
158
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Building Flexible Design Systems
yeseniaperezcruz
328
38k

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