F pattern vs Z pattern

Where the F pattern comes from

Nielsen Norman Group first reported the F shaped pattern from eyetracking studies in 2006 and revisited it in a 2017 article that confirmed it still appears, including on mobile. The heat maps show a long horizontal sweep across the top of the content, a shorter sweep a little further down, and then a vertical scan along the left side. The article is clear about when this happens: when text is unformatted, when the reader wants to be efficient, and when they are not committed enough to read every word. It is also clear that the pattern is not a design goal. Readers scanning in an F miss large chunks of content based only on where it sits in the column, so the finding is a warning about what gets skipped rather than a template to copy.

The Z pattern is a convention, not a finding

The Z pattern appears in countless layout guides, but it does not have the same research behind it. Nielsen Norman Group's 2019 overview of text scanning names the F pattern, the spotted pattern, where eyes jump to words that stand out, the layer cake pattern, where readers fixate on headings and skip the text between, and the commitment pattern of full reading. A Z pattern is not among them. The Z is better understood as a sensible composition rule for pages with only a few elements: in a left to right language, a reader starting top left and finishing bottom right will pass along its path. That makes it useful for placing a logo, a key image and a call to action, as long as nobody treats it as proof that eyes actually move in that shape.

Designing for each

For text heavy pieces, the goal is to make an F scan collect the right words. Headings that break a column into short groups turn an F into a layer cake, which is far more efficient, because readers can find their section and read only that. Starting each line or bullet with its most important word helps readers who only take in the left edge. For sparse pieces, the Z becomes a placement checklist rather than a law: something worth seeing at the start, something worth seeing along the way and the action where the eye naturally ends. On both, alignment matters. Nielsen Norman Group found in 2017 that zigzag layouts, which alternate images and text from side to side, made scanning less efficient than keeping text in one aligned column.

Common mistakes

The first mistake is treating either pattern as universal. Readers of right to left scripts start from the other side of the page, so a Z built for English needs mirroring. The second is putting the most important detail in the middle of a paragraph, where an F scan is least likely to land; the price or date should begin a line, not end one. The third is decorating the Z path with elements that carry no information, such as a large stock photo in the top right corner, which uses one of the few guaranteed glances on nothing. The fourth is designing a dense flyer and expecting a Z to rescue it. Once a page holds more than a handful of elements, readers fall back on scanning text, and headings and alignment decide what they find.

Where layout patterns show up in the flyer builder

In the flyer builder, reading paths are a property of the design chosen rather than something drawn afterwards. There are 199 designs, each authored for all eight canvas sizes, and the generator's optional template picker shows the ones made for the chosen size, rendered in the chosen theme, twelve at a time. When generating, the AI fills text, image prompts and icon names into the design; it does not pick the layout, the positions or the size. There is also no action to swap an existing page onto a different design, so a text heavy offer that needs strong headings, or a sparse event that suits a Z placement, is best matched to its layout before generating rather than after. Items can still be added and moved by hand, and nothing snaps into place.

Questions people ask