‹ Back

Share

Behavioral Science, Design, Strategy

How Users See, Scan, and Ignore

Dennis Plucinik • December 16, 2025

This next article in our Behavioral Science for Digital Experience Design series focuses on the topic of Cognitive Psychology for Designers.

The Myth of the “Reading” User

We tend to assume that just because our users can read, they will actually do it. This belief leads to one of the most common mistakes in digital design, which is the “wall of text.” We write meticulous introductions and welcoming paragraphs that explain everything perfectly, yet users treat them like visual wallpaper. They do not read linearly. They forage.

According to information foraging theory, users are on a high-speed mission to extract value with as little cognitive effort as possible. They are ruthless.

Eye-tracking research backs this up. A foundational study by the Nielsen Norman Group found that 79 percent of test users always scanned any new page they came across. Only 16 percent read word-by-word. When we understand this behavior, we stop trying to force people to read and start designing interfaces that work with the natural mechanics of the human eye.

The Physiology of Digital Vision

To understand why users ignore your content, you have to look at how the eye physically works. It does not glide across a screen like a smooth video camera. It moves in rapid, ballistic jumps called saccades.

During a saccade, the eye is effectively blind. Visual processing only happens when the eye stops in brief moments called fixations.

On top of that, high-resolution focus is limited to the fovea. This covers only the central two degrees of vision, which is roughly the size of a thumbnail held at arm’s length. Everything outside this narrow cone falls into peripheral vision. That area is low-resolution and primarily used to detect motion or heavy contrast.

This physiological limitation drives Banner Blindness. This is not just a habit. It is a learned cognitive filter. The brain subconsciously identifies elements that resemble advertisements, such as items in the right rail, flashing colors, or standard banner dimensions. It blocks them from conscious awareness before the eye even fixates on them. In studies revisiting this phenomenon, the Nielsen Norman Group confirmed that users ignore these areas even when they contain helpful, non-advertising content.

How Behavior Manifests: The 3 Core Scanning Patterns

When users engage with a screen, their gaze typically follows one of three dominant patterns. The density and layout of your content determine which one they use.

1. The F-Pattern

A heatmap showing web page viewing patterns in an F-shape.

On dense pages like articles, search results, or blog posts, users typically follow an F-Shaped Pattern. The eye scans the top line of text, drops down to scan a second and shorter line, and then sticks to the left margin for the remainder of the page.

The consequence here is brutal. Content placed on the right side of the screen is frequently invisible. It also means the first two words of a sentence carry the most weight.

2. The Z-Pattern

"Heatmap showing the Z-pattern eye-tracking path on a webpage layout."

On low-density pages with a clear visual hierarchy, such as landing pages or login screens, the eye moves in a Z-Pattern. The gaze starts at the top-left (often the logo) and moves horizontally to the top-right navigation or CTA. Then it cuts diagonally across the center hero image and finishes at the bottom-right on the primary button.

This layout is effective because it guides users toward a conversion action at the end of the visual path.

3. The Layer-Cake Pattern

Heatmap illustrating visual attention focused on headings and keywords in a text.

The most efficient scanning method is the Layer-Cake Pattern. Here, users fixate only on headings and subheadings. They skip the body copy entirely until they identify a relevant keyword.

This means your headings must be descriptive and stand alone. Vague headings like “Our Philosophy” fail to stop the scan because they offer no information scent.

Practical Application: Design for Scannability

You can leverage these scanning behaviors to increase engagement by restructuring content for high-speed processing.

Front-Load Keywords

In an F-Pattern environment, the first two words of a headline are critical. You need to move the “information-carrying words” to the front. For example, “Dashboard: New features and improvements” works much better than “Welcome to our new and improved Dashboard.”

Create Visual Speed Bumps

To arrest the rapid vertical scan of the eye, you need to use formatting variations. Bullet points, bold text, and pull quotes act as speed bumps. They force a saccade to stop and become a fixation point.

Utilize Directional Cues

Humans are biologically hardwired to follow the gaze of others. You can use this “gaze cueing” to direct attention. If a subject in a photo looks at a button, the user’s attention naturally follows. If the subject looks at the user, attention tends to halt at the face.

The “Squint Test” Audit Framework

A practical method for evaluating visual hierarchy is the Squint Test, popularized by product design leader Luke Wroblewski.

To perform this audit, display the design on a screen. Step back five feet. Squint until the details blur. The goal is to see what elements remain visible when the text is illegible.

If the design is successful, the primary Call to Action and the main value proposition should be the darkest and most prominent visual blobs.

If it fails, the logo dominates the page, or the design appears as a uniform gray wash. That indicates a lack of hierarchy.

For a data-driven alternative, teams can use predictive eye-tracking tools such as Attention Insight. You can also simply apply a heavy Gaussian blur in your design software to simulate peripheral vision processing. If the primary action is not identifiable while squinting, users will likely miss it while scanning.

Case Study: The “Baby vs. Text” Gaze Experiment

The impact of social cues on attention showed up clearly in a well-known eye-tracking study conducted by James Breeze.

A diaper brand tested two variations of a landing page. Both featured a headline and an image of a baby.

In Variation A, the baby faced forward and looked directly at the camera. Heatmaps showed intense red hotspots on the baby’s face, but the headline and copy were largely ignored. This is known as Face Priority.

In Variation B, the baby was turned in profile and looked directly at the headline. The result was distinct. The users’ attention followed the baby’s line of sight. This caused a massive increase in fixations on the headline and advertising copy. This confirms that visual cues can physically direct user attention toward key conversion elements.

An advertisement features a baby wearing a diaper, promoting a brand for being extra gentle and suitable for sensitive skin, with a stack of diapers displayed on the side.

Conclusion

Users do not read user interfaces. They scan them. Their vision is highly selective and biologically prone to ignoring anything that resembles an advertisement or requires high cognitive load to decipher.

We cannot force a user to read. However, we can construct a visual path that the eye naturally wants to follow. Visual hierarchy is not merely an aesthetic choice. It is a tool for attention management. Understanding how users see the interface is the prerequisite to understanding how they process the information they find.

We have now explored how users think (System 1) and what motivates them (Self-Determination Theory). In the next article, we will turn our attention to the foundation of the design process itself: “Creating Behavioral Hypotheses in Design.”


This article is part of a series titled “Behavioral Science for Digital Experience Design”. The goal is understanding users through psychology, communication, and empirical research. This section focuses on Cognitive Psychology with this article in particular covering the topic of Visual Scanning.

Sources