GestaltContinuity [fact] v1.0.0

Gestalt Principle of Good Continuation (Wertheimer, 1923): the eye prefers to follow smooth, continuous paths over abrupt direction changes; elements arranged along a line or curve are perceived as a unified group.

The visual system naturally follows paths of least curvature — a smooth line is perceived as continuing beyond interruptions, and elements arranged along a curve or line are grouped together as a sequence. Abrupt changes in direction break this perceptual flow and require extra cognitive effort to follow.

Confidence

proven

Applies To

• breadcrumb navigation — chevron separators guide the eye left-to-right along a hierarchy
• stepped progress indicators — dots or bars on a single horizontal axis imply a continuous sequence
• timeline and feed layouts — vertical line or consistent left-margin creates a continuous scan path
• horizontal scroll containers — items aligned on a shared baseline imply they belong to the same track
• data visualization — line charts exploit continuity to imply trend; scatter plots do not

Quantitative

• Practical Implication: Align sequential UI elements on a shared axis (top edge, center line, or baseline) to create a natural reading path
• Scan Path: F-pattern and Z-pattern reading behaviors are continuity effects — design with them, not against them

Counter Conditions

• Breaking continuity intentionally (e.g., a visual break in a long list) can signal a category boundary — this is a valid design use of disruption
• Continuity across Z-layers (overlapping elements) can create ambiguous figure-ground relationships — ensure the reading path doesn't cross itself confusingly
• RTL layouts require mirroring continuity cues — chevrons and reading flow direction must be reversed

GestaltContinuity [fact] v1.0.0

Gestalt Principle of Good Continuation (Wertheimer, 1923): the eye prefers to follow smooth, continuous paths over abrupt direction changes; elements arranged along a line or curve are perceived as a unified group.

The visual system naturally follows paths of least curvature — a smooth line is perceived as continuing beyond interruptions, and elements arranged along a curve or line are grouped together as a sequence. Abrupt changes in direction break this perceptual flow and require extra cognitive effort to follow.

Confidence

proven

Applies To

• breadcrumb navigation — chevron separators guide the eye left-to-right along a hierarchy
• stepped progress indicators — dots or bars on a single horizontal axis imply a continuous sequence
• timeline and feed layouts — vertical line or consistent left-margin creates a continuous scan path
• horizontal scroll containers — items aligned on a shared baseline imply they belong to the same track
• data visualization — line charts exploit continuity to imply trend; scatter plots do not

Quantitative

• Practical Implication: Align sequential UI elements on a shared axis (top edge, center line, or baseline) to create a natural reading path
• Scan Path: F-pattern and Z-pattern reading behaviors are continuity effects — design with them, not against them

Counter Conditions

• Breaking continuity intentionally (e.g., a visual break in a long list) can signal a category boundary — this is a valid design use of disruption
• Continuity across Z-layers (overlapping elements) can create ambiguous figure-ground relationships — ensure the reading path doesn't cross itself confusingly
• RTL layouts require mirroring continuity cues — chevrons and reading flow direction must be reversed

Sources

Confidence

proven

Source

• Max Wertheimer, 'Untersuchungen zur Lehre von der Gestalt II', Psychologische Forschung (1923)
• Wolfgang Köhler, 'Gestalt Psychology' (1929)
• lawsofux.com / Laws of UX

Applies To

• breadcrumb navigation — chevron separators guide the eye left-to-right along a hierarchy
• stepped progress indicators — dots or bars on a single horizontal axis imply a continuous sequence
• timeline and feed layouts — vertical line or consistent left-margin creates a continuous scan path
• horizontal scroll containers — items aligned on a shared baseline imply they belong to the same track
• data visualization — line charts exploit continuity to imply trend; scatter plots do not

Quantitative

• Practical Implication: Align sequential UI elements on a shared axis (top edge, center line, or baseline) to create a natural reading path
• Scan Path: F-pattern and Z-pattern reading behaviors are continuity effects — design with them, not against them

Counter Conditions

• Breaking continuity intentionally (e.g., a visual break in a long list) can signal a category boundary — this is a valid design use of disruption
• Continuity across Z-layers (overlapping elements) can create ambiguous figure-ground relationships — ensure the reading path doesn't cross itself confusingly
• RTL layouts require mirroring continuity cues — chevrons and reading flow direction must be reversed