Definition: F-pattern and Z-pattern reading are two distinct eye-movement patterns identified through eye-tracking research that describe how users visually scan web pages rather than reading them word for word. The F-pattern describes how users scan text-heavy pages — reading across the top, scanning down the left edge, and reading a second shorter horizontal sweep. The Z-pattern describes how users scan simpler, more visual pages — across the top, diagonally down to the left, then across the bottom.
Why It Matters: Understanding how users naturally scan a page allows designers to place critical information — headline, key benefit, call to action, trust signals — precisely where eyes are most likely to land. Content placed outside these natural scan paths is frequently missed, regardless of how well written it is. For web designers and conversion rate optimisers, these patterns inform decisions about headline placement, navigation positioning, CTA location, and the visual weight of page elements. Most professional landing pages and homepages are structured to align with one of these patterns.
How It Works: Eye-tracking studies (pioneered by the Nielsen Norman Group) use infrared cameras to map where users look on a page and for how long, generating heat maps of visual attention. The F-pattern emerges on content-rich pages like articles, blog posts, and search results — users read the first line fully, scan the second line partially, then skim down the left edge looking for relevant keywords. The Z-pattern emerges on visually sparse pages like landing pages and homepages — users sweep across the top (logo, navigation), move diagonally to the lower-left, then sweep across the bottom (CTA area). Designers use this knowledge to structure page layouts that guide users toward desired actions.
Related: Visual Hierarchy, Above the Fold, Heatmap, Landing Page, Conversion-Centred Design