Logo David Burdelak
Słownik · UX i dostępność

Co to jest empty state?

Ostatnia aktualizacja:

Empty state (pusty stan) to widok interfejsu, w którym nie ma jeszcze danych do wyświetlenia: pusty koszyk, brak wyników wyszukiwania, nowe konto bez projektów. Dobrze zaprojektowany nie zostawia użytkownika z pustym ekranem, tylko wyjaśnia sytuację i proponuje następny krok.

Rodzaje pustych stanów

  • pierwsze użycie: użytkownik jeszcze niczego nie dodał,
  • brak wyników: wyszukiwanie lub filtr nic nie zwróciły,
  • efekt użytkownika: opróżniony koszyk, wyczyszczona skrzynka,
  • błąd: dane nie mogły zostać załadowane.

Z czego powinien składać się dobry pusty stan?

Z krótkiego wyjaśnienia, co się stało, i jednego wyraźnego działania, np. „Dodaj pierwszy projekt” albo „Zmień filtry”. Można dodać ilustrację, ale nie powinna zastępować informacji. Przy braku wyników wyszukiwania warto podpowiedzieć popularne pozycje lub poprawić literówkę.

Pusty stan w SEO

Strony kategorii lub wyników wyszukiwania bez zawartości mogą być interpretowane jako soft 404. Gdy lista jest pusta, nie powinno się zwracać pełnej strony z kodem 200, jeśli adres nie ma sensownej treści. Czasem lepszy jest kod 404 lub noindex.

W pracy nad produktem uwzględnia się to na kolejnych etapach, jakie obejmuje proces projektowania UX.

Zobacz w praktyce

Powiązane pojęcia

Wszystkie hasła z kategorii UX i dostępność