Cognitive Scaffold

Preparing your thinking workspace

arrow_back_ios_new
MENTAL MODEL · M6636

F-Pattern / F-Shaped Reading Pattern

F-Pattern / F-Shaped Reading Pattern
CreatemediumDesign Thinking
Included
account_tree

Updated 2026-08-09

Loading revision record…

INTRODUCTION

English translation pending.

CORE DEFINITION

The F-pattern is a reading behavior identified by the Nielsen Norman Group through eye-tracking studies of web users. The eye first sweeps horizontally across the top of the content area, then moves down and sweeps horizontally again over a shorter distance, then scans vertically down the left edge. The shape emerges because readers scan for relevance rather than reading linearly, and they abandon a line once it stops promising value. The pattern is more pronounced on text-heavy pages and less so where visual hierarchy or subheadings are strong. Its practical implication is that placement on the page determines whether content is seen at all.

SCAFFOLDING EFFECT

psychology

Reduce cognitive load

- Use front-loading: put the most important words in the first two words of a heading. - Use left anchoring: place key content in the left column where the vertical scan travels. - Use chunking: break text with subheadings and bullets so scanning finds the points.

anchor

Anchor fast decisions

Reading on screen is a search task rather than linear consumption, so attention goes to whatever promises relevance and is withdrawn once it does not. That produces a horizontal sweep on entry, a shorter second sweep if the reader continues, and a vertical skim of line beginnings, the cheapest positions to sample. Because the scan path never returns to the right side or paragraph endings, content placed there stays invisible. Strong visual hierarchy can interrupt the pattern by giving the eye new entry points.

MINIMUM ACTION

In progress 0/1

Practice this model in one real situation:

Check to track your progress (stored locally)
Learning progress0%
account_treeGenealogyexpand_more
menu_bookReferencesexpand_more

Source support: Explicit

  • link
    en.wikipedia.orghttps://en.wikipedia.org/wiki/Screen_readingZH · Explicit
    verified

RELATED MODELS