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 minút čítania·Updated október 2026·Tím ExodeUI

Ako navrhnúť chybové hlásenia, ktoré znižujú frustráciu

Ako navrhnúť chybové stavy, z ktorých sa ľudia môžu zotaviť: umiestnenie, načasovanie, formulácia, zachovanie vstupu, dostupnosť a pohyb na základe výskumu použiteľnosti.

Priame zhrnutie a definícia

Core Takeaway

Dobrá chybová správa je viditeľná a umiestnená vedľa problému, napísaná v jednoduchom jazyku, hovorí, ako to opraviť, uchováva to, čo už osoba napísala, a nikdy ju neobviňuje. Ukážte to, keď daná osoba dokončí pole alebo odošle pole, nie počas písania, a uistite sa, že čítačky obrazovky to oznámia.

Smernice

Nielsen Norman Group sumarizuje efektívne chybové hlásenia ako vysoko viditeľné, konštruktívne a rešpektujúce snahu používateľa. V praxi to znamená:

  • Umiestnite správu vedľa poľa alebo prvku s problémom.
  • Použite jednoduchý, špecifický jazyk: „Toto číslo je krátke o jednu číslicu“, nie „Neplatný vstup“.
  • Ponúknite opravu: aký formát sa očakáva, čo vyskúšať ďalej.
  • Ponechajte to, čo ľudia napísali, aby to mohli upraviť namiesto toho, aby začínali znova.
  • Neobviňujte: vyhýbajte sa slovám ako neplatný, nezákonný alebo nesprávny.
Pole s číslom karty s vloženou chybou, ktorá hovorí, že číslo je krátke o jednu číslicu a zachováva zadané číslice, vedľa kontrolného zoznamu pokynov pre chybové hlásenia
Vložená chyba, ktorá je špecifická, uchováva vstup a hovorí, ako ju opraviť.

Načasovanie

Ukázanie chyby predtým, ako niekto skončí, je jednou z najčastejších chýb. NN/g nazýva predčasné chyby nepriateľským vzorom, napríklad známkovanie testu pred dokončením študenta. Overte pole, keď ho osoba opustí alebo odošle formulár, potom aktualizujte správu naživo, kým ju opraví.

Chyby, ktoré sa netýkajú formulárov

V prípade systémových chýb, ako je napríklad neúspešné uloženie alebo stratené pripojenie, povedzte, čo sa stalo, čo sa zachovalo a čo môže daná osoba urobiť: skúsiť to znova, pracovať offline alebo kontaktovať podporu. Vyhnite sa chybovým kódom samostatne; ak ho potrebujete na podporu, ukážte ho spolu s ľudským vysvetlením.

Prístupnosť

Nespoliehajte sa len na červenú: pridajte ikonu a text. Pripojte správu k jej poľu, aby si ju čítačky obrazovky prečítali s poľom, a po neúspešnom odoslaní prejdite na prvú chybu alebo súhrn chýb.

Pohyb v chybových stavoch

Krátke zatrasenie alebo zmena farby môžu pritiahnuť pozornosť na pole s problémom, ale urobte to stručne, neopakujte to pri každom stlačení klávesu a nahraďte pohyb zmenou farby alebo ikony, keď je zapnutý znížený pohyb. Na samotnej správe záleží viac ako na animácii.

Kľúč Principle na zapamätanie

  • Umiestnite chyby vedľa problému, jednoducho povedané, s opravou
  • Ponechajte to, čo ľudia napísali
  • Overte po dokončení poľa, nie počas písania
  • Nikdy sa nespoliehajte len na farbu; pripojiť správy pre čítačky obrazovky
  • Chybový pohyb udržujte krátky a rešpektujte znížený pohyb

Často kladené otázky

Zdroje

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

Súvisiace príručky a príklady

Navrhnite chybový stav, nielen šťastnú cestu

Otvorte príklady ExodeUI s chybovými a úspešnými stavmi prepínačov kódu a prispôsobte ich.

Otvorte príklady
Vyskúšajte zadarmo