Flow

Laws / Perception

Law of uniform connectedness

Things that are visually connected (by a line, a shared background or a frame) are seen as more related than things that aren't.

Loose steps

Checkout
1Cart
2Delivery
3Payment
4Review
Express delivery$12
Arrives Tuesday

Why it matters

Connection beats proximity and similarity. A line or shared surface tells people these steps or items are one thing.

Rules to follow

  • Connect sequential steps with a line or track.
  • Put related controls on a shared surface; use it sparingly so it still means something.
  • Group a label, value and action in one container when they act as a unit.