ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
ATTENTION
&
MEMORY
DESIGN IMPLICATIONS
LEARNING OBJECTIVES
1
2
3
Attention
Info Scent
Recognition > Recall
Design
Implications
HOW IS ATTENTION RELEVANT
TO INTERFACE DESIGN?
• Create visual hierarchy & structure by guiding attention
• Make sure people notice things
1 Attention
Why?
1 Attention
• Make sure people notice things
1 Attention
What?
What makes
the spotlight
move?
1 Attention
Top-down
Bottom-up
1 Attention
Top-down
Bottom-up
Goal-
directed
Design-
directed
1 Attention
1 Attention
1 Attention
Design Implications
How do interfaces need to work with users’…
- top-down attention?
- bottom-up attention?
2 Info Scent
What is information scent?
How is it relevant to interface
design?
How is it related to attention?
INFO SCENT
Information
goal
Information
scent
Association
s
2 Info Scent
Design Implications
What are some do’s and don’ts for
information scent?
3 Recognition > Recall
3 Recognition > Recall
http://persuasive-patterns.com/patterns/Recognition-over-recall
3 Recognition > Recall
http://persuasive-patterns.com/patterns/Recognition-over-recall
What were 1 & 2?
3 out of how many?
Knowing that recognition is easier than
recall, what are some do’s and don’ts for
interface design?
3 Recognition > Recall
Design Implications
1
2
3
Attention
Info Scent
Recognition > Recall
Examples
1LAB EXERCISE
Your goal: Post a
link to a friend’s
wall.
Your goal: Find a
good book about
UX.
Note how each website applies the
concepts:
1. Attention
a. top-down
b. bottom-up
2. Information scent
3. Recognition > Recall
2LAB EXERCISE
Find examples of these concepts
applied well or not:
1. Attention
a. top-down
b. bottom-up
2. Information scent
3. Recognition > Recall
Find who won the
Oscar for best director.
Find whether you submitted
an assignment that was due
last week.
Find job listings that
require UX skills.
Just examine, no specific goal:
1-2 mobile apps
of your choice

More Related Content

Attention info scent recognition vs recall