Skip to main content
LanguageČeština
Základy4 min čteníříjna 2026

Co je prázdný stav v UX?

Stručná odpověď

Prázdný stav je to, co se na obrazovce zobrazuje, když ještě není co zobrazit: nová doručená pošta, prázdný košík, vyhledávání bez výsledků nebo seznam vyčištěný filtry. Dobrý prázdný stav vysvětluje, proč je prázdný, a poskytuje jeden jasný další krok, jako je vytvoření první položky nebo změna vyhledávání.

Core Takeaway

  • Typy: první použití, vymazané uživatelem, žádné výsledky a chyba nebo žádný přístup
  • Jednoduše vysvětlete, proč je obrazovka prázdná
  • Nabídněte jednu jasnou akci, která ji naplňuje
  • Udržujte ilustrace a animace malé a přátelské, nikdy nebrání akci
  • Napište jinou kopii pro každý typ prázdného stavu

Na prázdné obrazovky se snadno zapomene, protože návrháři obvykle pracují se vzorovými daty. Ve skutečném produktu se s nimi každý nový uživatel setká jako první, takže utvářejí první dojem více než téměř jakákoli jiná obrazovka.

Existují čtyři běžné typy. Prázdné stavy prvního použití se objeví předtím, než osoba něco vytvořila. Stavy vymazané uživatelem se objeví poté, co vše dokončí nebo odstraní, například prázdný seznam úkolů. Po vyhledávání nebo filtrování se zobrazí stavy bez výsledku. A chybové stavy nebo stavy bez přístupu se objeví, když data nelze zobrazit vůbec.

Každý typ potřebuje jiná slova. Stav prvního použití by měl vysvětlit, k čemu je obrazovka určena, a vyzvat k první akci: "Zatím žádné projekty. Vytvořte svůj první projekt." Stav bez výsledku by měl lidem pomoci se zotavit: ukázat, co hledali, a nabídnout vymazání filtrů. Vyčištěný stav může být malým okamžikem odměny.

Vizuály jsou volitelné. Malá ilustrace nebo jemná animace mohou na obrazovce působit přátelsky a animovaná postavička může vést uživatele, který je poprvé. Udržujte světlo, ujistěte se, že akce je nejviditelnější věcí, a nespoléhejte na to, že obrázek vysvětlí stav.

Pokud chcete přátelskou animovanou postavu pro prázdný stav, ExodeUI, který vyrábíme, má bezplatnou knihovnu interaktivních maskotů, které běží jako soubory ExodeUI a reagují na vstup.

Často kladené otázky

Co by měl obsahovat prázdný stav?

Krátký nadpis, jedna věta vysvětlující, proč je prázdný nebo k čemu slouží obrazovka, a jasná akce. Ilustrace je volitelná.

Co je to nulový stav?

Jiný název pro prázdný stav, obvykle typ prvního použití, který se zobrazí předtím, než někdo přidá jakýkoli obsah.

Jak navrhnete stav bez výsledků?

Opakujte hledaný výraz, navrhněte opravy pravopisu nebo širší výrazy a nabídněte vymazání filtrů. Nikdy nenechávejte osobu s prázdnou oblastí.

Měly by být prázdné stavy animovány?

Mohou být, pokud je animace malá, nezacyklí se rušivě a respektuje nastavení sníženého pohybu. Akce je důležitější než animace.

Související návody a příklady

Přidejte přátelskou postavu na prázdné obrazovky

Vyberte si z bezplatných interaktivních maskotů, kteří reagují na kurzor a klepnutí, a vložte je do své aplikace nebo webu.

Prohlédněte si maskoty zdarma
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 →