User Behavior č Design Implications č Design Specifics
2 Create Visual Hierarchy & Guide Eye
•Important
Things = Visually Prominent
(More Important
= Larger / Sharp Contrast)
Use headlines to guide the eye
•Visual
Contrast
Use sharp changes in size (headline), light intensity (bold), color,
texture, motion to create contrast.
•Proximity:
related things spatially close
Spatial
separation = conceptual separation.
Don't mix
alignment styles.
•Use Grouping
& Nesting to Increase Information Density
(Short-term
Memory = 3-7)
Use bounding shapes.
• Design for Scanning
Make text short - cut words
• Make page work at a glance
Sufficient left margin,
640x480 = main message
• Create Visual
Hierarchy
• Make obvious
what you can do
• Make obvious
what is clickable
• Don't make users think
Get rid of question marks
Each item = clear purpose
• Repetition & Consistency
Grid Layout, Easy Navigation,
Graphics, Color Coding,
Typography
User Behavior č
Design Implications
User Behavior č
Design Implications č Design Specifics
Scan pages - don't read them
Look for
anything = Search Interest
Decide quickly
Choose first
“reasonable item”
Muddle through
Don't figure
out how things work
Resist forming
models