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
350
Good Enough is Better
thoughtmerchant
0
400
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
(第１回) アーキテクト・テックリード育成講座
masakaya
0
110
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
510
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
Dive Deep into Communication
yomtsu
0
110
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380
ZKK_001.pdf
nicholaspegu
0
1.4k
Design System for training program
mct
0
160
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
150
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
170
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.6k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470

Featured

See All Featured
Fireside Chat
paigeccino
34
3.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Testing 201, or: Great Expectations
jmmastey
40
7.1k
Designing for humans not robots
tammielis
250
25k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Unsuck your backbone
ammeep
669
57k

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