Motion

Motion refers to animation and other moving visual effects that designers add to UI.

Motion serves several key functions in design:

• It provides feedback for microinteractions. For example, an animated spinner indicates a page is loading or a success state animation.
• It attracts user attention as our eyes are drawn to moving objects. For example, adding a radiating halo to the button encourages users to click it.
• It guides users on a page. For example, smooth animation of accordions and anchor links helps users understand their position on the page.
• It indicates interaction, especially on mobile. For example, a short animation can show that users can delete or archive a chat when they swipe across it.

And, of course, it makes a brand memorable and the user experience more delightful and entertaining.^[1] Desirability is one of the core UX design principles that evokes emotion and drives users to take action.