Don’t forget: Pages that designers forget (Applying on Coffee mobile app)
n the world of UI/UX design, much attention is rightfully given to the creation of visually stunning interfaces and seamless interactions. Yet, amidst this focus, certain elements often fade into the background: the skeleton, error state, and empty state pages. Despite their subtle presence, these components wield significant influence over user experiences. Join me as we shine a light on these often-overlooked gems and explore how their thoughtful integration can enrich the user journey.
Skeleton Loaders
Skeleton screens: are simplified outlines or wireframes of a page layout displayed during loading.
In the loading page, you are trying to give your user a brief about what to expect when the page will load. It also shows the user that the page is still loading.
Error state & Empty state
Error state pages: are screens that are displayed when a user encounters an error or unexpected condition.
These pages communicate the nature of the error and provide guidance or options for the user to resolve the issue. Error state pages aim to assist users in understanding and recovering from errors. Recovering from errors is a very important heuristic from 10 usability heuristics for user interface design by Jakob Nielsen.
Empty state pages: are screens that are displayed when there is no content to show in a particular section or view of an application or website.
These pages help guide users on what actions to take next, such as adding new content or adjusting filters, and prevent confusion or frustration when encountering empty areas. Empty state pages are designed to provide helpful cues and prompts to users, encouraging engagement and facilitating a smoother user experience.
