User Tools

Site Tools


community:ui_ig:style_guide:empty_states

Empty States

Empty states are the messages that appear when there is no data yet, or when a filtered search returned no results.

A progress loader is not an empty state. An empty state appears when the page has loaded all of its data and there is still nothing to show the user.

Examples:

A good empty state should answer these questions:

  1. What is supposed to be here?
  2. Why is it not here?
  3. How do I get it?

Ideally, the interface should distinguish between initial states (nothing added yet) and zero results (there is data, but your conditions were too narrow).

Empty States in Evergreen

Empty states appear in:

  • Grids
  • Reports folders
  • Baskets and lists

bugs tagged with ux-empty-states

Further Reading

community/ui_ig/style_guide/empty_states.txt · Last modified: 2025/05/15 17:09 by sleary

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.