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
570
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
380
Good Enough is Better
Avatar for thoughtmerchant thoughtmerchant
0
440
Better Experiences by Involving Customers
Avatar for thoughtmerchant thoughtmerchant
1
360
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
860
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
370
Who Shot Lorem Ipsum
Avatar for thoughtmerchant thoughtmerchant
1
420

Other Decks in Design

See All in Design
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
580
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.1k
Signull 団体説明資料
Avatar for Signull signull
0
580
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
Avatar for Sho Nagata nagata03
0
250
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
290
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
150
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
590
Diverse Design Team Deck
Avatar for Diverse diverse
0
1.5k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
770
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
360
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.3k
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3k

Featured

See All Featured
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
450
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.5k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
280
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
330
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.7k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
350
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k

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