Proximity and similarity decide the grouping readers see
Aliases: law of proximity · law of similarity · perceptual grouping
What it is
Grouping by proximity makes spatially near marks tend to appear together, while grouping by similarity makes marks with shared colour, shape, size, or orientation tend to appear together. “Decide” in the title names a conditional organizational tendency, not a deterministic law. When the cues support the same partition, grouping is often clearer; when they conflict, the grouping a reader perceives depends on the task, cue strength, density, layout, and competing cues.
Why it happens
The visual system forms candidate units from relative distance and feature similarity before every label is read serially. Layout and styling therefore suggest relationships rather than merely decorating marks. Proximity expresses spatial adjacency and similarity expresses a shared feature; they need not encode the same relation. Position might divide local clusters while colour preserves category identity across clusters. Grouping becomes efficient only when the hierarchy of visual cues agrees with the intended data semantics.
Studying it
Orthogonally vary within- and between-group distance and colour or shape similarity, then vary mark count, density, display size, and task. Ask participants for the first grouping they see, to locate a member, or to compare groups; measure grouping choices, errors, response time, and eye movements. Experiments by Han, Humphreys, and Chen on proximity, similarity, and uniform connectedness show that relative effectiveness changes with stimulus and task. Reports should therefore specify the manipulation rather than promote one condition's ordering to a universal hierarchy. Multilingual products should also retest scanning under the target script, reading direction, and layout convention instead of inferring perception from nationality.
Where it stops holding
A proximity cluster is not evidence of a statistical cluster, and similarity does not imply equal values. Colour differences may weaken with colour-vision variation, contrast, mark size, or display conditions; shapes and orientations may also become confusable under crowding. Connections, common regions, axes, label meaning, and learned reading paths can reinforce or overturn spacing and appearance. A group visible on screen is not automatically a group exposed to assistive technology.
Applying it
- Define the intended grouping hierarchy, then give within-group distance, between-group distance, and similar appearance distinct semantic jobs; do not substitute a fixed spacing ratio for testing.
- Use stable similarity cues when category identity must persist across space. If colour groups marks, add distinguishable labels, shape, or position as redundancy.
- Expose group names, membership, and a meaningful reading order in the DOM, data table, or equivalent accessible representation; whitespace and colour must not be the only structure.
- Compare candidates with real tasks: measure grouping errors and time for unaided grouping, within-group lookup, and between-group comparison across target devices, zoom levels, scripts, and reading directions.
Related
- Same group: U1.13.2 Connectivity makes a line read as one continuous process · U1.13.3 Common region can replace the legend for belonging
- Adjacent: U1.10.5 Redundant channels that disagree semantically give contradictory cues · U2.15.1 Small multiples replace overlay with repeated like-for-like panels
- Search terms:
Gestalt grouping·proximity grouping·similarity grouping·cue competition