The document discusses three topics related to attention and memory in interface design: attention and how to guide users' focus, information scent and its relationship to attention, and the principle that recognition is easier than recall. It provides learning objectives and asks questions to help designers understand these concepts and consider examples of how popular websites employ techniques related to attention guidance, information scent, and recognition versus recall.

1. ATTENTION
&
MEMORY
DESIGN IMPLICATIONS

2. LEARNING OBJECTIVES
1
Attention
2
Info Scent
3
Recognition > Recall
Design
Implications

3. 1
Attention
Why?
HOW IS ATTENTION RELEVANT
TO INTERFACE DESIGN?
• Create visual hierarchy & structure by guiding attention
• Make sure people notice things

4. 1
Attention
• Make sure people notice things

5. 1
Attention
What?
What makes
the spotlight
move?

6. 1
Attention
What?
Top-down
Bottom-up

7. 1
Attention
Goal-directed

8. 1
Attention

9. 1
Attention

10. 1
Attention
Design
Implications
When do you want to direct users’
attention?
How do some popular websites do that? –
find 2-3 examples.

11. 2
Info Scent
What?
HOW IS INFORMATION SCENT
RELEVANT TO INTERFACE
DESIGN?
HOW IS IT RELATED TO
ATTENTION?

12. 2
Info Scent
Design
Implications
Examples:
How do some popular websites do info
scent?

13. 3
Recognition > Recall

14. 3
Recognition > Recall
http://persuasive-patterns.com/patterns/Recognition-over-recall

15. 3
Recognition > Recall
What were 1 & 2?
3 out of how many?
http://persuasive-patterns.com/patterns/Recognition-over-recall

16. 3
Recognition > Recall
Design
Implications
Examples:
How do some popular websites do
Recognition vs Recall?

17. 1
Attention
2
Info Scent
3
Recognition > Recall
Examples

18. 1
Attention
2
Info Scent
3
Recognition > Recall
Design
Implications