Motion Grammar for Humane Interfaces
Building a consistent language of movement that guides users naturally through digital spaces without overwhelming them.
Every interface speaks in motion. The question is whether it's speaking clearly.
Random animations feel chaotic. Missing animations feel cold. But a consistent motion grammar—like Emil Kowalski's work at Linear—creates interfaces that guide users naturally through digital spaces.
Establishing Rhythm
Good motion grammar starts with rhythm. Fast transitions for immediate feedback (100-200ms). Medium transitions for state changes (300-500ms). Slow transitions for major shifts (500ms+).
But rhythm alone isn't enough. You need personality. The specific spring configurations that make your interface feel like yours.
Three Principles
- Purposeful: Every animation should have a job. Feedback, guidance, or delight—but never decoration.
- Connected: Animations should feel related, like instruments in an orchestra.
- Respectful: Honor users' attention and accessibility preferences.
The goal isn't to impress. It's to disappear into the experience, making complex interactions feel simple.