Motion · Apr 2026 · 9 min
Motion With Meaning
A practical framework for adding animation to interfaces without sliding into spectacle.
Motion is the easiest way to make a website feel modern, and the easiest way to make it feel cheap. The difference is intention. Every animation should answer a question the user is silently asking.
I use a simple three-part test. Does the motion explain a relationship between two states? Does it draw attention to something that matters? Does it feel like the product, not a generic library? If the answer to all three is no, I cut it.
Pacing matters more than easing. Most interface motion lives in the 150 to 350 millisecond range. Anything longer reads as theatrical. Anything shorter and the user does not register the change.
Finally, motion should respect the user. Honor reduced-motion preferences, never block input, and remember that on the tenth visit your animation is no longer delightful. It is a tax. Design for the tenth visit, not the first.