Definition
A visual grouping cue: elements linked by a continuous visual connector (lines, shared region, enclosure, or background) are perceived as a single unit. The cue specifies a perceptual relation created by explicit connection rather than by proximity, similarity, or common fate.
Principle
Principle
When distinct elements are rendered with an unambiguous visual connection, observers will treat them as a single group for interpretation and interaction, often taking precedence over proximity or similarity when the connection is clear.
Demonstration
Demonstration
Illustrative scenario → A web form displays three input fields placed apart but enclosed in a single shaded panel with a labeled header. Recognition → Users interpret the fields as one logical group. Action → Screen readers and keyboard navigation are organized to move within the panel. Consequence → Users complete related fields more consistently because the enclosure signals a common task and scope.
Misapplication
Misapplication
Assuming any visual connector implies semantic relation. A decorative line or distant background color may be interpreted as grouping even when it was unintended; the semantic error is equating any visual adjacency with meaningful connection rather than testing whether the connector is perceived as intentional.
Consequence
Consequence
Design choices that connect elements cause users to infer a relationship, affecting information architecture, navigation, and task completion. Misapplied connections can create false associations, increase errors, or obscure alternative groupings.
Reversal
Reversal
The cue fails or changes effect when the connector is ambiguous, low contrast, transient (rapid animation), or culturally unfamiliar; in those cases proximity, common fate, or learned conventions can override the intended grouping.
Boundary
Boundary
Clearly within: distinct items enclosed by a continuous border or shared background. Boundary case: items joined by a faint dashed line or intermittent connector where grouping depends on viewing conditions. Clearly outside: items that merely share color or font without any connecting visual element (this is similarity, not uniform connectedness).
Semantic Tension
Semantic Tension
Uniform Connectedness ↔ Proximity/Similarity — designers must balance explicit connectors that define groups against relying on other Gestalt cues that may conflict or reinforce the same grouping.
Synthesis
Synthesis
Uniform Connectedness is a deliberate visual affordance for encoding relationships: it is most effective when the connector’s purpose matches the information structure and when other cues do not contradict the intended grouping.