research-document
Composition Science Research Library
Composition Science Research Library
Version: 0.4
Status: Working evidence registry
Updated: July 18, 2026
Purpose
This library collects experimental evidence that may support, limit, revise, or reject proposed laws of composition.
The intended chain is:
Published result → bounded finding → candidate law → practical design implication → later validation
This version begins the transition from a conceptual outline to a source-grounded evidence registry.
Research Rules
- No principle without evidence.
- Separate observation from interpretation.
- Preserve experimental conditions.
- Do not generalize beyond the population, stimulus, task, or setting studied.
- Prefer relationships and conditional rules over arbitrary pixel prescriptions.
- Record contradictory evidence rather than averaging it away.
- Distinguish biological constraints, perceptual tendencies, learned conventions, and stylistic preferences.
- A proposed law must make a testable prediction.
Evidence Confidence Scale
| Grade | Meaning |
|---|---|
| A | Meta-analysis, systematic review, or strong replicated evidence with usable quantitative results |
| B | Multiple controlled studies or a large, well-reported controlled study |
| C | Single controlled experiment with adequate reporting |
| D | Applied or observational evidence |
| E | Expert theory, historical analysis, or reasoned case study |
| F | Convention, anecdote, or unsupported assertion |
A high evidence grade does not automatically justify a broad design recommendation. Generalizability is assessed separately.
Candidate Laws
L-001: Law of Relative Separation
Proposed relationship
Perceived separation depends more strongly on differences between within-group and between-group relationships than on an isolated absolute gap.
Testable prediction
Holding element size, color, and alignment constant, grouping accuracy should improve as the ratio of between-group spacing to within-group spacing increases.
Current status
Provisional. Supported conceptually by Gestalt proximity research, but a design-usable spacing-ratio threshold has not yet been extracted.
L-002: Law of Peripheral Separation Cost
Proposed relationship
The separation required for reliable object recognition increases as an object moves farther from fixation.
Testable prediction
At larger eccentricities, otherwise-identical targets will require larger center-to-center separation from surrounding elements to maintain recognition accuracy.
Current status
Strongly supported within visual-crowding paradigms.
Important boundary
This is a law about recognition under crowding, not a direct CSS spacing formula.
L-003: Law of Conditional Grouping Benefit
Proposed relationship
Grouping can reduce perceptual or memory burden when the grouping corresponds to the current task, but can impair performance when it emphasizes irrelevant relationships.
Testable prediction
Task-relevant grouped elements should improve performance relative to ungrouped displays, while task-irrelevant grouping may bias attention and increase errors.
Current status
Moderately supported.
L-004: Law of Search Competition
Proposed relationship
Search cost increases when the target is not distinguished by an efficiently processed feature and must compete with increasing numbers of similar distractors.
Testable prediction
Reaction time should remain comparatively stable across set size for efficient feature searches, but rise with set size for less efficient searches.
Current status
Strongly supported in visual-search research, with important qualifications.
L-005: Law of Structural Encoding
Proposed relationship
Visual organization affects what is encoded into working memory, not merely how a display appears.
Testable prediction
Displays with usable Gestalt organization should change later recall or change-detection performance even when the individual visual items remain the same.
Current status
Moderately supported.
L-006: Law of Cue Competition
Proposed relationship
Grouping cues can reinforce or compete with one another. No cue should be treated as independently deterministic.
Testable prediction
When proximity, similarity, connectedness, or enclosure indicate conflicting organizations, grouping judgments and performance should depend on cue strength, timing, and task.
Current status
Supported at a conceptual level; quantitative synthesis remains incomplete.
Evidence Registry
VS-001 — Crowding distance scales with eccentricity
Citation
Kurzawski, J. W., Burchell, A., Thapa, D., et al. (2023). The Bouma law accounts for crowding in 50 observers. Journal of Vision, 23(8):6.
DOI: 10.1167/jov.23.8.6
Evidence grade
B
Study scope
- 50 observers
- 13 crowding distances measured twice per observer
- Eccentricities: 0°, 5°, and 10°
- Four cardinal meridians
- Radial and tangential crowding orientations
- Sloan and Pelli fonts
- Foveal acuity also measured twice
Quantitative result
- A two-parameter Bouma model explained 82% of variance in the 13 × 50 log crowding-distance measurements using cross-validation.
- An enhanced model including meridian, orientation, target kind, and observer explained 94%.
- Reported crowding-distance ratios included:
- horizontal : vertical = 0.62
- lower : upper = 0.79
- right : left = 0.78
- tangential : radial = 0.55
- Sloan font : Pelli font = 0.78
Bounded finding
Critical spacing grows systematically with eccentricity, but location, orientation, target type, and observer materially modify the result.
Supports
- L-002: Law of Peripheral Separation Cost
- L-006: Law of Cue Competition, indirectly through moderator effects
Does not establish
- A universal coefficient for all objects
- A direct pixel-spacing recommendation
- That crowding is identical for reading, icons, controls, faces, and arbitrary interface objects
Design implication
Small, tightly clustered interface signals placed away from the normal fixation path may become difficult to identify even when each signal is individually large enough to see. Peripheral importance requires greater isolation, stronger differentiation, relocation into the gaze path, or an intentional eye movement.
Source
https://doi.org/10.1167/jov.23.8.6
VS-002 — Crowding limits recognition rather than simple detection
Citation
Pelli, D. G., & Tillman, K. A. (2008). The uncrowded window of object recognition. Nature Neuroscience, 11, 1129–1135.
Related open review: Crowding: A cortical constraint on object recognition.
Evidence grade
A/B conceptual synthesis
Bounded finding
Objects that can be detected and identified in isolation may become unrecognizable when nearby flankers fall within a critical spacing region. The spacing is commonly described center-to-center and varies by visual-field location and direction.
Supports
- L-002: Law of Peripheral Separation Cost
Important distinction
Visibility is not equivalent to recognizability.
An icon, label, or status indicator may be technically visible while its identity is unreliable in clutter.
Design implication
Minimum contrast and font-size rules are insufficient by themselves. Critical information also needs adequate isolation from competing forms.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC3624758/
VS-003 — Crowding and eccentricity constrain reading rate
Citation
Pelli, D. G., Tillman, K. A., Freeman, J., Su, M., Berger, T. D., & Majaj, N. J. (2007). Crowding and eccentricity determine reading rate. Journal of Vision, 7(2):20.
DOI: 10.1167/7.2.20
Evidence grade
B
Bounded finding
Reading is constrained by the number of letters that can be recognized during a fixation. Crowding helps explain why high-detail reading depends on repeated eye movements rather than a continuous high-resolution sweep across text.
Supports
- L-002: Law of Peripheral Separation Cost
- The broader claim that a whole page is not available in equal detail simultaneously
Design implication
A page should support a sequence of useful fixations. Peripheral layout can indicate structure and destination, but detailed comprehension requires bringing content into central inspection.
Source
https://doi.org/10.1167/7.2.20
GP-001 — Gestalt similarity can improve visual working memory
Citation
Peterson, D. J., & Berryhill, M. E. (2013). The Gestalt principle of similarity benefits visual working memory. Psychonomic Bulletin & Review, 20, 1282–1289.
Evidence grade
C
Experimental theme
The study tested whether similarity-based grouping influences visual working-memory performance.
Bounded finding
Grouping by visual similarity can improve working-memory performance under tested conditions. The benefit indicates that organization affects storage or effective encoding, not merely subjective appearance.
Supports
- L-003: Law of Conditional Grouping Benefit
- L-005: Law of Structural Encoding
Does not establish
- That all similarity improves memory
- That decorative consistency always reduces cognitive load
- That similarity should override task-relevant distinctions
Design implication
Consistent visual treatment can help users encode related information as a unit, but only when the similarity represents a meaningful relationship.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC3806891/
GP-002 — Grouping can help relevant items and hinder irrelevant ones
Citation
Prieto, A., et al. (2022). Does perceptual grouping improve visuospatial working memory?
Evidence grade
C
Experimental structure
- Experiment 1 tested effects of similarity grouping on change detection.
- Experiment 2 examined whether explicit task instructions could override the grouping bias.
Bounded result
Similarity grouping improved change-detection accuracy for probes that had been grouped, but hindered detection for non-grouped probes in some conditions. Explicit instructions to ignore irrelevant grouped items could override the automatic bias.
Supports
- L-003: Law of Conditional Grouping Benefit
- L-005: Law of Structural Encoding
- L-006: Law of Cue Competition
Strong implication
Grouping is not free cognitive compression. It prioritizes some relationships over others.
Design implication
A border, shared background, repeated color, or proximity pattern is an assertion about what belongs together. Incorrect grouping can make the interface worse even if it appears orderly.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC9090850/
GP-003 — Proximity may receive a temporal advantage over similarity
Citation
Johansson, R. C. G., et al. (2024). Serial processing of proximity groups and similarity groups in perceptual organization.
Evidence grade
C
Experimental structure
- Experiment 1 compared grouping judgments produced by proximity and contrast similarity.
- Experiment 2 used redundant signals to investigate the processing architecture.
Bounded finding
The experiments indicated sequential organization of grouping operations and a temporal processing advantage for proximity grouping under the tested conditions.
Supports
- L-001: Law of Relative Separation
- L-006: Law of Cue Competition
Design implication
Spatial relationship may be interpreted earlier than some similarity cues. Color or style should not be expected to repair a spatial organization that communicates the wrong grouping.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC11093805/
AT-001 — Search cost depends on the target–distractor relationship
Citation
Wolfe, J. M., Palmer, E. M., & Horowitz, T. S. (2010). Reaction time distributions constrain models of visual search. Vision Research, 50(14), 1304–1311.
Evidence grade
B
Dataset
Approximately 112,000 trials across:
- efficient color-feature search
- inefficient search for a
2among5s - intermediate color × orientation conjunction search
Bounded finding
Different target–distractor relationships produce meaningfully different reaction-time distributions. Mean reaction time alone is insufficient to explain search behavior.
Supports
- L-004: Law of Search Competition
Design implication
Making a target “different” is not a binary condition. The feature used, distractor similarity, and number of competing items determine whether search remains efficient.
Source
https://pubmed.ncbi.nlm.nih.gov/19895828/
AT-002 — Global organization can capture attention
Citation
Marini, F., et al. (2016). Gestalt perceptual organization of visual stimuli captures attention.
Evidence grade
C
Bounded finding
Global configurations formed through perceptual organization can capture attention even when top-down attention is directed toward local elements.
Supports
- L-005: Law of Structural Encoding
- A future candidate law concerning global-before-local attentional effects
Design implication
The page-level composition is not a neutral container around components. Large-scale grouping and shape can compete with or redirect attention away from local controls.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC5005981/
Initial Cross-Study Observations
OBS-001 — Separation is a relationship, not a token
The research reviewed so far does not support a universal spacing token that guarantees visual separation. Separation depends on:
- position relative to fixation
- target–flanker similarity
- orientation
- visual-field meridian
- task
- attentional state
- grouping cues
- observer differences
Confidence: High
OBS-002 — Visibility, recognition, grouping, and comprehension are different thresholds
A target may be:
- detectable,
- identifiable,
- correctly grouped,
- correctly interpreted,
- remembered,
and fail at any later stage despite passing an earlier one.
Confidence: High
OBS-003 — Grouping changes processing priorities
Grouping does not merely make a layout look organized. It can improve encoding of grouped information while impairing access to information excluded from that grouping.
Confidence: Moderate to high
OBS-004 — Peripheral design should communicate structure before detail
Because detailed recognition deteriorates away from fixation, peripheral interface regions are better suited to:
- large state changes
- strong landmarks
- broad grouping
- motion or salient alerts
- navigational structure
They are less reliable for:
- tightly packed labels
- subtle status differences
- small badges
- dense icon clusters
Confidence: Moderate to high
OBS-005 — More visual consistency is not always better
Similarity can support grouping, but excessive similarity can make a search target harder to distinguish. A successful composition must balance:
- grouping within a meaningful unit
- differentiation between competing units
- emphasis for the current task
Confidence: Moderate
Practical Translation Framework
Every scientific finding should be translated through four stages.
1. Laboratory claim
What was directly demonstrated?
2. Perceptual mechanism
What process might explain it?
3. Composition principle
What conditional relationship may transfer across domains?
4. Implementation hypothesis
What UI treatment should be tested?
Example:
laboratory_claim:
Critical spacing rises with eccentricity.
composition_principle:
Peripheral recognition requires greater isolation.
implementation_hypothesis:
Status signals positioned outside the dominant gaze path should
use greater spacing, size, or contrast than centrally inspected labels.
validation_needed:
Compare dashboard error rates using centrally and peripherally placed
status indicators under controlled spacing conditions.
Immediate Research Backlog
Track A — Perceptual Separation
- Extract coefficients and moderators from major crowding studies.
- Separate foveal crowding from peripheral crowding.
- Compare letters, symbols, faces, and interface-like stimuli.
- Record center-to-center spacing rather than edge-only spacing.
- Translate visual angle into device-specific examples without turning them into universal rules.
Track B — Grouping Strength
- Find experiments that directly compare proximity ratios.
- Extract conditions where similarity overrides proximity.
- Compare common region, connectedness, and enclosure.
- Investigate cue conflict and cue redundancy.
- Identify effects on accuracy, reaction time, memory, and confidence.
Track C — Search and Hierarchy
- Extract visual-search slopes by target and distractor type.
- Study how salience changes first fixation.
- Compare local target salience with global compositional dominance.
- Investigate expertise and learned search strategies.
- Connect visual hierarchy to task completion rather than preference alone.
Research Extraction Template
Identifier
Citation
Evidence grade
Research question
Participants
Stimuli
Task
Viewing conditions
Independent variables
Dependent variables
Quantitative results
Authors' interpretation
Bounded finding
Candidate laws supported
Candidate laws challenged
Generalizability limits
Composition implication
UI hypothesis
Replication status
Source
Change Log
Version 0.2
- Added six candidate laws.
- Added eight source-grounded evidence records.
- Added quantitative crowding results from a 50-observer study.
- Added distinctions among visibility, recognition, grouping, comprehension, and memory.
- Added the conditional nature of grouping benefits.
- Added an immediate research backlog.
- Reframed design guidance as implementation hypotheses requiring later validation.
Perceptual Separation Synthesis
Why the first model must be conditional
The research collected so far rejects a simple rule such as:
Elements separated by a particular number of pixels will be perceived as distinct.
At least four separate thresholds are involved:
- Detection — Is a visual change present?
- Identification — What object or symbol is it?
- Segmentation — Which surrounding elements belong with it?
- Interpretation — What does the resulting group mean?
A layout can pass the detection threshold while failing identification or segmentation. This distinction is essential for interface design because many current guidelines concentrate on size and contrast while ignoring the interference produced by nearby objects.
PS-001 — Candidate Perceptual Separation Function
A provisional model:
Reliable separation =
spatial distance
× spacing contrast
× feature difference
× boundary reinforcement
× attentional support
÷ peripheral cost
÷ distractor competition
A more formal placeholder:
Sᵣ = f(D, R, F, B, A, E, N, O)
Where:
D= center-to-center distanceR= ratio of between-group spacing to within-group spacingF= target–neighbor feature differenceB= boundary cues such as enclosure, connectedness, or backgroundA= attentional supportE= eccentricity from fixationN= number and similarity of competing neighborsO= orientation and visual-field location
This is not yet a fitted equation. It is a causal inventory defining what our evidence model must preserve.
New Candidate Laws
L-007: Law of Recognition Beyond Visibility
Proposed relationship
An element can be visible without being reliably identifiable.
Testable prediction
Participants may accurately report that a peripheral target is present while failing to report its identity when similar flankers fall within critical spacing.
Evidence status
Strongly supported by crowding research.
Design consequence
Compliance with minimum size and contrast requirements does not guarantee that a control, badge, or status symbol is usable within a crowded composition.
L-008: Law of Similarity-Weighted Interference
Proposed relationship
Nearby objects interfere more strongly when they share relevant visual features with the target.
Testable prediction
At equal spacing and eccentricity, target identification should improve as target–flanker similarity decreases, subject to task and feature dimensions.
Evidence status
Moderately to strongly supported.
Design consequence
Dissimilarity can function as separation. However, it should be used selectively because excessive differentiation can destroy meaningful grouping and increase visual noise.
L-009: Law of Directional Crowding
Proposed relationship
Critical separation varies by direction and visual-field location rather than forming a perfectly uniform radius around an object.
Testable prediction
The same target and spacing will produce different recognition accuracy depending on radial versus tangential arrangement and visual-field meridian.
Evidence status
Strongly supported.
Design consequence
A single circular “safe zone” around an interface element is an approximation. Horizontal, vertical, radial, and tangential arrangements may not impose equal perceptual cost.
L-010: Law of Attentional Relief
Proposed relationship
Attention can reduce some crowding effects, but attentional intent does not uniformly eliminate critical-spacing limits.
Testable prediction
Exogenous or involuntary cues to target location may reduce measured critical spacing under some conditions, while voluntary attention may improve performance without producing the same spacing reduction.
Evidence status
Moderately supported.
Design consequence
Making users search harder or “pay attention” is not a substitute for adequate composition. Salient cues may help, but they do not erase the biological cost of dense surrounding structure.
L-011: Law of Temporal Cue Priority
Proposed relationship
Grouping cues are not necessarily processed simultaneously. Proximity can dominate early organization, while similarity can exert greater influence with additional processing time.
Testable prediction
Under brief exposure, proximity should determine grouping more often than conflicting similarity cues; with longer processing, similarity may gain influence.
Evidence status
Moderately supported.
Design consequence
A spatial structure that communicates the wrong grouping cannot safely be repaired only through color or shape similarity, especially in rapidly scanned interfaces.
L-012: Law of Reinforced Structure
Proposed relationship
Multiple compatible grouping cues can communicate structure more reliably than an isolated weak cue, but reinforcement is useful only when the cues encode the same intended relationship.
Testable prediction
Compatible combinations of proximity, alignment, common region, connectivity, and color similarity should improve recovery of intended group structure relative to weaker isolated cues.
Evidence status
Moderately supported in applied grouping research.
Design consequence
A section boundary can be strengthened through a coordinated combination of spacing, alignment, heading treatment, and enclosure. Using all possible cues at maximum strength is unnecessary and may fragment the page.
Additional Evidence Records
VS-004 — Critical spacing is not universally one-half eccentricity
Citation
Coates, D. R., Chin, J. M., & Chung, S. T. L. (2021). The generality of the critical spacing for crowded optotypes.
Evidence grade
B
Bounded finding
The familiar approximation that critical spacing is one-half of target eccentricity is a useful historical rule of thumb, not a universal constant. Even within optotype research, estimates vary with method, stimulus, and observer.
Supports
- L-002: Peripheral Separation Cost
- L-009: Directional Crowding
- The research rule against universal pixel conversion
Challenges
Any implementation rule that directly converts 0.5 × eccentricity into a mandatory interface spacing value.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC8556556/
VS-005 — Similarity and flanker complexity moderate crowding
Citation
Bernard, J.-B., & Chung, S. T. L. (2011). The dependence of crowding on flanker complexity and target–flanker similarity.
Evidence grade
C
Research focus
Identification of crowded letters while manipulating:
- spatial complexity of flankers
- similarity between targets and flankers
Bounded finding
Crowding strength is affected by the relationship between target and flankers, not only by geometric spacing. Similarity and complexity can alter identification performance.
Supports
- L-008: Similarity-Weighted Interference
- PS-001 candidate function
Design implication
Repeated controls with nearly identical visual form can interfere with rapid peripheral recognition. The system needs enough within-group consistency for recognition, but enough task-relevant differentiation to locate exceptional or urgent states.
Source
https://jov.arvojournals.org/article.aspx?articleid=2120999
VS-006 — Topological difference can alleviate crowding
Citation
Xi, H., et al. (2020). Topological difference between target and flankers alleviates crowding.
Evidence grade
C
Bounded finding
Target–flanker differences in global or topological structure can reduce crowding, reinforcing the conclusion that feature relationship modifies interference.
Supports
- L-008: Similarity-Weighted Interference
Design implication
Shape difference may carry stronger recognition value than minor decorative differences. A critical status icon that differs only by subtle tone may remain crowded, while a meaningfully different silhouette may be more robust.
Source
https://jov.arvojournals.org/article.aspx?articleid=2770795
VS-007 — Involuntary attention can reduce critical spacing
Citation
Bowen, J. D., et al. (2023). Effects of involuntary and voluntary attention on critical spacing in crowding.
Evidence grade
C
Bounded result
Directing involuntary attention toward the target reduced critical spacing relative to directing it elsewhere. Voluntary attention did not produce the same significant critical-spacing effect. Effects on response time and spacing were not strongly correlated across participants.
Supports
- L-010: Attentional Relief
Design implication
Animation, sudden onset, or another exogenous cue may temporarily help isolate an urgent signal. This is not equivalent to making an ordinary dense layout permanently legible.
Source
https://pmc.ncbi.nlm.nih.gov/articles/PMC9987171/
GP-004 — Proximity precedes similarity under cue conflict
Citation
Ben-Av, M. B., Sagi, D., & Braun, J. (1992/1995 indexing). Perceptual grouping by similarity and proximity.
Evidence grade
C
Experimental structure
Observers judged horizontal or vertical organization while proximity and similarity supplied conflicting grouping cues.
Bounded result
Proximity grouping was perceived faster. With increasing processing time, similarity could dominate the final grouping judgment.
Supports
- L-011: Temporal Cue Priority
- L-001: Relative Separation
Design implication
Spacing communicates before users have fully interpreted color, shape, or semantic labels. It is therefore one of the earliest structural claims made by a composition.
Source
https://pubmed.ncbi.nlm.nih.gov/7740775/
HCI-001 — Multiple grouping cues can communicate intended structure
Citation
Bae, J., et al. (2014/2015 indexing). Reinforcing visual grouping cues to communicate complex informational structure.
Evidence grade
C/D
Cues examined
- proximity
- color similarity
- common region
- connectivity
- alignment
Method
A digital card-sorting approach was used to measure how effectively combinations of grouping cues communicated intended organization in real-world text and imagery.
Bounded finding
Grouping cues can be combined to reinforce structure. Their effectiveness depends on cue selection and the intended organization rather than on simply adding more decoration.
Supports
- L-012: Reinforced Structure
- L-006: Cue Competition
Design implication
Composition should deliberately encode hierarchy using compatible cues. A design token system should represent relationships such as group, subgroup, exception, and boundary rather than only isolated spacing values.
Source
https://pubmed.ncbi.nlm.nih.gov/26356911/
Visual Angle Translation Reference
Pixels are not a biological unit. The same visual angle corresponds to different physical sizes at different viewing distances.
The table below converts angular size into approximate physical millimeters:
| Viewing distance | 0.1° | 0.25° | 0.5° | 1° | 2.5° |
|---|---|---|---|---|---|
| 12 in | 0.5 mm | 1.3 mm | 2.7 mm | 5.3 mm | 13.3 mm |
| 18 in | 0.8 mm | 2.0 mm | 4.0 mm | 8.0 mm | 20.0 mm |
| 24 in | 1.1 mm | 2.7 mm | 5.3 mm | 10.6 mm | 26.6 mm |
| 30 in | 1.3 mm | 3.3 mm | 6.6 mm | 13.3 mm | 33.3 mm |
| 36 in | 1.6 mm | 4.0 mm | 8.0 mm | 16.0 mm | 39.9 mm |
Interpretation
At a 24-inch viewing distance:
0.1°subtends approximately 1.1 mm0.5°subtends approximately 5.3 mm1°subtends approximately 10.6 mm2.5°subtends approximately 26.6 mm
These values describe apparent size or separation, not recommended UI dimensions.
Formula
physical size = 2 × viewing distance × tan(visual angle ÷ 2)
Required implementation inputs
To translate a perceptual result into pixels, we would need:
- estimated viewing distance
- physical display dimensions
- display pixel dimensions
- device pixel ratio
- expected gaze location
- task and exposure duration
Without those inputs, a pixel value is only a convention.
Emerging Composition Model
Three spatial scales
1. Detail scale
Supports:
- letter identification
- icon recognition
- small status differences
- precise interaction
Primary constraints:
- acuity
- contrast
- crowding
- target size
2. Group scale
Supports:
- form-field units
- cards
- rows
- navigation clusters
- chart legends
Primary constraints:
- proximity
- similarity
- alignment
- enclosure
- connectedness
3. Page scale
Supports:
- dominant regions
- reading path
- balance
- global hierarchy
- page-level rhythm
Primary constraints:
- attentional capture
- global organization
- task sequence
- viewport and scrolling
- learned reading conventions
Implication
A composition can succeed at one scale and fail at another.
For example:
- every icon may be identifiable at detail scale,
- controls may be ambiguously grouped at group scale,
- and the overall page may lack a dominant reading path at page scale.
A future composition score must therefore report scale-specific failures rather than one overall aesthetic number.
First Proposed Design Diagnostic
Separation Diagnostic v0.1
For every important target, record:
target:
role:
expected_fixation:
eccentricity_estimate:
size:
contrast:
neighbors:
count:
nearest_center_distance:
feature_similarity:
semantic_similarity:
grouping:
within_group_gap:
between_group_gap:
spacing_ratio:
alignment:
common_region:
connectedness:
color_similarity:
task:
detect:
identify:
compare:
remember:
act:
risk:
peripheral_crowding:
ambiguous_grouping:
search_competition:
false_emphasis:
This diagnostic does not yet produce a valid numeric score. Its purpose is to prevent us from collapsing different perceptual problems into the word “clutter.”
Updated Research Priorities
Priority 1 — Extract usable proximity functions
We still need experiments reporting:
- exact spacing values
- element dimensions
- exposure times
- grouping-choice percentages
- proximity–similarity conflicts
- response-time changes
The goal is to determine whether practical spacing-ratio bands can be justified.
Priority 2 — Build a target–flanker similarity taxonomy
Candidate dimensions:
- luminance
- color
- orientation
- spatial frequency
- shape
- topology
- semantic category
- motion
The goal is to identify which differences most reliably preserve recognition in dense interfaces.
Priority 3 — Translate crowding into realistic interface tasks
Laboratory optotypes are foundational but not sufficient. We need studies involving:
- icons
- text labels
- menus
- status indicators
- charts
- dashboards
- touch controls
- mixed text-and-symbol displays
Priority 4 — Age and visual impairment
The framework must eventually distinguish baseline recommendations from inclusive recommendations for:
- aging vision
- low vision
- amblyopia
- dyslexia and reading differences
- motor or attentional limitations
Change Log
Version 0.3
- Added a conditional perceptual-separation model.
- Added six candidate laws concerning recognition, similarity, direction, attention, processing order, and cue reinforcement.
- Added five evidence records.
- Added visual-angle conversion data across common viewing distances.
- Introduced detail, group, and page scales.
- Added the first structured separation diagnostic.
- Identified the need for realistic UI-stimulus research before issuing implementation standards.
Quantifying Proximity
Objective
This research round asked a narrow question:
Can published experiments justify practical weak, moderate, and strong spacing-ratio bands for visual grouping?
Current answer
Not yet as universal thresholds.
The strongest quantitative tradition does not describe proximity grouping as an abrupt category boundary. It describes the relative probability of alternative organizations as a smooth function of relative distance.
This is a more powerful result than a fixed threshold, but it changes what our design system should attempt to model.
Core Finding: Proximity Is Probabilistic
The dot-lattice paradigm
Kubovy, Wagemans, Holcombe, and later researchers used regular dot lattices that could be seen as parallel rows in more than one orientation.
The method typically:
- presents a lattice briefly,
- varies the relative distances between dots along possible grouping directions,
- asks observers which orientation they perceived,
- models the probability of each reported organization.
The 1998 reanalysis reported that the relative strength of grouping decreases approximately exponentially with relative inter-dot distance.
This finding was robust across:
- different lattice configurations,
- spatial scale transformations,
- presentation-time transformations,
- and grouping of already-grouped dot pairs.
The configural properties tested, including angular separation and pattern symmetry, did not explain the result as strongly as relative distance.
Primary source
Kubovy, M., Holcombe, A. O., & Wagemans, J. (1998). On the lawfulness of grouping by proximity. Cognitive Psychology, 35(1), 71–98.
https://doi.org/10.1006/cogp.1997.0673
Supporting institutional record:
https://lirias.kuleuven.be/209847
The Pure Distance Law
Conceptual form
For a possible organization along vector v, grouping attraction is modeled as decreasing exponentially with relative distance:
attraction(v) ∝ exp(-α × relative_distance(v))
The probability of perceiving an organization is its attraction relative to the attraction of all available organizations:
P(v) = attraction(v) / Σ attraction(all candidate directions)
Where:
relative_distance(v)is distance along a possible grouping direction relative to a reference or shortest distance,αis an attraction or distance-sensitivity parameter,- larger
αmeans a stronger preference for the nearest organization.
This means grouping depends on competition among plausible organizations, not merely the isolated distance between two objects.
Equivalent two-choice interpretation
For two competing orientations with distances a and b, choice probability can be represented in logistic form:
log odds(group by a rather than b)
∝ α × relative distance difference
The exact parameter is observer- and condition-dependent.
Consequence
There is no universal ratio such as:
between-gap / within-gap ≥ 2
that guarantees grouping for every observer, task, stimulus, and environment.
Instead:
Increasing the relative distance of one organization continuously reduces its probability relative to competing organizations.
New Candidate Law
L-013: Law of Probabilistic Proximity
Proposed relationship
Grouping strength changes continuously with relative spatial distance and with the strengths of competing organizations.
Prediction
As the distance along one possible organization increases relative to another, the probability of perceiving the longer-distance organization should decline approximately monotonically and often exponentially.
Evidence status
Strong within regular dot-lattice paradigms.
Boundary
The functional form has not yet been validated as a universal model for cards, form fields, typography, or mixed interface objects.
New Evidence Records
GP-005 — Relative grouping strength follows a decreasing exponential
Citation
Kubovy, M., Holcombe, A. O., & Wagemans, J. (1998). On the lawfulness of grouping by proximity. Cognitive Psychology, 35(1), 71–98.
Evidence grade
B
Experimental lineage
The authors reanalyzed multistable dot-lattice data and tested the quantitative relationship between inter-dot distance and reported grouping orientation.
Quantitative form
Relative grouping strength was approximated by a decreasing exponential function of relative distance.
Robustness reported
- spatial scale transformation: retained
- temporal scale transformation: retained
- grouping of paired dots as higher-order units: retained
- pattern symmetry and angular separation: comparatively unimportant in the tested configurations
Supports
- L-001: Relative Separation
- L-013: Probabilistic Proximity
Challenges
- fixed universal spacing thresholds
- explanations based only on overall pattern symmetry
- treating proximity as an all-or-nothing law
Composition implication
A layout should be evaluated by the relative strength of all plausible groupings. Increasing a section gap weakens competing cross-section organizations gradually rather than activating a categorical separator.
Source
https://doi.org/10.1006/cogp.1997.0673
GP-006 — Distance ratios from 1.0 to 1.5 systematically alter grouping
Citation
Claessens, P. M. E., & Wagemans, J. (2005). Perceptual grouping in Gabor lattices: Proximity and alignment. Perception & Psychophysics.
Evidence grade
C
Experimental geometry
The lattice space included five levels of the distance ratio:
|b| / |a| = 1.0 through 1.5
with three inter-vector angle levels per distance ratio.
Exposure tradition
Related lattice experiments commonly presented stimuli for approximately 300 ms before observers reported the perceived orientation.
Findings
- Distance ratio had a highly significant effect within each observer.
- Alignment also had a highly significant effect.
- Both were reported at
p < .0001. - Proximity was the stronger of the two principal effects.
- Alignment still modified grouping and therefore cannot be ignored.
Supports
- L-013: Probabilistic Proximity
- L-006: Cue Competition
- L-012: Reinforced Structure
Composition implication
A 1.0–1.5 ratio manipulation is perceptually consequential in controlled lattice displays, but it cannot be directly relabeled as a UI rule such as “1.5 means strong grouping.”
Source
https://doi.org/10.3758/BF03193649
GP-007 — Central and peripheral grouping require different models
Citation
Bleumers, L., De Graef, P., Verfaillie, K., & Wagemans, J. (2008). Eccentric grouping by proximity in multistable dot lattices. Vision Research, 48(4), 495–504.
Evidence grade
C
Conditions
Dot lattices appeared:
- centrally,
- to the right of fixation with the closest border at 3°,
- or to the right of fixation with the closest border at 15°.
Finding
The Pure Distance Law adequately predicted central grouping but did not capture peripheral responses as well, even when peripheral lattices were scaled.
A model allowing occasional random responses fit the eccentric data better. One proposed explanation was failure to shift attention successfully from fixation to the peripheral pattern.
The effect of relative inter-dot distance could be stronger in peripheral vision at larger scales, but the difference disappeared at the smallest tested scale.
Supports
- L-002: Peripheral Separation Cost
- L-010: Attentional Relief
- L-013: Probabilistic Proximity
Challenges
A single proximity curve applied uniformly across the viewport.
Composition implication
The same spacing ratio may not communicate grouping equally at the center and edge of a display. Expected fixation location belongs in the layout model.
Source
https://doi.org/10.1016/j.visres.2007.11.016
GP-008 — Cardinal orientation alters proximity grouping
Citation
Claessens, P. M. E., & Wagemans, J. (2008/2009). Proximity, collinearity, and orientation priors in zigzag lattices.
Evidence grade
C
Bounded finding
Grouping along cardinal axes was less affected by distance but more affected by discollinearity than grouping along oblique orientations.
Supports
- L-009: Directional Crowding
- L-006: Cue Competition
- L-013: Probabilistic Proximity
Design implication
Horizontal, vertical, and oblique arrangements cannot be assumed to have identical grouping strength. Learned reading structure and intrinsic orientation biases may coexist with low-level proximity effects.
Source
https://pubmed.ncbi.nlm.nih.gov/19146265/
GP-009 — Proximity and similarity can combine additively
Citation
Kubovy, M., & van den Berg, M. (2008). The whole is equal to the sum of its parts: A probabilistic model of grouping by proximity and similarity in regular patterns. Psychological Review, 115(1), 131–154.
Evidence grade
B
Bounded finding
A probabilistic model accounted for combined grouping by proximity and similarity in regular patterns. Attraction functions were approximately linear in a transformed space, supporting quantitative integration rather than a winner-takes-all account.
Supports
- L-006: Cue Competition
- L-012: Reinforced Structure
- L-013: Probabilistic Proximity
Design implication
Spacing and similarity can be treated as partially separable evidence for organization. This supports a future model in which spatial, color, shape, and enclosure cues contribute weighted evidence to a grouping prediction.
Source
https://doi.org/10.1037/0033-295X.115.1.131
Why We Cannot Publish Universal Ratio Bands Yet
1. The fitted sensitivity parameter varies
The attraction constant α represents sensitivity to proximity. It varies among observers and conditions.
A ratio cannot be interpreted without the curve parameter.
2. Grouping is competitive
A gap does not possess an independent grouping strength. Its effect depends on all other plausible distances and cues.
3. Orientation matters
Vertical, horizontal, radial, tangential, cardinal, and oblique organizations may receive different weights.
4. Peripheral presentation changes performance
A model that works centrally may require attention-failure or other terms in peripheral vision.
5. Stimulus class matters
The evidence comes mainly from:
- identical dots,
- Gabor patches,
- regular lattices,
- brief forced-choice judgments.
A form, dashboard, article, photograph, or navigation bar contains semantic and learned structure absent from these experiments.
6. The practical outcome differs
Laboratory grouping reports do not directly measure:
- task completion,
- comprehension,
- error recovery,
- clicking behavior,
- reading order,
- long-duration use.
Provisional Strength Language
Until interface-specific calibration exists, use qualitative language tied to measurable comparisons rather than pretending to have validated bands.
Ambiguous proximity
Two or more organizations have similar spatial support.
within-group and competing gaps are approximately equal
Expected result:
- multistability,
- inconsistent grouping,
- heavier reliance on alignment, similarity, enclosure, or semantics.
Biased proximity
One organization has a shorter repeated distance than its competitors.
preferred gap < competing gap
Expected result:
- increased probability of the shorter-distance grouping,
- but not guaranteed grouping.
Strongly biased proximity
One organization is substantially shorter and repeated consistently while other cues agree.
Expected result:
- high probability of the intended grouping,
- subject to orientation, eccentricity, stimulus type, and observer.
These are descriptive categories, not validated numerical bands.
A Better Metric Than “Spacing Ratio”
Proximity evidence
For candidate group G:
PE(G) = -α × normalized_distance(G)
Cue evidence
CE(G) =
wₚ × proximity
+ wₛ × similarity
+ wₐ × alignment
+ wᵣ × common_region
+ w𝚌 × connectedness
+ wₘ × motion
+ wₑ × semantic_expectation
Predicted organization
P(G) = exp(CE(G)) / Σ exp(CE(all candidate groups))
This softmax-style representation is provisional, but it captures the key empirical result:
Grouping is a probability distribution over competing organizations.
No weights have yet been validated for interface composition.
Layout Measurement Protocol v0.1
For a repeated layout, measure:
geometry:
element_width:
element_height:
center_to_center_within:
edge_to_edge_within:
center_to_center_between:
edge_to_edge_between:
horizontal_ratio:
vertical_ratio:
competition:
plausible_row_grouping:
plausible_column_grouping:
plausible_section_grouping:
cross_boundary_alignment:
reinforcement:
color_similarity:
shape_similarity:
typography_similarity:
common_region:
connectedness:
heading_association:
semantic_relationship:
viewing:
expected_fixation:
eccentricity:
viewing_distance:
display_density:
exposure_duration:
outcome:
reported_grouping:
grouping_confidence:
first_fixation:
task_time:
errors:
Both center-to-center and edge-to-edge distances should be retained. Dot-lattice studies typically emphasize center distances, while interface designers often discuss empty edge gaps. Converting between them requires knowing element dimensions.
Proposed Experiment: UI Proximity Calibration
Research question
How does the ratio of between-group to within-group spacing affect grouping judgments and task performance for realistic interface elements?
Stimuli
Create repeated rows of:
- label–value pairs,
- form fields,
- action buttons,
- navigation items,
- dashboard metrics,
- text cards.
Independent variables
Spacing ratio
1.00
1.10
1.20
1.35
1.50
1.75
2.00
2.50
3.00
4.00
These are sampling points, not expected thresholds.
Cue condition
- spacing only
- spacing + alignment
- spacing + common region
- spacing + similarity
- conflicting similarity
- conflicting alignment
Exposure
- 100 ms
- 300 ms
- 1 second
- unlimited
Location
- central
- moderate eccentricity
- peripheral
Dependent variables
- grouping choice
- confidence
- response time
- task accuracy
- first fixation
- number of fixations
- recall of group membership
Analysis
Fit a hierarchical multinomial or logistic model:
grouping probability
~ log(spacing ratio)
+ cue condition
+ exposure
+ eccentricity
+ stimulus type
+ interactions
+ participant random effects
Required result before publishing bands
A practical band should be published only if:
- the probability curve is stable across several UI stimulus classes,
- uncertainty intervals are reported,
- task outcomes agree with subjective grouping,
- the result replicates,
- accessibility-related observer variation is measured.
Updated Findings
OBS-006 — Grouping has no natural hard boundary in current evidence
The best-supported model is continuous and probabilistic.
Confidence: High within dot-lattice research.
OBS-007 — Relative distance is more transferable than absolute distance
Scale transformations often preserve the grouping relationship better than fixed physical measurements.
Confidence: Moderate to high.
OBS-008 — A ratio is insufficient without competing alternatives
The same within/between ratio can produce different judgments when alignment, orientation, similarity, or other candidate organizations differ.
Confidence: High.
OBS-009 — “Whitespace” is an incomplete construct
Empty space has no independent meaning. Its compositional effect comes from how it changes the probability of competing organizations, expected eye movements, and object isolation.
Confidence: Moderate to high.
OBS-010 — UI spacing tokens should encode relational roles
A future token system should distinguish:
- internal item spacing,
- subgroup spacing,
- section spacing,
- competing-axis spacing,
- peripheral isolation,
- exceptional emphasis.
A single geometric sequence of generic spacing values does not capture the perceptual mechanism.
Confidence: Provisional design inference.
Decision for the Framework
We will not currently define:
weak grouping = ratio X
moderate grouping = ratio Y
strong grouping = ratio Z
We will define a probabilistic model and collect the data needed to calibrate it for interface stimuli.
This avoids manufacturing false precision while preserving a clear path to quantitative implementation.
Change Log
Version 0.4
- Added the Pure Distance Law and its probabilistic interpretation.
- Added five quantitative proximity evidence records.
- Recorded experimental distance ratios from 1.0 to 1.5 in Gabor lattices.
- Distinguished continuous grouping curves from hard thresholds.
- Added a provisional multi-cue grouping model.
- Added a layout measurement protocol.
- Designed a UI proximity-calibration experiment.
- Rejected universal weak/moderate/strong ratio bands until interface-specific data exists.