Cum să proiectați mesaje de eroare care reduc frustrarea
Modul de proiectare a stărilor de eroare pe care oamenii le pot recupera: plasare, sincronizare, formulare, păstrare a intrării, accesibilitate și mișcare, pe baza cercetării privind utilizarea.
Core Takeaway
Un mesaj de eroare bun este vizibil și plasat lângă problemă, scris într-un limbaj simplu, spune cum să o remediați, păstrează ceea ce persoana a tastat deja și nu o învinovățește niciodată. Afișați-o când persoana a terminat cu un câmp sau a trimis, nu în timp ce încă tastează și asigurați-vă că cititorii de ecran îl anunță.
Orientările
Nielsen Norman Group rezumă mesajele de eroare eficiente ca fiind extrem de vizibile, constructive și respectuoase față de efortul utilizatorului. În practică, asta înseamnă:
- Plasați mesajul lângă câmpul sau elementul cu problema.
- Utilizați un limbaj simplu și specific: „Acest număr este scurt de o cifră”, nu „Introducere nevalidă”.
- Oferiți o soluție: ce format este așteptat, ce să încercați în continuare.
- Păstrează ceea ce au tastat oamenii pentru a le putea edita în loc să înceapă din nou.
- Nu da vina: evita cuvinte precum invalid, ilegal sau greșit.
Sincronizare
Afișarea unei erori înainte ca cineva să termine este una dintre cele mai frecvente greșeli. NN/g numește erorile premature un model ostil, cum ar fi notarea unui test înainte ca studentul să termine. Validați un câmp atunci când persoana îl părăsește sau trimite formularul, apoi actualizați mesajul în timp ce îl corectează.
Erori care nu sunt legate de formulare
Pentru erori de sistem, cum ar fi o salvare eșuată sau o conexiune pierdută, spuneți ce s-a întâmplat, ce a fost păstrat și ce poate face persoana respectivă: reîncercați, lucrați offline sau contactați asistența. Evitați codurile de eroare pe cont propriu; dacă aveți nevoie de unul pentru sprijin, arătați-l alături de o explicație umană.
Accesibilitate
Nu vă bazați doar pe roșu: adăugați o pictogramă și text. Conectați mesajul la câmpul său, astfel încât cititorii de ecran să îl citească împreună cu câmpul și mutați focalizarea la prima eroare sau un rezumat al erorilor, după o trimitere eșuată.
Mișcarea în stări de eroare
O scuturare scurtă sau o schimbare de culoare poate atrage atenția asupra câmpului cu problemă, dar păstrați-l scurt, nu o repetați la fiecare apăsare a tastei și înlocuiți mișcarea cu o schimbare de culoare sau pictogramă atunci când mișcarea redusă este activată. Mesajul în sine contează mai mult decât animația.
Cheie Principles de reținut
- Plasați erorile lângă problemă, în cuvinte simple, cu o remediere
- Păstrați ceea ce au scris oamenii
- Validați după ce un câmp este terminat, nu în timpul tastării
- Nu vă bazați niciodată doar pe culoare; conectați mesajele pentru cititoarele de ecran
- Păstrați mișcarea de eroare scurtă și respectați mișcarea redusă
Întrebări frecvente
Surse
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group