> For the complete documentation index, see [llms.txt](https://www.designreference.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.designreference.xyz/cognitive-tools/ux-laws-principles/concepts-and-models/selective-attention.md).

# Selective Attention

Selective Attention is the process by which the human brain focuses on a particular stimulus or item in the environment while filtering out or ignoring others. It allows users to focus their limited cognitive resources on what is most relevant to their current task or goal.

In User Experience (UX) design, the goal is to successfully guide the user's spotlight of attention to the most important elements on the screen. Failure to account for selective attention means crucial information, like a primary Call-to-Action (CTA) or an error message, may be completely overlooked.

#### How Selective Attention Works

The brain uses two main factors to determine what to focus on:

1. **Goal-Directed Attention (Top-Down):** The user's internal state, existing knowledge, and immediate objective. If a user is on an e-commerce site to buy shoes, their brain actively searches for and prioritises links, images, and filters related to footwear.
2. **Stimulus-Driven Attention (Bottom-Up):** The physical properties of the element itself, such as high contrast, bright colours, size, and motion. This is how designers intentionally draw the eye.

A successful interface leverages both: the design should be structured to support the user's goals while using visual hierarchy to ensure key items stand out.

#### Practical UX Applications

Designers must use visual cues deliberately to ensure the signal (the important element) is not lost in the noise (the rest of the interface):

**1. Prioritise with Visual Hierarchy**

* Goal: Guide the user's eye instantly to the most critical information.
* Application: Use size and colour to make primary CTAs (e.g., "Buy Now") larger, brighter, and more contrasting than secondary actions (e.g., "Add to Wishlist"). Apply the Von Restorff Effect by making unique elements stand out.

**2. Minimise Distractions (Inattentional Blindness)**

* Goal: Ensure users don't miss crucial elements while focused on a task.
* Application: Avoid irrelevant animations, flashing ads, or complex background images that steal attention. During a critical flow (like checkout), eliminate sidebars and unnecessary navigation links to create a "tunnel" of focus.

**3. Use Contextual Cues**

* **Goal:** Only bring an item into focus when it is immediately relevant to the user's task.
* **Application:** Show error messages *next to* the form field the user is currently focused on, instead of at the top of a long page. Use clear, subtle visual indicators (like a red dot) to draw attention to an unread notification, aligning with the user's goal of checking messages.

#### Takeaway

Design is an editor. Your job is to make a ruthless selection on the user's behalf, ensuring their focus falls exactly where you need it.

#### Further Reading

{% embed url="<https://www.nngroup.com/articles/tunnel-vision-and-selective-attention/>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://www.designreference.xyz/cognitive-tools/ux-laws-principles/concepts-and-models/selective-attention.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.