In short
The F-pattern is a reading behaviour identified in eye-tracking studies by the Nielsen Norman Group in 2006: on text-heavy pages with little formatting, users read across the top, read across again a little lower, then scan down the left edge, forming a rough F. It means front-loaded headings, meaningful first words and a strong left edge get read while the lower right of dense text is ignored. It applies to pages that have not been designed to guide the eye; clear headings, short paragraphs and visual hierarchy replace it with more useful patterns.
What the studies found
In 2006 the Nielsen Norman Group published eye-tracking results from hundreds of participants reading web pages. On pages of dense, uniformly formatted text, gaze followed a consistent shape: a horizontal sweep across the top of the content, a second shorter horizontal sweep somewhat lower, and a vertical scan down the left side. Heat maps of the aggregated fixations looked like the letter F, and the name stuck.
The pattern is not a preference. It is what people do when a page gives them nothing to hold onto: they read the first line or two properly, try again lower down, give up and skim the left margin for a word that matters, and leave. The studies found that users read the first two paragraphs most, that the first words of each line and paragraph got far more attention than the last, and that content in the lower right of a dense block was barely seen. Follow-up research in 2017 confirmed the pattern persists on mobile and desktop, and that it is one of several scanning patterns rather than the only one.
The related patterns
Layer-cake. Eyes jump from heading to heading, reading the headings and skipping the body. This is what happens on well-structured pages and it is the pattern designers should aim for, because it means the headings are doing their job.
Spotted. Fixations scattered on specific elements: links, numbers, bold words, names. Users hunting for something particular.
Commitment. The user reads everything, in order. Rare, and earned by content that has convinced them to.
Z-pattern. On sparse pages such as landing pages, eyes go across the top, diagonally down, and across the bottom, tracking the few elements present.
The F is the default for undesigned text; the others are what design produces.
What it implies
The first two paragraphs carry the page. Put the answer there. This is also what featured snippets and AI answers extract, so the same discipline serves readers and machines.
Front-load every line. The first two or three words of a heading, a paragraph or a bullet get read; the rest may not. "Pricing starts at" beats "We are pleased to announce our pricing".
Headings interrupt the scan. Each subheading resets the horizontal sweep, which is why a long page needs one every few paragraphs, and why the headings should be informative statements rather than single words.
The left edge is prime. In left-to-right languages, left-aligned text with a strong left margin is scanned; centred body text destroys the edge the eye tracks. Bulleted lists work because each bullet starts a fresh line at the edge.
The lower right is nearly invisible on dense pages. Nothing important belongs there unless the layout has drawn the eye to it.
Bold and links create fixation points, which is the mechanism behind the spotted pattern. Used sparingly, they pull attention to the words that matter; used everywhere, they become noise.
When it does not apply
On pages with images, cards, clear sections and strong visual hierarchy, gaze follows the design rather than the default. On right-to-left languages the pattern mirrors. On pages users have committed to reading, they read. On product and image-led pages, gaze goes to the images and the prices. And on mobile, where a column is narrow, the horizontal sweeps are short and the pattern becomes closer to a vertical scan down the left.
The practical statement: the F-pattern describes failure. A page that produces it has not given the reader a structure, and the reader has fallen back to skimming. Good layout replaces it.
Designing against it
- Answer first. The opening paragraph contains the point.
- Informative subheadings every three to five paragraphs, written as statements the reader could act on.
- Short paragraphs, one idea each, so every paragraph has a first line.
- Lists for anything that is a list.
- Bold the phrase that matters in a section, once.
- Left-align body text; centre only headings, and only short ones.
- Place important elements where the eye already goes: the top, the left, the start of sections.
- Use whitespace and hierarchy to create the layer-cake pattern rather than the F.
These are also the rules for writing that people finish, which is not a coincidence; scanning research and editorial layout converge on the same page.
Testing it
Scroll-depth and heat-map tools show where attention actually goes on your pages, and a page whose heat map is an F is a page whose structure has failed. The fix is usually headings and paragraph breaks, and the improvement is visible within a week. If you would like a content-heavy site reviewed for how it is actually being scanned, book a call.
Common questions
What is the F-shaped reading pattern?
A scanning behaviour found in eye-tracking studies: on dense, uniformly formatted text, users read across the top, read across again lower down, then scan down the left edge, forming a rough F. It shows that first paragraphs, first words and the left margin get attention while the lower right of a text block is largely ignored.
Is the F-pattern still relevant in 2026?
Yes, as a description of what happens when a page lacks structure. Follow-up research confirmed it persists on desktop and mobile. Pages with clear headings, short paragraphs, lists and visual hierarchy produce other patterns, such as jumping between headings, which is the goal. The F-pattern is the default to design against, not a template to follow.
What is the difference between the F-pattern and the Z-pattern?
The F-pattern occurs on text-heavy pages: two horizontal sweeps and a vertical scan down the left. The Z-pattern occurs on sparse pages with a few elements, such as landing pages: across the top, diagonally down, across the bottom. Both describe where eyes go by default; layout that places key elements along those paths, or restructures them, works with the behaviour.
How do you design for the F-pattern?
Put the answer in the first paragraph, front-load headings and sentences so the first words carry the meaning, add an informative subheading every few paragraphs, keep paragraphs short, use lists, left-align body text, bold one key phrase per section, and place important elements at the top and left. These produce a heading-to-heading scan instead of the F.
Does the F-pattern apply on mobile?
In a narrowed form. On a phone the column is short, so horizontal sweeps are brief and scanning becomes mostly vertical down the left edge, with attention concentrated on headings and first lines. The same remedies apply: answer first, clear headings, short paragraphs, and nothing essential buried at the end of long text.
