Elements that move in the same direction at the same time are perceived as belonging to the same group, even if they share no other visual property. The Law of Common Fate is one of the original Gestalt principles, and it is the one grouping cue that depends entirely on motion rather than static layout. A flock of birds reads as a single flock, not as hundreds of unrelated dots, purely because every bird shifts in the same direction at once.

The Psychology

Static grouping cues like proximity and similarity work on a single frame. Common fate only exists across time, which makes it a uniquely strong signal when it's available: two elements can look completely different and sit far apart, and still be read as connected the instant they start moving in sync. The same logic works in reverse. Elements that look identical and sit close together will be read as separate the moment one of them moves independently, because a shared trajectory is a stronger relationship claim than shared appearance.

In Product Design

Common fate is mostly expressed through motion design, which is exactly why it gets forgotten. Static mockups can't show it.

  • A dragged item in a reorderable list, where the item and the gap it leaves behind shift in sync, confirming they're the same object mid-move
  • Parallax scrolling, where background and foreground layers move at deliberately different speeds specifically to signal they occupy different depth planes
  • Skeleton loading placeholders that pulse in sync across the whole screen, signaling they're all part of one pending request rather than several independent failures
  • A toast notification and its dismiss timer bar, which shrink together so the bar reads as belonging to that specific message and not as a separate progress indicator

How to Apply It

Use synchronized motion deliberately to claim a relationship, and use deliberately unsynchronized motion to break one. If two elements should read as connected, animate them together, even a few milliseconds of drift is enough for the eye to register them as separate. Conversely, if two elements happen to look similar but represent unrelated things, giving them independent, uncoordinated motion is often a faster fix than trying to redesign their static appearance.

Why It Matters

Common fate is one of the few Gestalt principles most style guides never document, because it only shows up in motion and interaction design rather than in a static screen. Ignoring it doesn't remove its effect. Elements that move out of sync will still be read as unrelated, whether or not that was the intent, which means an animation timing decision is quietly also a grouping decision.