Spinners

Used when loading time is unknown. It can be default spinners, creative indeterminate indicators, animations showing that your app is “doing something” under the hood.

Size

Spinner size


Best Practices

  1. If a spinner is triggered by a button, place the spinner in the button, and disable the button while the spinner is visible.

  2. If only a specific section of a page is loading new content or being updated, place the spinner in that section of the page.

  3. You should only show a spinner if the expected wait time is more than a second. (Keep in mind that most hospitals have slow internet speed).

  4. As a general rule, you should use this type of progress indicator for fast actions (2–10 seconds). Making the user stare at a spinning wheel or infinite linear animation longer can increase bounce rates for your website or cause people to close your app.