It's the process of focusing on a particular object in the environment for a certain period of time. As it’s a limited resource, so selective attention allows us to tune out unimportant details and focus on what really matters.

What is Selective Attention

Don't expect people to do two things at once it is scientifically proven that, it is impossible.Make sure you are not overloading users with too much clutter and things to do. Doing so is not benefical and slows them down.

How you can use it in designs

Follow me for more inspiring content about human psychology and UX Design

Follow Me

Summary:&nbsp;Users don't see stuff that's right on the screen. Selective attention makes people overlook things outside their focus of interest.<div dir="ltr">
 By 

 
 </div><UL><LI><a href="https://www.nngroup.com/articles/author/jakob-nielsen/">Jakob Nielsen</a></LI></UL><div dir="ltr">
 
 
 <div dir="ltr">
 
 on 
 
 

 August 26, 2012
 
 
 </div>
 
 </div>How can people overlook something that's right there on the screen? If you've ever observed a usability study, you've probably had many occasions to ask yourself this question.Users don't look around much. They often stay highly focused on the screen section that they're engaging with or that they assume contains the answer to their problem.We saw a clear example of this user tunnel vision in Australia earlier this month, when we tested users in Sydney on the corporate website of Westfield, a retail property developer. One user was trying to find out when Westfield entered the U.K. market and carefully stepped through the timeline in the company's history section.Westfield was reasonably compliant with <a href="https://www.nngroup.com/articles/about-us-information-on-websites/" title="Alertbox: 'About Us' Information on Company Websites" dir="ltr"> guidelines for presenting a corporation's image on the Web in an "About Us" area</a>, and the user had little trouble finding relevant information. Each event in the company's history was shown in a lightbox-style pop-up. Although this was perhaps an overly aggressive design choice, it certainly worked. Users easily navigated the timeline by clicking the various controls (which I'm not showing here, because they don't matter for the topic at hand).<img alt="Screenshot from the timeline in Westfield's corporate site's 'About Us' area." height="444" src="https://media.nngroup.com/media/editor/alertbox/tunnel-vision-example.png" width="384"> 
Timeline entry as tested: 
Strong tunnel vision prevented the user from noticing the year at the top of the pop-up. Each entry was nicely designed, with the year, an attractive photo, a reasonably well-written headline, and a short summary of that year's major events.(To pick nits, don't <a href="https://www.nngroup.com/articles/company-name-first-in-microcontent/" title="Alertbox: Company Name First in Microcontent? Sometimes!" dir="ltr"> start a headline with a company's name</a>&nbsp;on that company's own website. Most stories on a corporate site are presumably about the company, so it's better to reserve the <a href="https://www.nngroup.com/articles/first-2-words-a-signal-for-scanning/" title="Alertbox: First 2 Words: A Signal for the Scanning Eye" dir="ltr"> crucial first 2 words</a>&nbsp;for keywords that carry more information.)The answer to the user's problem — the year Westfield entered the U.K. — seems quite prominent in this design: "2000" sits in the upper left of the box in a larger font size than the other information.And? The design didn't work. The user read through the entire body text before finding the year in the last line. She didn't see the year at the upper left. Tunnel vision, as stated.<h2>Put Related Items Next to Each Other</h2>The solution to tunnel vision usability problems is to <a href="https://www.nngroup.com/articles/closeness-of-actions-and-objects-gui/" title="Alertbox: Closeness of Actions and Objects in GUI Design" dir="ltr"> position related items close together</a>. Here's a quick example of how this might be done in our example:<img alt="Redesigned timeline entry." height="410" src="https://media.nngroup.com/media/editor/alertbox/tunnel-vision-corrected.png" width="378"> 
Alternative design (not tested) positions the most important information within the user's likely field of vision. This design is also better for <a href="http://www.nngroup.com/topic/accessibility/" title="Alertbox: Beyond Accessibility: Treating Users with Disabilities as People" dir="ltr"> accessibility</a>. Low-vision users who employ a screen magnifier to blow up a small section of the screen are much more likely to understand the information when it's all in one place.<h2>Selective Attention</h2>The tunnel vision example from this latest study is just one in a pile of thousands we've observed in recent years. We've recorded countless other examples in the category of <a href="https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/" title="Alertbox: Banner Blindness: Old and New Findings" dir="ltr"> banner blindness</a>&nbsp;alone.Selective attention is really a survival instinct; if people had to pay attention to all stimuli in the environment, they'd never get anything done. They'd also be more likely to overlook something important, such as a big-toothed predator sneaking up on them.It's only human: focus on a few things and ignore the rest.Web page designers don't have the same problem. They know which information is important — in our example, the year — and thus focus on it when analyzing the layout.This is why you should test with real users.<UL><LI>Share:&nbsp;</LI></UL>

Daily Psycological post that you can utilize in your designs. Follow me for more

Users don't see stuff that's right on the screen. Selective attention makes people overlook things outside their focus of interest.

Understand yourself and those around you.

psychology

Psychology

product

Product & Design

Summary:  Users don't see stuff that's right on the screen. Selective attention makes people overlook things outside their focus of interest.

<ul><li><a href="https://www.nngroup.com/articles/author/jakob-nielsen/">Jakob Nielsen </a> </li> </ul>

How can people overlook something that's right there on the screen? If you've ever observed a usability study, you've probably had many occasions to ask yourself this question.

Users don't look around much. They often stay highly focused on the screen section that they're engaging with or that they assume contains the answer to their problem.

We saw a clear example of this user tunnel vision in Australia earlier this month, when we tested users in Sydney on the corporate website of Westfield, a retail property developer. One user was trying to find out when Westfield entered the U.K. market and carefully stepped through the timeline in the company's history section.

Westfield was reasonably compliant with <a href="https://www.nngroup.com/articles/about-us-information-on-websites/">guidelines for presenting a corporation's image on the Web in an "About Us" area </a>, and the user had little trouble finding relevant information. Each event in the company's history was shown in a lightbox-style pop-up. Although this was perhaps an overly aggressive design choice, it certainly worked. Users easily navigated the timeline by clicking the various controls (which I'm not showing here, because they don't matter for the topic at hand).

Timeline entry as tested: Strong tunnel vision prevented the user from noticing the year at the top of the pop-up.

Each entry was nicely designed, with the year, an attractive photo, a reasonably well-written headline, and a short summary of that year's major events.

(To pick nits, don't <a href="https://www.nngroup.com/articles/company-name-first-in-microcontent/">start a headline with a company's name </a> on that company's own website. Most stories on a corporate site are presumably about the company, so it's better to reserve the <a href="https://www.nngroup.com/articles/first-2-words-a-signal-for-scanning/">crucial first 2 words </a> for keywords that carry more information.)

The answer to the user's problem — the year Westfield entered the U.K. — seems quite prominent in this design: "2000" sits in the upper left of the box in a larger font size than the other information.

And? The design didn't work. The user read through the entire body text before finding the year in the last line. She didn't see the year at the upper left. Tunnel vision, as stated.

The solution to tunnel vision usability problems is to <a href="https://www.nngroup.com/articles/closeness-of-actions-and-objects-gui/">position related items close together </a>. Here's a quick example of how this might be done in our example:

Alternative design (not tested) positions the most important information within the user's likely field of vision.

This design is also better for <a href="http://www.nngroup.com/topic/accessibility/">accessibility </a>. Low-vision users who employ a screen magnifier to blow up a small section of the screen are much more likely to understand the information when it's all in one place.

The tunnel vision example from this latest study is just one in a pile of thousands we've observed in recent years. We've recorded countless other examples in the category of <a href="https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/">banner blindness </a> alone.

Selective attention is really a survival instinct; if people had to pay attention to all stimuli in the environment, they'd never get anything done. They'd also be more likely to overlook something important, such as a big-toothed predator sneaking up on them.

It's only human: focus on a few things and ignore the rest.

Web page designers don't have the same problem. They know which information is important — in our example, the year — and thus focus on it when analyzing the layout.

This is why you should test with real users .

Selective Attention In UX Design

What is Selective Attention

How you can use it in designs

Follow Me

Anjola Omole's ideas are part of this journey:

Related collections

Similar ideas