Exaggeration in UI motion typically serves one of two purposes: adding personality or directing attention. A button that bounces slightly when tapped adds a sense of playfulness. An input field that shakes when a user enters an incorrect email format uses exaggeration to make sure the error is impossible to miss. In both cases, the motion amplifies the message without overwhelming it.
Adding and subtracting expressiveness
Every motion property is a tool for adding or subtracting exaggeration. Easing adds a sense of preparation and release. Spring animations imply mass and momentum. Duration and speed shape how weighted or light the motion feels. Transformation adds expressiveness through how dramatically properties change.
Exaggeration isn’t only about adding more. Knowing when to pull back is just as important as knowing when to push forward. This might mean choosing standard curves over back curves for functional motion, or using a faster duration on supporting elements. As a general guideline, treat exaggeration as something earned by the moment rather than something that should be applied broadly to every animation. When motion draws attention to itself rather than to the content it's serving, it's carrying more exaggeration than the moment can support.