laws & principles
Gestalt: uniform connectedness
What is the Gestalt law of uniform connectedness?
Uniform connectedness is the grouping effect that happens when elements are visibly joined by a line, bar, or connector - they’re seen as one group even if spaced out or visually different. A clear connection often trumps proximity or similarity. (Grouping by shared enclosure is the related but distinct cue, common region.)
Also known as: uniform connectedness, law of uniform connectedness, connectedness principle
Prefer to watch?
Watch the recap 0:39
The demo
Six identical dots, evenly spaced - nothing tells you which go together. Switch on the connectors and watch pairs appear, from the lines alone.
No connectors: just six evenly spaced dots, with no hint of which belong together.
What this demo shows (text version)
Six identical dots sit in a single evenly spaced row, so neither distance nor colour suggests any grouping - it reads as one row of six.
Switching to "connected" draws a short line between dots one and two, three and four, and five and six. Without moving a dot or changing its colour, the row now reads as three distinct pairs. The grouping comes purely from the connecting lines - which is uniform connectedness: connection is among the strongest grouping cues, generally overriding proximity and similarity.
An explicit connection - such as a line or bar linking elements - groups them more strongly than proximity or similarity. So connect what you want to read as one (e.g., a label to its field, a value across a table row), and be mindful not to accidentally link unrelated items. (For grouping by shared enclosure, see common region.)
With the connectors off, the dots were just an even row - nothing told you what went with what. Switch them on and three pairs snap into being, though every dot is identical and evenly spaced. That's uniform connectedness: a line binds two things into a unit more strongly than distance or likeness ever could.
It's why a table needs so little to work: a hairline rule down a column, or banded rows, connects cells into a record far more clearly than spacing alone. The same cue underlies a label tied to its input, a nav item with an underline, or steps joined by a connecting line in a progress tracker.
Because it's among the strongest cues, it's the easiest to misuse. A stray divider, a box drawn a touch too wide, or a line that bridges two unrelated blocks will bind things the eye then can't un-see. When something reads as grouped that you didn't intend, look for an accidental connector before you blame the spacing.
Uniform connectedness is the visual grouping created when elements are explicitly linked - like a line or bar - even if they’re distant or unlike in appearance. Try the interactive demo on this page to see how a connector can override proximity or similarity, making a unified group clear without shared shape or position.
Uniform connectedness is a Gestalt law where elements linked by a line or bar are perceived as one group, even if visually distinct or spaced apart. Try the hands-on demo on this page to see how explicit connections override proximity or similarity - that’s uniform connectedness in action.
Uniform connectedness tells us that when elements are visibly linked - like with a line or bar - they form a group, even if they’re spaced or visually different. Try the hands-on demo on this page to see how explicit connections override proximity or similarity in grouping - it’s the core of uniform connectedness in action.
Uniform connectedness groups elements when visibly linked - try the demo to see how lines override proximity or similarity. When you want users to read items as one unit, use explicit connectors; this principle guides layout and form design.
Connectedness gestalt shows how a line or bar joining elements creates a stronger group than proximity or similarity - try it in the demo on this page. This effect lets you deliberately guide attention: connect what should be read as one, and avoid accidental links that confuse users.
Uniform connectedness tells us that a visible line or connector can override proximity or similarity to group elements - try the demo to see it in action. When you want users to perceive items as one unit, use explicit visual links; avoid accidental connections that confuse grouping.