Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Usability Primer in 10 Minutes Flat (GORUCO)
Search
thoughtmerchant
June 08, 2013
Design
590
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
More Decks by thoughtmerchant
See All by thoughtmerchant
All the design wisdom I have right now.
thoughtmerchant
0
390
Good Enough is Better
thoughtmerchant
0
440
Better Experiences by Involving Customers
thoughtmerchant
1
380
The Grid & Typography for Developers
thoughtmerchant
10
970
Leveraging SASS + Compass to Create Style Guides
thoughtmerchant
11
1.3k
Designing Mobile Web Experiences
thoughtmerchant
16
870
Unifying Agile and UX with Live Style Guides
thoughtmerchant
30
9.5k
Usability Primer in 10 Minutes Flat
thoughtmerchant
3
380
Who Shot Lorem Ipsum
thoughtmerchant
1
430
Other Decks in Design
See All in Design
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
180
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
490
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.8k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
340
TOPOSTOPOS
shoheyey
0
150
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
210
CULTURE DECK/Marketing Director
mhand01
0
1.6k
Decksh keywords
ajstarks
0
120
PLATEAUで白い街を作る
aikautau
0
170
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
240
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
0
180
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
250
Featured
See All Featured
Building an army of robots
kneath
306
46k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Darren the Foodie - Storyboard
khoart
PRO
3
3.8k
Prompt Engineering for Job Search
mfonobong
0
420
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The Curse of the Amulet
leimatthew05
2
14k
A Soul's Torment
seathinner
6
3.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.5k
KATA
mclloyd
PRO
35
15k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Become a Pro
speakerdeck
PRO
31
6.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Transcript
None
Steve Berry Thought Merchants UX / UI / Design Consultant
www.thoughtmerchants.com @thoughtmerchant
I work with start-ups & emerging companies.
None
Fidelity F U E P unctional sable motional ersuasive
Usability Heuristics Testing
None
None
F-Patterns - How to • Line things up on the
left • Create a clear left hand scan line • Put important words first • Use a grid
F-Patterns - Why? • Increase scanability • Increase ambient findability
• Decrease eye fixations • Easily control user gaze
None
None
None
F F
None
None
Read more... Get free card reader Build your list View
full size screenshot
Read more... Get free card reader Build your list View
full size screenshot
Action words to the left Subject Verb Object Verb Object
None
Line length
Optimal line length ~12-17 words 45-75 characters
Proximity
Anna Tester Joe Tester Jonk University, School of Education AIC
- Academic Internship Council
Anna Tester Joe Tester Jonk University, School of Education AIC
- Academic Internship Council
None
None
None
Expectations Click
None
None
Consistency Makes users comfortable
Users explore more... ...use your app more...
None
None