Spinner

Element that communicates something is processing

How they help

A spinner provides visual feedback to users, informing them that their action is being processed and they need to wait. This reduces uncertainty and improves the overall user experience by clearly signaling that the system is actively working on their request.

Image of a spinner that is saving

Example of a spinner

 

 

Anatomy

  1. Spinner: animating visual
  2. Label: clear and concise text to tell user what is happening
Image of spinner for anatomy

Visual reference for anatomy

 

 

 


Designer resources