User Experience
Loading State
Plain English
When something is loading.
Definition
A loading state is a UI condition shown while content or glossaryDataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term is being fetched or processed.
In practice
Used to indicate progress and prevent users from thinking the glossarySystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term is unresponsive.
In context
Its design changes perceived speed more than glossaryOptimisationOptimisation is the process of improving a product or journey to increase performance, usability, or conversion.Open glossary term often does. A skeleton showing the shape of what is coming feels faster than a spinner of the same duration.
The reality
Poor loading states make glossarySystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term feel slow or broken, even when they are working correctly.
Compared with
Loading State vs Skeleton Screen
A loading state is any indication that work is happening. A skeleton screen is a specific kind that previews the glossaryLayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term being filled. Skeletons set expectations; generic spinners only mark time.
FAQ
Common questions
A few practical answers to the questions that usually come up around this term.
What is a loading state?
It is shown when a glossarySystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term is processing or fetching glossaryDataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term.
Why are loading states important?
They reassure users that something is happening.
What makes a good loading state?
Clear glossaryFeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term and a sense of progress.
What happens without a loading state?
Users may think the glossarySystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term is broken.
Related Services
Related Guides
Related Terms
