This document discusses key concepts related to attention, memory, and interface design including: 1. Attention - How interfaces can guide user attention through visual hierarchy and ensuring important elements are noticeable. Attention can be top-down, directed by user goals, or bottom-up, directed by interface design. 2. Information scent - The sense users get about the content and nature of information from interface cues like titles and snippets. Good information scent helps users navigate to their goals. 3. Recognition over recall - Interfaces should leverage people's stronger ability to recognize information versus recalling it later. Examples include consistent layouts that reduce cognitive load. The document provides examples and suggests designers consider how interfaces support top-

1. ATTENTION
&
MEMORY
DESIGN IMPLICATIONS

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

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

4. 1 Attention
• Make sure people notice things

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

6. 1 Attention
Top-down
Bottom-up

7. 1 Attention
Top-down
Bottom-up
Goal-
directed
Design-
directed

8. 1 Attention

9. 1 Attention

10. 1 Attention
Design Implications
How do interfaces need to work with users’…
- top-down attention?
- bottom-up attention?

11. 2 Info Scent
What is information scent?
How is it relevant to interface
design?
How is it related to attention?

12. INFO SCENT
Information
goal
Information
scent
Association
s

13. 2 Info Scent
Design Implications
What are some do’s and don’ts for
information scent?

14. 3 Recognition > Recall

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

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

17. Knowing that recognition is easier than
recall, what are some do’s and don’ts for
interface design?
3 Recognition > Recall
Design Implications

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

19. 1LAB EXERCISE

20. 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

21. 2LAB EXERCISE

22. Find examples of these concepts
applied well or not:
1. Attention
a. top-down
b. bottom-up
2. Information scent
3. Recognition > Recall

23. 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