ZachariSomewhere right now, a designer is rearranging a homepage so the important text sits in an F shape. Two horizontal bands across the top, a vertical strip down the left edge, key messages loaded into the corners. The advice usually arrives with a heatmap attached, so it sounds scientific.
It is the most confident misunderstanding in web design, and it survives because the diagram it misreads is real.
This piece unpacks one line from How Humans Read Websites, the overview where the scanning research first appears on this blog.
Where the F comes from
When Nielsen Norman Group started strapping eye trackers to users in the nineties and kept at it across thousands of pages, text-heavy pages kept producing the same shape. Two long fixations strips across the first paragraph or two, then a series of shorter vertical glances down the left edge, slowing as the visitor descended.
The researchers themselves described it as methodical, top-left scanning under time pressure. Somewhere between their lab and the slide decks, “this is what tired eyes did on a page that bored them” became “users read in an F, so put your content in one.” The heatmaps were never a blueprint. They were a recording.
What the F actually records
Watch what the shape means line by line. The first line of text gets a full pass, word by word. The second line gets a shorter pass. By the third, the eye has stopped reading and started sampling, hunting the line beginnings for anything that smells worth the effort.
The F is the eye-tracking equivalent of a sigh. It is what a page looks like when a visitor gave it an honest chance and the page spent that chance on throat-clearing.
Nothing about this is laziness. The visitor is rationing attention across a web that has learned to waste it, and the left-edge skim is a remarkably efficient triage: line beginnings in English carry the subject and the verb, which is exactly where the meaning pools.
Your visitors read the way an experienced triage nurse reads a waiting room.
Why building an F makes it worse
Take the misreading seriously for a second and watch what it produces. If you arrange your content into an F, you have made a decision about where meaning lives based on where failing attention drifted. You have moved your key message into the shape of a visitor checking out.
Worse, the F layout guarantees the behavior repeats. Scanning worked on this page, the layout says so, so the next page gets scanned the same way.
The pattern studies itself into existence. A heatmap of your redesigned homepage shows a beautiful F, the report gets a gold star, and nobody notices that the F is a symptom wearing the costume of a goal.
What actually earns a full line
The fix was never geometry. Pages keep earning full passes the same way writers have always earned them, translated to the scan:
- Headings that make a promise: specific enough to be judged, interesting enough to be accepted. “Why your contact form loses customers” earns its line. “Our approach” earns nothing.
- First sentences that pay the promise off immediately. The scanner just spent a fixation on your heading; the first line either rewards that or confirms the suspicion.
- Paragraphs cheap to start: three or four lines, one idea. A reader deciding whether to continue should face a sidewalk, not a staircase.
Front-load the first two words of every heading while you’re at it. Line beginnings get disproportionate fixations from scanners, which means your first two words are doing the work a headline does in a newspaper.
The heatmap question
But the heatmap of my page really is an F
It probably is. So is nearly everyone’s, including pages that convert beautifully. The F shows up on good pages and bad ones because it is the standard opening move of every cautious visitor, not a verdict on your design.
What separates the pages is what happens after the opening move: whether the sampling finds scent and drops into a genuine read, or slides to the left edge and out through your footer.
Read the heatmap for the moment the stripes thin out, then go look at what the page was doing right there. That is usually where the paragraphs got long and the promises got vague.
This piece is one of five growing out of the How Humans Read Websites series. The F is the visible behavior; working memory is the bottleneck underneath it, and information scent is what pulls the eye back into full lines.
If your analytics say people arrive and your heatmap says nobody goes past the fold, that gap has a mechanical explanation. Bring me the page and I’ll find it.