The Skim-First Layout Pattern

Every reader starts as a skimmer. That’s the fact most page layouts get backwards. We write and design as if a visitor will start at the top left and proceed word by word to the bottom, and then we treat skimming as a degraded fallback, something impatient people do to a page that deserved better. But skimming isn’t a failure mode of reading. It’s the entrance to it. A visitor skims to decide whether to read, and only commits to the words after the skim has convinced them. If your page only works for people who read every word, it works for almost no one, because the skim never delivers anyone to the reading.

So invert the priority. Design for the skimmer first, and let full reading be the bonus path. I think of this as the skim-first pattern, and the core of it is a simple test: strip away everything except what a skimming eye actually lands on, the headings, the bolded phrases, the button labels, the image captions, and ask whether that skeleton, alone, communicates your message. On most pages it doesn’t. The skeleton says something like “Powerful. Flexible. Built for teams. Learn more.” Four fragments that could sit atop any product in any industry. All the actual substance lives in the body paragraphs, which is precisely the text the skimmer’s eye vaults over. The page has hidden its message in its least-visited real estate.

The fix begins with headings, because headings are what skimmers eat. A skim-first heading is a claim, not a label. “Features” is a label; it tells you a section exists but not what to think. “Set up in one afternoon, not one quarter” is a claim; it does its work even on a reader who never touches the paragraph below it. Newspaper editors have known this forever, which is why headlines summarize stories instead of naming their topics. Read your page’s headings in sequence, skipping everything else. If they don’t add up to your pitch, the skimmer, which is to say nearly everyone, never hears your pitch.

The same logic runs down the page at smaller scales. Paragraphs get skimmed by their first lines, so front-load each paragraph with its point instead of building toward it; the academic habit of saving the conclusion for the end guarantees the conclusion goes unread. Sentences get skimmed for their emphasized words, so bold sparingly and only the phrases that carry meaning, because bolding everything is bolding nothing. Links and buttons get read even by the laziest eye, so make their labels say where they lead. “See pricing” survives a skim; “Click here” is a heading-sized opportunity thrown away.

Skim-first is also a layout discipline, not just a writing one. The eye needs anchors, and anchors come from contrast: size, weight, spacing, position. A page of uniform gray text is unskimmable no matter how well organized the prose is, because nothing signals where the landmarks are. This is why generous white space isn’t a luxury. Space around an element is what nominates it as a landmark. And on a phone, where the viewport shows a fraction of the page, rhythm matters even more: a skimmer scrolling with their thumb samples the page in quick vertical strokes, and whatever falls under those strokes is your message, whether you meant it to be or not.

The usual objection is that skim-first design dumbs the page down, that serious content deserves sustained attention and shouldn’t pander. But look at what well-edited technical books do: abstracts, chapter summaries, figure captions that stand alone, marginal notes. The most demanding literature we have is engineered for entry at multiple depths. Providing a fast path doesn’t cheapen the slow one. It advertises it. The skimmer who gets your point from the skeleton is exactly the person who then reads the paragraphs, because now they know the paragraphs are worth it.

There’s a self-serving reason to adopt the pattern too: it exposes weak thinking. When your headings must carry claims, you discover which sections have none. A section whose honest heading would be “Some more things we wanted to mention” reveals itself and can be cut. Skim-first writing is harder than burying your points in body text, in the way that all clarity is harder than vagueness.

GazeSite looks at pages the way that thumb-scrolling visitor does, and the most common readability finding isn’t difficult words or long sentences. It’s pages whose skimmable layer says nothing, generic headings floating on substantive paragraphs no one reaches. The material is there. It’s just invisible at the only speed most visitors travel. Build the skeleton to carry the message, and the skimmers finally receive it. Some of them will even slow down and read. That was the goal all along, and skimming was never the obstacle. It was the doorway.