F-Pattern
F-Pattern is the eye-movement shape readers most commonly trace when scanning text-heavy web pages - across the top in a horizontal sweep, partway across again at a slightly lower point, then down the left edge in a vertical scan. Documented by the Nielsen Norman Group in 2006 and confirmed by many subsequent studies, including in 2017 and 2024 follow-ups.
One of the most-cited findings in web design. Often misapplied: the F-pattern describes how readers scan unstructured text, not how they should be presented with content. Understanding when the pattern applies (and when good design overrides it) is the actual skill.
What the pattern tells designers
Three practical implications for text-heavy pages:
The first two paragraphs do the heavy lifting. They get the horizontal sweep. Bury the lead and most readers never reach it.
Left-edge content gets disproportionate attention. First few words of each paragraph, left-aligned headings, bullets that begin with strong words - these get scanned. Content that doesn’t start strongly on the left gets skipped.
Visual breaks reset attention. Headings, images, blockquotes, and bulleted lists interrupt the F-pattern and create new entry points. Without breaks, readers’ attention progressively drops as they scan down.
Where the F-pattern doesn’t apply
Four important caveats:
Highly structured content. Pages with strong visual hierarchy - products with images, dashboards with cards, well-designed long-form articles - produce different scan patterns. Z-patterns, layer-cake patterns, spotted patterns. The F-pattern is the default for unstructured pages, not all pages.
Right-to-left reading languages. The pattern mirrors for Arabic, Hebrew, and other RTL languages. Designers building for those audiences need the mirrored equivalent.
Mobile. On narrow viewports, the F-pattern compresses toward a single vertical scan. The horizontal sweeps shorten because there’s less horizontal space. Mobile designs need to assume even more aggressive top-loading.
Engaged readers. The F-pattern describes scanning behaviour. Once a reader is genuinely interested, they read more linearly. Good design earns the engaged reading mode by passing the F-pattern scan first.
How to design with the F-pattern in mind
Three rules:
Lead with the strongest content. First sentence states the value. First heading states the substance. Don’t warm up - readers won’t wait.
Front-load left edges. Start paragraphs with the most important word, not “However” or “Additionally.” Start bullets with verbs or nouns, not transitions. Strong words on the left get scanned; weak words become invisible.
Break long sections. Walls of text get scanned shallowly. Subheadings, blockquotes, and visual breaks every 200-300 words give the eye new entry points and lift attention.
An example
A B2B SaaS team had a 2,400-word pillar article averaging 1:08 time-on-page. They suspected the content was too long.
An eye-tracking session revealed the actual problem: the F-pattern. Readers scanned the first 800 words, dropped to almost no engagement in the middle 800, then bounced. The content wasn’t too long - it was too undifferentiated. The middle section was a wall of paragraphs without breaks or strong left-edge content.
They added 4 H3 subheadings, broke up long paragraphs into shorter ones with emphasis lines, converted dense prose to a bulleted list. Word count actually went up slightly. Time-on-page jumped to 3:17. Email signups from the article roughly doubled. Same content quality, much better reading experience - and the F-pattern was the diagnostic that surfaced it.
Related terms
- Eye Tracking - the research method that documented the F-pattern
- Above the Fold - the screen region the F-pattern starts in
- Conversion Rate Optimization (CRO) - the discipline F-pattern findings most directly inform
- Copywriting - the craft most affected by F-pattern reading behaviour
- Contextual Inquiry Terms - the UX research vocabulary the F-pattern was discovered through