Skip to main content
LanguagePolski
Podstawy4 minuty czytaniaPaździernik 2026

Co to jest pusty stan w UX?

Krótka odpowiedź

Stan pusty to stan, który pokazuje ekran, gdy nie ma jeszcze nic do wyświetlenia: nowa skrzynka odbiorcza, pusty koszyk, wyszukiwanie bez wyników lub lista wyczyszczona przez filtry. Dobry pusty stan wyjaśnia, dlaczego jest pusty i daje jasny następny krok, taki jak utworzenie pierwszego elementu lub zmiana wyszukiwania.

Rdzeń na wynos

  • Typy: pierwsze użycie, wyczyszczone przez użytkownika, brak wyników i błąd lub brak dostępu
  • Wyjaśnij prostymi słowami, dlaczego ekran jest pusty
  • Zaproponuj jedno jasne działanie, które je wypełni
  • Staraj się, aby ilustracje i animacje były małe i przyjazne, nigdy nie zakłócające akcji
  • Napisz inną kopię dla każdego typu stanu pustego

Puste ekrany łatwo zapomnieć, ponieważ projektanci zwykle pracują z przykładowymi danymi. W prawdziwym produkcie każdy nowy użytkownik spotyka się z nimi jako pierwszy, dlatego kształtują one pierwsze wrażenie bardziej niż niemal każdy inny ekran.

Istnieją cztery popularne typy. Puste stany pierwszego użycia pojawiają się, zanim dana osoba cokolwiek stworzy. Stany wyczyszczone przez użytkownika pojawiają się po zakończeniu lub usunięciu wszystkiego, na przykład pustej listy rzeczy do zrobienia. Stany braku wyników pojawiają się po wyszukiwaniu lub filtrowaniu. Natomiast stany błędu lub braku dostępu pojawiają się, gdy w ogóle nie można wyświetlić danych.

Każdy typ wymaga innych słów. Stan pierwszego użycia powinien wyjaśniać, do czego służy ekran i zachęcać do wykonania pierwszej akcji: „Nie ma jeszcze projektów. Utwórz swój pierwszy projekt”. Stan braku wyników powinien pomóc ludziom odzyskać siły: pokaż, czego szukali i zaoferuj wyczyszczenie filtrów. Oczyszczony stan może być małą chwilą nagrody.

Elementy wizualne są opcjonalne. Mała ilustracja lub delikatna animacja mogą sprawić, że ekran będzie przyjazny, a animowana postać może poprowadzić nowicjusza. Zadbaj o jasność, upewnij się, że akcja jest najbardziej widoczna i nie polegaj na obrazie, aby wyjaśnić stan.

Jeśli potrzebujesz przyjaznej animowanej postaci dla pustego stanu, ExodeUI, który tworzymy, ma bezpłatną bibliotekę interaktywnych maskotek, które działają jako pliki ExodeUI i reagują na wprowadzane dane.

Często zadawane pytania

Co powinien zawierać pusty stan?

Krótki nagłówek, jedno zdanie wyjaśniające dlaczego jest pusty lub do czego służy ekran i jasne działanie. Ilustracja jest opcjonalna.

Co to jest stan zerowy?

Inna nazwa pustego stanu, zwykle używana po raz pierwszy, zanim ktoś dodał jakąkolwiek treść.

Jak zaprojektować stan bez rezultatów?

Powtórz wyszukiwane hasło, zasugeruj poprawę pisowni lub szersze terminy i zaproponuj wyczyszczenie filtrów. Nigdy nie zostawiaj osoby z pustym obszarem.

Czy puste stany powinny być animowane?

Mogą tak być, jeśli animacja jest mała, nie zapętla się i nie powoduje rozpraszania ruchu. Akcja jest ważniejsza niż animacja.

Powiązane przewodniki i przykłady

Dodaj przyjazną postać do pustych ekranów

Wybierz spośród bezpłatnych interaktywnych maskotek, które reagują na kursor i na dotknięcia, i upuść je w swojej aplikacji lub witrynie internetowej.

Przeglądaj bezpłatne maskotki
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →