> For the complete documentation index, see [llms.txt](https://abhishekshankar.gitbook.io/uxm/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abhishekshankar.gitbook.io/uxm/the-system/communication-components/system-status.md).

# System Status

Status indicators are typically used to communicate important information to the user, such as whether an action has been completed successfully or not.

## Motion Functions

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Feedback Function</td><td><a href="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FkQjBGgNQZ0Uv7dOOS3WH%2FFeedback_Reduced.gif?alt=media&amp;token=701e3cb5-862a-4175-b63d-45b8ee076857">Feedback_Reduced.gif</a></td></tr><tr><td>Emotive Function</td><td><a href="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FyfpEyu4g0jDbW4BnABNZ%2FEmotive_Reduced_1.gif?alt=media&amp;token=a4a0f2d0-1150-4aef-a513-d94a22c5a057">Emotive_Reduced_1.gif</a></td></tr></tbody></table>

The primary function of a status indicator is Feedback. Users need to know whether their action has been completed successfully or not. Additionally, an error or success message can be punctuated by adding Emotive functions to drive home the action's result.

## Examples

<figure><img src="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FvH30BGevbRDPULaVinSQ%2FButton_Error.gif?alt=media&amp;token=5f33d0e8-ca7a-4225-8d18-ed7779dcd5ef" alt=""><figcaption><p>Button with success/error states by Andrei Mironov</p></figcaption></figure>

The above example is used to give feedback to users on whether their action was successful. Feedback is provided with a change of color and warning symbol. The color change drives a strong emotional response, as red is associated with warnings and errors. The movement of the transformed button helps provide additional reinforcement to the emotional response.&#x20;

<div><figure><img src="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FzzjAWPFbXi9peiy8RMHn%2Femail_error.gif?alt=media&amp;token=3500d7cb-2c0d-4724-9f82-61a3fa448d1b" alt=""><figcaption><p>Email Verification by DΞNYS SΞRGUSHKIN</p></figcaption></figure> <figure><img src="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2F1CNL4bCezkzn8WJ0moW8%2FPassword_Error.gif?alt=media&amp;token=ef205ac8-df3a-466f-abf7-ffdde6fa50ce" alt=""><figcaption><p>Password error animation by Aaron Iker.</p></figcaption></figure></div>

Similar themes can be found in the above two examples, where color change and subtle motion drive an emotional feedback response to the user.&#x20;