Jak zaprojektować komunikaty o błędach, które zmniejszają frustrację
Jak zaprojektować stany błędów, które ludzie mogą odzyskać po: rozmieszczeniu, czasie, sformułowaniu, zachowaniu danych wejściowych, dostępności i ruchu, w oparciu o badania użyteczności.
Rdzeń na wynos
Dobry komunikat o błędzie jest widoczny i umieszczony obok problemu, napisany prostym językiem, mówi, jak go naprawić, zachowuje to, co dana osoba już wpisał i nigdy jej nie obwinia. Pokaż to, gdy osoba skończy wypełnianie pola lub prześle dane, a nie w trakcie pisania, i upewnij się, że czytniki ekranu to ogłoszą.
Wytyczne
Nielsen Norman Group podsumowuje skuteczne komunikaty o błędach jako bardzo widoczne, konstruktywne i szanujące wysiłek użytkownika. W praktyce oznacza to:
- Umieść wiadomość obok pola lub elementu, którego dotyczy problem.
- Używaj prostego, specyficznego języka: „Ten numer jest krótszy o jedną cyfrę”, a nie „Nieprawidłowe dane wejściowe”.
- Zaproponuj poprawkę: jakiego formatu się oczekuje, co spróbować dalej.
- Zachowaj to, co inni wpisali, aby móc je edytować, zamiast zaczynać od nowa.
- Nie obwiniaj: unikaj słów takich jak nieważne, nielegalne lub błędne.
Chronometraż
Pokazywanie błędu, zanim ktoś skończy, jest jednym z najczęstszych błędów. NN/g nazywa przedwczesne błędy wrogim wzorcem, jak ocenianie testu, zanim uczeń go skończy. Zatwierdź pole, gdy osoba je opuści lub wyśle formularz, a następnie zaktualizuj wiadomość na żywo, podczas gdy ona ją poprawia.
Błędy nie dotyczące formularzy
W przypadku błędów systemowych, takich jak nieudane zapisanie lub utrata połączenia, powiedz, co się stało, co zostało zachowane i co dana osoba może zrobić: spróbować ponownie, pracować w trybie offline lub skontaktować się z pomocą techniczną. Unikaj samodzielnie kodów błędów; jeśli potrzebujesz wsparcia, pokaż je wraz z ludzkim wyjaśnieniem.
Dostępność
Nie polegaj wyłącznie na kolorze czerwonym: dodaj ikonę i tekst. Połącz wiadomość z jej polem, aby czytniki ekranu odczytały ją z polem i przenieś fokus na pierwszy błąd lub podsumowanie błędów po nieudanym przesłaniu.
Ruch w stanach błędów
Krótkie potrząśnięcie lub zmiana koloru może zwrócić uwagę na obszar, którego dotyczy problem, ale rób to krótko, nie powtarzaj tego przy każdym naciśnięciu klawisza i zastąp ruch zmianą koloru lub ikony, gdy włączony jest ograniczony ruch. Sam przekaz jest ważniejszy niż animacja.
Klucz Principles do zapamiętania
- Umieść błędy obok problemu, prostymi słowami, z poprawką
- Zachowaj to, co inni wpisali
- Sprawdź poprawność po wypełnieniu pola, a nie podczas pisania
- Nigdy nie polegaj wyłącznie na kolorze; połącz wiadomości dla czytników ekranu
- Zachowaj krótki ruch w przypadku błędu i przestrzegaj ograniczonego ruchu
Często zadawane pytania
Źródła
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group