Motion with meaning: a practical taxonomy

Motion with meaning: a practical taxonomy
3D & MotionJune 30, 20267 min read

We sort motion into orientation, feedback, continuity and delight. Anything that doesn't fit a category is decoration and gets cut.

Durations: 120ms for feedback, 240ms for continuity, 400–600ms for orientation. Delight can be longer but must be interruptible.

Always honour prefers-reduced-motion by swapping transforms for opacity, never by removing the state change entirely.

  • #Motion
  • #Interaction
  • #Accessibility
Share:
Leo Marchetti

Leo Marchetti

3D Lead

Leo spent a decade in film VFX before bringing real-time rendering to the browser.

Leave a comment

Related

Keep reading

Let's build something worth remembering.

Tell us what you're working on. We'll come back within one business day with a point of view, not a brochure.