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
2
560
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
Share
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
420
Better Experiences by Involving Customers
thoughtmerchant
1
350
The Grid & Typography for Developers
thoughtmerchant
10
940
Leveraging SASS + Compass to Create Style Guides
thoughtmerchant
11
1.3k
Designing Mobile Web Experiences
thoughtmerchant
16
850
Unifying Agile and UX with Live Style Guides
thoughtmerchant
31
9.3k
Usability Primer in 10 Minutes Flat
thoughtmerchant
3
360
Who Shot Lorem Ipsum
thoughtmerchant
1
400
Other Decks in Design
See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
760
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
220
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
200
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
佐藤千晶|ポートフォリオ
chimi_chia
0
210
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
210
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
590
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
650
Featured
See All Featured
Designing for Performance
lara
610
69k
Code Review Best Practice
trishagee
72
19k
Music & Morning Musume
bryan
46
6.9k
Why Our Code Smells
bkeepers
PRO
340
57k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Unsuck your backbone
ammeep
671
58k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Rails Girls Zürich Keynote
gr2m
95
14k
A Tale of Four Properties
chriscoyier
161
23k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
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