Law of Uniform Connectedness

Elements joined by a line or sitting on one continuous surface are seen as more strongly related than elements that are only close together or look alike.

Last reviewed

On this page

The law

Elements that are visually connected are seen as more strongly related than elements that are only close together or look alike.

The connection can be a line, an arrow or a continuous surface of the same colour. Of the grouping cues, connection is one of the strongest: it tends to win when it conflicts with proximity or similarity.

Where it comes from

Stephen Palmer and Irvin Rock proposed the principle in Rethinking perceptual organization: The role of uniform connectedness, published in Psychonomic Bulletin & Review in 1994. They argued that before the classic Gestalt grouping principles apply, the visual system first divides a scene into connected regions of uniform colour, texture or lightness, and treats each as a single unit.

In demonstrations, dots joined by lines were grouped by the lines even when other dots were nearer or more similar. The paper is theoretical as much as experimental: it reorganized the Gestalt principles around connectedness as the first step of perception.

What it means for an interface

  • Lines declare relationships. A connector between two elements says they belong together more strongly than any amount of spacing can.
  • Steppers and timelines rely on it. A line through the steps of a process makes them read as one sequence rather than separate items.
  • Use it where order matters. Connection is the right cue for flows, hierarchies and sequences. For simple lists, spacing is enough.
  • Stray connections mislead. A decorative line that touches two unrelated elements will make people think they are related.

Examples

Progress steppers. A checkout stepper draws a line through numbered circles. The line makes the steps a sequence and shows how far along the person is.

Diagrams and flowcharts. In a site map or a flow diagram, connectors carry the meaning. Boxes without lines are just a list of pages.

Segmented controls. Options sitting on one continuous background read as a single control with mutually exclusive choices, unlike separate buttons spaced apart.

Where it is misapplied

  • Decorative connectors. Lines and shapes added for style can join unrelated elements and imply a relationship that does not exist.
  • Over-connecting. A diagram where everything connects to everything shows no structure. Draw only the relationships that matter.
  • Connection without order. A line through items suggests a sequence. Do not connect items that can be done in any order.
  • Low-contrast lines. A faint connector may not be seen, and the relationship it carries is lost with it.

Checklist

  • Every connecting line or shared surface joins elements that are actually related.
  • Sequences, such as steps and timelines, are connected; unordered sets are not.
  • Diagrams draw only the relationships the reader needs.
  • Connectors have enough contrast to be seen in both themes.
  • No decorative shape bridges two unrelated elements.

Sources

  1. Palmer, S., & Rock, I. (1994). Rethinking perceptual organization: The role of uniform connectedness. Psychonomic Bulletin & Review, 1(1), 29–55.