Laws of UX
Law of Uniform Connectedness
Elements visually connected by lines, borders, shared colour, or enclosing shapes are perceived as more related than those with no connection.
Where it comes from
It's one of the later additions to the Gestalt family of grouping principles, formalised by Stephen Palmer and Irvin Rock in the 1990s. It holds that elements visually connected — by a line, a border, or a shared background — are perceived as more related than elements that are merely close.
Why it matters for your website
Proximity says "things near each other seem related"; uniform connectedness is stronger — it says things visually joined are perceived as related regardless of distance. Shared borders, lines, arrows, background fills, and enclosing shapes all create a connection that overrides spatial arrangement. The design implication is that when you need users to perceive a relationship — between steps in a process, between a label and its value, between a feature and its benefit — a visual connection is more reliable than proximity alone.
Of all the grouping cues, this is the most decisive. A visible connection beats proximity, similarity, and even common region — if two things are joined by a line or share an enclosing shape, the eye reads them as one unit, full stop. That makes it the cue to reach for when a relationship absolutely must be understood.
It's the quiet logic behind a lot of clear interfaces: the line linking a step to the next in a wizard, the shared background tying a label to its value, the connector joining a feature to its explanation. When proximity isn't enough to make a relationship obvious, an explicit connection settles it.
Wrong vs right
Steps in a process shown as separate items with nothing linking them, so the sequence isn't obvious.
Steps joined by a connecting line or shared track, so the progression reads as a single connected flow.
A label and its value placed near each other but visually unlinked, leaving the pairing to proximity alone.
The label and value sharing a background fill or row, explicitly connecting them.
Related controls scattered with no visual tie, relying on the user to infer the grouping.
The controls joined within a shared toolbar or connected container, making the relationship explicit.
Understanding Law of Uniform Connectedness
The Law of Uniform Connectedness states that elements joined by a visual connection — a line, an arrow, a border, a shared background or enclosing shape — are perceived as related, more strongly than by any other grouping cue. Where proximity says 'things near each other seem related', uniform connectedness says 'things visibly joined are related', and that explicit link overrides distance and appearance alike.
Because it's the strongest grouping signal available, it's the right tool when a relationship simply has to land. Connecting a sequence of steps with a line, tying a label to its value with a shared row, or grouping controls within a connected container all use connection to remove any ambiguity about what belongs with what. Proximity and similarity nudge; connection states.
The practical guidance is to escalate deliberately. Use proximity and similarity for most grouping, and reach for an explicit connection when the relationship is important enough that misreading it would cost the user. Connection is emphatic, so overusing it clutters; reserved for the relationships that matter most, it's unmatched for clarity. It sits at the top of the grouping hierarchy alongside proximity, similarity, and common region.
How Kweri checks it
Kweri can observe how a page uses connecting elements — lines, borders, shared backgrounds — to relate content, and note where important relationships seem to rely on proximity alone when a stronger connection might serve them better. As with the other grouping principles, the intended relationships are yours to define, so Kweri treats this as a prompt: it highlights places where a connection could make a structure clearer, or where heavy connecting elements may be adding clutter, and leaves the call to you.
FAQ
What is the Law of Uniform Connectedness?
It's a Gestalt principle stating that elements joined by a visual connection — a line, border, shared colour or enclosing shape — are perceived as related, more strongly than elements grouped by proximity or similarity alone.
Why is uniform connectedness the strongest grouping cue?
Because an explicit visual connection overrides the other cues. Two elements joined by a line or sharing a container are read as related even if they're far apart or look different — the connection settles the relationship unambiguously.
How is it different from the Law of Proximity?
Proximity groups by closeness; uniform connectedness groups by an explicit visual link. Connection is stronger — it can relate distant elements that proximity alone couldn't, which is why it's used when a relationship must be unmistakable.
When should I use uniform connectedness?
When a relationship is important enough that misreading it would cost the user — linking the steps of a process, tying a label to its value, grouping related controls. Reserve it for the relationships that matter most, since heavy connectors can clutter if overused.
What kinds of visual connection create this effect?
Lines, arrows, borders, shared background fills, enclosing shapes, and connecting tracks all create uniform connectedness. Any element that visibly joins two things tells the eye they belong together.
Related principles
Things placed close together are seen as related; things spaced apart are seen as separate.
Things that look alike are assumed to behave alike — appearance reads as meaning.
Be liberal in what you accept from users; be precise in what you give back.
Attribution & sources
Identified by Stephen Palmer and Irvin Rock (1990s). Catalogued from Laws of UX (Jon Yablonski).
A later Gestalt grouping principle formalised by Palmer and Rock; popularised for designers by Jon Yablonski's Laws of UX.
See Law of Uniform Connectedness on your own site
Run a free Kweri audit — a plain-English review of your site’s speed, accessibility, SEO and design, ranked by what to fix first. No login, no jargon.
Run a free audit →