Skip to main content
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 →
UX vzory7 minut čtení·Updated října 2026·Tým ExodeUI

Jak navrhnout chybové zprávy, které snižují frustraci

Jak navrhnout chybové stavy, z nichž se lidé mohou zotavit: umístění, načasování, formulace, zachování vstupu, dostupnost a pohyb, na základě výzkumu použitelnosti.

Přímé shrnutí a definice

Core Takeaway

Dobrá chybová zpráva je viditelná a umístěná vedle problému, napsaná srozumitelným jazykem, říká, jak jej opravit, uchovává to, co již osoba napsala, a nikdy ji neobviňuje. Ukažte to, když osoba dokončí pole nebo odešle, ne když stále píše, a ujistěte se, že to čtečky obrazovky oznámí.

Pokyny

Nielsen Norman Group shrnuje efektivní chybové zprávy jako vysoce viditelné, konstruktivní a respektující úsilí uživatele. V praxi to znamená:

  • Umístěte zprávu vedle pole nebo prvku s problémem.
  • Použijte srozumitelný, specifický jazyk: „Toto číslo je kratší než jedna číslice“, nikoli „Neplatný vstup“.
  • Nabídněte opravu: jaký formát se očekává, co zkusit dál.
  • Ponechte si, co lidé napsali, aby to mohli upravit, místo aby začínali znovu.
  • Neobviňujte: vyhýbejte se slovům jako neplatný, nezákonný nebo nesprávný.
Pole čísla karty s vloženou chybou, která říká, že číslo je o jednu číslici kratší a zachovává zadané číslice, vedle kontrolního seznamu pokynů pro chybové zprávy
Vložená chyba, která je specifická, uchovává vstup a říká, jak ji opravit.

Načasování

Ukázat chybu předtím, než někdo skončí, je jednou z nejčastějších chyb. NN/g nazývá předčasné chyby nepřátelským vzorem, jako je hodnocení testu předtím, než student skončí. Ověřte pole, když je osoba opustí nebo odešle formulář, a poté zprávu aktualizujte, zatímco ji opravují.

Chyby, které se netýkají formulářů

V případě systémových chyb, jako je neúspěšné uložení nebo ztráta připojení, řekněte, co se stalo, co bylo zachováno a co může daná osoba udělat: opakovat, pracovat offline nebo kontaktovat podporu. Vyhněte se chybovým kódům samy o sobě; pokud ho potřebujete jako podporu, ukažte ho spolu s lidským vysvětlením.

Přístupnost

Nespoléhejte pouze na červenou: přidejte ikonu a text. Připojte zprávu k jejímu poli, aby ji čtečky obrazovky přečetly s polem, a po neúspěšném odeslání přesuňte fokus na první chybu nebo souhrn chyb.

Pohyb v chybových stavech

Krátké zatřesení nebo změna barvy může upozornit na pole s problémem, ale buďte struční, neopakujte je při každém stisknutí klávesy a nahraďte pohyb změnou barvy nebo ikony, když je zapnutý omezený pohyb. Samotné sdělení je důležitější než animace.

Klíč Principle k zapamatování

  • Umístěte chyby vedle problému, jednoduše řečeno, s opravou
  • Zachovejte, co lidé napsali
  • Ověřte po dokončení pole, nikoli během psaní
  • Nikdy se nespoléhejte pouze na barvu; připojit zprávy pro čtečky obrazovky
  • Udržujte chybový pohyb krátký a respektujte snížený pohyb

Často kladené otázky

Zdroje

  1. Error-Message Guidelines — Nielsen Norman Group
  2. Indicators, Validations, and Notifications — Nielsen Norman Group

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

Navrhněte chybový stav, nejen šťastnou cestu

Otevřete příklady ExodeUI s chybovými a úspěšnými stavy kódových přepínačů a přizpůsobte je.

Otevřete příklady
Vyzkoušejte zdarma