Content & Messaging
F-Pattern Reading
Readers often scan in an F shape — strong across the top, weaker across a second line, then down the left.
Where it comes from
It comes from Nielsen Norman Group's eye-tracking research, which found that when faced with text-heavy, poorly-formatted pages, people often scan in a rough F shape — a strong horizontal pass across the top, a shorter one lower down, then a vertical sweep down the left edge.
Why it matters for your website
Eyes don't move randomly across a page. NN/G's eye-tracking research shows visitors often scan in an F shape — across the top, a shorter pass lower down, then vertically down the left edge. Content placed outside that path is consistently missed. (Note: the F-pattern is one of several scan patterns and is a symptom of un-scannable layout — good structure reduces it.)
The crucial nuance, which the canon flags, is that the F-pattern is not a goal to design *for* — it's a symptom of un-scannable content. It's how people read when a layout gives them nothing better to grab onto. Strong structure — headings, bullets, bold key phrases — disrupts the F and guides the eye to what matters instead.
Where the F-pattern does hold, it has clear consequences: content on the right and toward the bottom gets missed, and the first words of each line and paragraph carry disproportionate weight. So front-loading important information — putting key terms at the start of headings, sentences, and the page — works with the pattern rather than against it.
Wrong vs right
A dense text page with no structure, where readers F-scan and miss everything on the right and below the top.
Headings, bullets, and bold key phrases that break the F-pattern and guide the eye to what matters.
Burying the key point at the end of a line or paragraph, where the F-scan has already tapered off.
Front-loading the important word at the start of headings and sentences, where attention is strongest.
Treating the F-pattern as a layout to design toward, reinforcing un-scannable text.
Treating it as a warning sign and adding the structure that makes scanning effective.
Understanding F-Pattern Reading
The F-pattern is a common reading path documented in Nielsen Norman Group's eye-tracking research: a strong horizontal pass across the top of the content, a shorter horizontal pass further down, and then a vertical sweep down the left-hand edge — together tracing a rough letter F. Content outside that path is consistently missed.
The most important thing to understand is what the F-pattern means. It's not an ideal to design toward; it's a symptom. People fall into F-scanning when a layout is text-heavy and poorly structured, giving the eye nothing better to latch onto. It's the reading behaviour of last resort, and its presence signals that the content isn't scannable.
So the response is to disrupt it with structure. Headings, bulleted lists, bold key phrases, and front-loaded sentences break the F and steer the eye to what matters — and where some F-scanning remains, putting key terms first works with it. It's one of several scan patterns (the layer-cake is another), all pointing to the same fix: make content scannable. It connects to scannability and above-the-fold clarity.
How Kweri checks it
Kweri can assess the structural conditions that produce F-pattern reading — dense, unstructured text with few headings, lists, or emphasis — and flag pages likely to be F-scanned and therefore to lose content on the right and below the fold. What it can't do without eye-tracking is observe the actual scan path your real visitors take. So Kweri surfaces the un-scannable layouts that tend to cause F-pattern reading, and prompts the structural fixes that disrupt it, while confirming the real reading pattern would need eye-tracking on your audience.
FAQ
What is the F-pattern in reading?
The F-pattern is a common scanning path — a strong horizontal pass across the top, a shorter one lower down, then a vertical sweep down the left edge, forming a rough F. It's documented in Nielsen Norman Group's eye-tracking research.
Should I design for the F-pattern?
No — the F-pattern is a symptom of un-scannable content, not a goal. People F-scan when a layout gives them nothing better to grab. The right response is to add structure — headings, bullets, emphasis — that disrupts the F and guides the eye.
What gets missed in F-pattern reading?
Content on the right side and toward the bottom of the page, and anything placed at the end of long lines or paragraphs. The pattern concentrates attention at the top and left, so information outside that path is consistently overlooked.
How do I avoid the F-pattern's downsides?
Make content scannable: use descriptive headings, bulleted lists, bold key phrases, and front-loaded sentences that put important words first. Good structure breaks the F-pattern and directs attention to what matters most.
Is the F-pattern the only way people scan?
No, it's one of several. The layer-cake pattern (jumping between headings) is another. All of them are responses to how content is structured, and all point to the same fix: build content that's easy to scan.
Related principles
People scan web pages rather than read them — structure content so scanners still get the point.
What's visible before scrolling must say who you are, what you do, and what to do next — unaided.
Users follow the strongest-smelling trail toward their goal — they click links whose labels and context suggest the destination will be relevant, and abandon paths that go cold.
Attribution & sources
Identified by Nielsen Norman Group. Catalogued from Nielsen Norman Group — F-Shaped Pattern of Reading.
From NN/G's eye-tracking research on reading patterns; the linked article is the reference used here.
See F-Pattern Reading on your own site
Run a free Kweri audit — a plain-English review of your site’s speed, accessibility, SEO and design, ranked by what to fix first. No login, no jargon.
Run a free audit →