A Gestalt grouping principle stating that visual elements located within the same bounded area (enclosure) are perceived as belonging together more strongly than identical elements separated by that boundary; the presence of a common region is a cue for perceptual grouping.

Principle

Enclosing elements within an explicit boundary creates a stronger perceptual group than proximity or similarity alone in many viewing conditions, and designers can exploit enclosure to communicate relationships and hierarchy quickly.

Demonstration

Illustrative scenario → A form contains related input fields inside a boxed panel while unrelated controls sit outside. Recognition: users perceive boxed fields as a single group. Action: validation messages and labels are associated with the panel-level grouping. Consequence: clearer task flow and fewer errors selecting unrelated controls.

Misapplication

Assuming any visual enclosure implies functional or semantic grouping. The error is conflating visual containment with actual behavioral, functional, or data relationships—users may not infer the intended relation if other cues conflict.

Consequence

Appropriate use of common-region grouping improves navigability and comprehension; misuse or inconsistent enclosure can mislead users, create false affordances, or fragment perceived workflows.

Reversal

When boundaries overlap, are nested ambiguously, or conflict with stronger grouping cues (e.g., proximity, alignment), the common-region effect weakens or yields ambiguous grouping; in such layouts enclosure may fail to produce a single perceived group.

Boundary

Applies to spatial and visual layouts across interfaces, diagrams and graphic design. It does not by itself create semantic or functional relationships absent supportive labeling, interaction affordances or consistent patterns.

Semantic Tension

Visible grouping via enclosure ↔ Independence and discoverability (enclosures clarify relationships but can obscure independent affordances if overused).

Synthesis

Use enclosure intentionally as a high-salience grouping cue, but align it with other design signals (labels, alignment, interaction behavior) so perceptual grouping matches functional relationships.