All principles

    09 · Seeing

    Law of Common Fate

    Things that move together, or change together, look like one group.

    Evidence: Holds up

    What we do with it

    1. 01

      Animate related items together, and unrelated items apart.

    2. 02

      When one action changes several things, change them at the same moment so people see the link.

    3. 03

      Stray motion creates false groups. Keep decorative animation away from content that isn't related.

    Examples

    Getting it wrong, getting it right.

    Don't

    A dashboard where every card animates in on its own timer, so unrelated numbers seem linked.

    Do

    Only the cards that share a filter update, and they update together.

    The evidence

    What the research says.

    Evidence: Holds up

    Well established in the lab, and one of the strongest grouping cues there is. In William Uttal and colleagues' 2000 experiments, people picked out four dots moving together from a field of dots moving at random, and did best when the four moved on parallel paths.

    A second look

    Is your product breaking one of these?

    Most teams can't tell from the inside. Send us the page or the flow that's not working, and we'll tell you which of these we'd look at first.

    Email hello@synergyprod.com