Loading animation
Minimize the Detriments of Waiting
UX Guidelines

Minimize the Detriments of Waiting

Use blue colors, keep users engaged, load the UI skeleton, and start the progress above zero.

All users need to wait.

But you can enhance these waiting times.

How to Apply

  • Decrease Their Arousal With Cool Colors. Loading seems faster with blue (Gorn et al., 2004).
Loading screen with blue colors to reduce arousal

  • Keep Users Engaged While They Wait. Distract them with a task.
Offering blog posts to read while waiting for a long task to complete

  • Align Machine Downtime With User Downtime. Perform lengthy tasks when they won't be disruptive.
Software update: It will run between 2:00 to 5:00 am

  • Populate Loading Elements With Placeholders. These skeleton screens decrease perceived loading time.
Gray boxes being loaded before content

  • Start Progress Above Zero. Zero feels deflating. Start at 1% or above.
Progress bar starting at 3%

  • Gorn, G. J., Chattopadhyay, A., Sengupta, J., & Tripathi, S. (2004). Waiting for the web: how screen color affects time perception. Journal of marketing research, 41(2), 215-225.

Want more tactics?

Get all my free user experience tactics