12 PRINCIPLES OF
COGNITIVE PSYCHOLOGY
APPLIED TO
UX DESIGN

How the human mind works and how to use this knowledge to design more intuitive, user-friendly, and persuasive digital products.

Start Reading
12
Principles
6
Cognitive Areas
THE 12 PRINCIPLES

AN OVERVIEW

Each principle represents a fundamental aspect of how humans process information and interact with digital interfaces.

01
Expectations and perception
PERCEPTION
01
Perception

We Perceive What We Expect

1

Influence of expectations

Users interpret interfaces based on past experiences, affecting perception accuracy.

2

Visual consistency

Consistent visual design aligns interfaces with user expectations, improving usability.

3

The role of context

Presentation context influences how users interpret information and interface elements.

4

Designing for goals

Anticipating user goals helps create intuitive navigation and clearer interfaces.

02
Perception of structure
GESTALT
02
Gestalt

Our Vision is Optimized for Structure

1

Pattern recognition

Human vision naturally identifies patterns and groups similar elements to perceive structure.

2

Gestalt principles

Proximity, similarity, continuity, and closure guide visual organization in design.

3

Visual hierarchy

Visual hierarchy helps quickly identify important information, improving readability.

03
Use of visual structures
ORGANIZATION
03
Organization

We Seek and Use Structures

1

Well-defined structures

Lists, tables, and groupings organize information and facilitate user navigation.

2

Reducing cognitive load

Clear structures prevent confusion and reduce cognitive effort during interaction.

3

Hierarchy and accessibility

Visual hierarchy and grouping improve experience and support accessibility.

04
Reading and design
READABILITY
04
Readability

Reading is Not Natural

1

Reading as a learned skill

Reading is an acquired skill, influenced by structure, context, and familiarity.

2

Impact of design

Excessive text, poor fonts, and low contrast make reading difficult and degrade the experience.

3

Design for legibility

Legible fonts, proper spacing, and clear organization are essential.

4

Visual aids

Images and icons complement text and improve accessibility in digital contexts.

05
Color perception
ACCESSIBILITY
05
Accessibility

Our Color Perception is Limited

1

Individual variation

Color perception varies among people and can be affected by color blindness.

2

Contrast sensitivity

Eyes are more sensitive to contrast. High contrast colors are essential for readability.

3

Accessible colors

Avoid subtle tones and use redundant elements to support color-coded information.

4

Saturation and brightness

Effective color distinction requires a balance between saturation, brightness, and intensity.

06
Peripheral vision
VISUAL ATTENTION
06
Visual Attention

Our Peripheral Vision is Poor, but Smart

1

Motion detection

Peripheral vision detects movements and changes but lacks sensitivity for details.

2

Notification positioning

Error messages should be positioned to facilitate perception outside the central focus.

3

Subtle animations

Subtle animations and color changes guide the eye without causing sensory overload.

4

Spatial orientation

Peripheral vision helps users maintain orientation, improving navigation.

07
Attention and memory
COGNITION
07
Cognition

Attention is Limited and Memory is Imperfect

1

Limited human attention

Attention cannot focus on many items at once — careful design is essential.

2

Volatile short-term memory

Interfaces should never rely on users memorizing information between screens.

3

Design for visibility

Keep system status always visible to reduce cognitive load and errors.

4

Immediate feedback

Feedback after actions helps reinforce memory and guides next steps.

08
Cognitive limits
COGNITIVE FLOW
08
Cognitive Flow

Limits in Attention, Thought and Action

1

Goal focus

Users focus on goals, preferring familiar and known workflows.

2

Guided interface

Progress indicators, task lists, and visual confirmations guide the user.

3

Cognitive cycle

Design must support: goal setting, execution, and evaluation.

4

Anticipate behaviors

Anticipate common actions and assist with incomplete tasks to reduce errors.

09
Recognition vs recall
MEMORY
09
Memory

Recognizing is Easy, Recalling is Hard

1

Recognition over recall

Recognizing is simpler than retrieving from memory — it should be prioritized in design.

2

Visual elements as anchors

Icons, thumbnails, and history logs help users identify options without memorizing.

3

Design for accessibility

Focusing on recognition reduces cognitive load and improves accessibility for everyone.

10
Learning by experience
LEARNING
10
Learning

Learning from Experience is Easy, Problem Solving is Hard

1

Learning by repetition

Users learn better through repetition and direct experience than through abstract problems.

2

Predictable interfaces

Consistent interfaces with familiar vocabulary facilitate learning.

3

Error recovery

Design should support learning from mistakes, with clear feedback and easy reversal.

11
Learning factors
EDUCATIONAL UX
11
Educational UX

Factors Affecting Learning

1

Simplified tasks

Simple tasks with action-oriented vocabulary reduce errors and facilitate learning.

2

Design consistency

Consistent visual and functional design supports memorization and mental models.

3

Support tools

Tutorials, contextual tips, and practical examples improve assimilation.

4

Cognitive design

Design that respects cognitive factors promotes autonomy and confidence in the system.

12
Time and efficiency
PERFORMANCE
12
Performance

We Have Time Limits

1

Interface speed

Interfaces must be fast and responsive to meet users time constraints.

2

Progress indicators

Progress bars and time estimates help manage expectations.

3

Minimum effort

Designs that minimize effort increase productivity and user satisfaction.