Manuals / Motion for Product / Ch 3

A · PrinciplesBeginner35 min read

3. Hierarchy & choreography

Motion for Product · 36 pages source format

What moves first matters. Stagger with purpose. Shared-element transitions beat unrelated fades.

What you'll learn

  • Enter/exit
  • Shared elements
  • Stagger

Choreograph a list

Parent moves, then children — or the reverse if focusing detail.

Do this now

Prototype a list → detail transition with one shared element.

Clear?

Checklist