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.