Executing UX Animations: Duration and Motion Characteristics

Summary: Define a trigger, transformations, duration, and easing of the animation, and be mindful of accessibility issues and annoying the user.

Animations in user experience can help by providing feedback and preventing disorientation or can be distracting, annoying, and dizzying. There are two dimensions for making animations a positive aspect of the user experience: their purpose and their execution.

In a previous article, we reviewed the first dimension — how animations can be used to make feedback noticeable and build the right mental models for a system. In this article, we explore the second dimension: how to execute motion in a way that is natural, smooth, and visible, without causing frustration, discomfort, or significant delays for users.

Modern news platform
for demanding readers

Subscribe to thematic newsletters prepared by professional editors.

  • Read your newsletters at regular time you want. E.g. every day at 9am.
  • We update your timeline only every 3 hours. Because that's sane.
  • No notifications. No endless scrolling. No addiction and FOMO.