Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Usability Primer in 10 Minutes Flat (GORUCO)

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for thoughtmerchant thoughtmerchant
June 08, 2013
Design
600
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
400
Good Enough is Better
Avatar for thoughtmerchant thoughtmerchant
0
450
Better Experiences by Involving Customers
Avatar for thoughtmerchant thoughtmerchant
1
390
The Grid & Typography for Developers
Avatar for thoughtmerchant thoughtmerchant
10
970
Leveraging SASS + Compass to Create Style Guides
Avatar for thoughtmerchant thoughtmerchant
11
1.3k
Designing Mobile Web Experiences
Avatar for thoughtmerchant thoughtmerchant
16
870
Unifying Agile and UX with Live Style Guides
Avatar for thoughtmerchant thoughtmerchant
30
9.6k
Usability Primer in 10 Minutes Flat
Avatar for thoughtmerchant thoughtmerchant
3
390
Who Shot Lorem Ipsum
Avatar for thoughtmerchant thoughtmerchant
1
440

Other Decks in Design

See All in Design
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
Avatar for SUGIMOTO Tatsuo sugi2000
0
150
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.9k
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k
このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era
Avatar for こぎそ / Shinichi Kogiso kgsi
1
1.3k
飲み会を妻に伝えるベストタイミング分析
Avatar for kudaranaishiryo kudaranai
0
110
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
240
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
410
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
Avatar for 都村　美帆 abokadotyann
2
490
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.6k
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.5k
技術に明るくない人が技術を選ぶために
Avatar for moco moco1013
0
160
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
Avatar for Ayumi Suzuki ayumidesign
0
290

Featured

See All Featured
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
280
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
530
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
420
Design in an AI World
Avatar for tapps tapps
1
380
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4.1k

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