UX Research · Eye Tracking · Reading Behaviors

Eye Scanning Patterns

How Users Actually Read Your Interface

Decades of eye-tracking research show people don't read interfaces — they scan them in predictable shapes. Here are the six patterns and where each one shows up.

Text-heavy pages 01 / 06

F Pattern

Users read the top of a page across, drop down a bit and scan part of the next line, then trail their eyes down the left edge — describing the shape of an F. Dominant on text-heavy pages with weak visual hierarchy.

F
Audience
Readers skimming dense text
Context
Articles · Search results · Long copy
Implication
Front-load key info; bold subheads
Sparse layouts 02 / 06

Z Pattern

Eyes travel across the top, diagonally down to the lower-left, then across the bottom — tracing a Z. Common on sparse pages with a few focal elements and a clear call-to-action.

Z
Audience
Visitors scanning for a CTA
Context
Landing pages · Marketing splash
Implication
Place CTA at terminal corners
Continuous scroll 03 / 06

Marking Pattern

A reader's gaze sticks to one vertical band while scrolling — typically the center column. Common on mobile and during continuous-scroll reading where the cursor or thumb leads the eye.

Audience
Mobile / scroll-focused users
Context
Long articles · Mobile feeds
Implication
Keep critical info center-aligned
Targeted scanning 04 / 06

Spotted Pattern

Users skip large sections of content and land on visually distinct spots — buttons, prices, numbers, or boldface — like finding islands of meaning across a sea of text.

skipped skipped
Audience
Goal-oriented searchers
Context
Search results · Product specs
Implication
Make targets visually distinct
Hierarchy-driven 05 / 06

Layer-Cake Pattern

Eyes glide from heading to heading down the page, skipping body text entirely — only diving in when a heading promises something relevant. Hierarchy carries the entire experience.

Audience
Decisive, time-pressed readers
Context
Structured docs · Long-form pages
Implication
Headings must self-describe
Repetitive content 06 / 06

Bypassing Pattern

When lines share repeated openings — "Step 1:", "Note:", or the identical leading word in every row of a table — readers skip the prefix entirely and jump straight to the unique content. It's the dominant pattern for scanning tables and lists of structured information, where the eye bypasses the redundant text down each column.

Audience
Procedural / instructional readers
Context
Tables · Lists · Tutorials · Step guides
Implication
Vary openings; lead with the unique part

Eye Scanning in the Age of AI

When an AI answer sits at the top of the page, the classic scan patterns give way to reading the response — and verifying its sources.

✦ AI Era

AI Summaries Short-Circuit Scanning

When a generated answer sits above the page, users read it instead of scanning what’s beneath. The F- and Z-patterns collapse into "read the answer, maybe glance below."

Effect
Scanning replaced by reading
Watch for
Answer wrong, page ignored
Design for
A trustworthy, skimmable answer
✦ AI Era

Scanning for Citations

In an AI answer the new fixation target is the citation. Users skim past the prose to find — and click — the source that proves the claim before they trust it.

New target
Source links · citations
Use when
Answers make factual claims
Watch for
Unverifiable confident text
Further Reading