steve-johnson-lPX6-ee-1zU-unsplash
5/5 (1)

Jak projektować komunikaty o błędach, które nie zniechęcą użytkowników?

Inna perspektywa
27 listopada 2024 (aktualizacja: 27 listopada 2024)

Wypełnianie formularzy potrafi być wyzwaniem, nawet jeśli są one zaprojektowane z myślą o maksymalnym uproszczeniu. Bez względu na to, jak dobrze przygotowany jest formularz, użytkownicy będą popełniać błędy. Dlatego jedną z cech dobrego formularza są prawidłowo wdrożone komunikaty o błędach. Kluczowe pytanie brzmi: czy komunikaty o błędach pomagają im je naprawić, czy tylko powodują frustrację i blokują płynny przepływ.

Wpływ komunikatów o błędach na doświadczenia użytkowników. Jak twierdzi grupa badawcza SciencieDirect, komunikaty o błędach wyzwalają kortyzol. Ten wzrost kortyzolu może przerodzić się w niepokój i ostatecznie doprowadzić do rezygnacji użytkownika.

Jak więc złagodzić tę reakcję? Oto kilka sposobów.

Używaj neutralnego języka

Słowa o negatywnym wydźwięku mogą niepotrzebnie wywoływać stres. Zamiast podkreślać, że użytkownik „popełnił błąd”, lepiej skup się na tym, jak można go poprawić. Delikatny, neutralny ton komunikatu pozwala użytkownikom zachować spokój i łatwiej zrozumieć, co należy zrobić.

Zbyt alarmujące komunikaty mogą zniechęcić użytkowników do dalszego wypełniania formularza, tworząc wrażenie, że problem jest poważniejszy niż faktycznie.
Postaraj się unikać wyrazów takich jak „błąd”, „nieprawidłowy” czy „niepoprawny”. Zamiast: „Nieprawidłowe hasło”, napisz: „Upewnij się, że Twoje hasło ma co najmniej 8 znaków”.

Przykład pola z podpisem "nieprawidłowe hasło" oraz z podpisem "Upewnij się, że Twoje hasło ma co najmniej 8 znaków"

Wyjaśniaj konkretne błędy

Ogólne komunikaty typu „niepoprawne dane”, oprócz przekazania błędu, nie wnoszą żadnej pomocy. Dlatego precyzyjnie informuj, co jest nie tak w danym polu.

Jeśli użytkownik zapomni dodać symbol „@” w polu e-mail, poinformuj go o tym jasno. Zamiast pisać „Błędne pole”, lepiej napisać: „Wygląda na to, że brakuje symbolu @ w adresie e-mail”.

Pewnie znasz sytuację, gdy komunikat brzmiał „Błąd. Nie można utworzyć konta”. Taki przekaz nie jest pomocny. Nie wiadomo, co dokładnie jest nieprawidłowe – hasło, nazwa użytkownika, czy oba? W przypadku formularza tworzenia konta informacja o błędnym polu nie daje jasnych wskazówek, co można dalej zrobić.

Dwa pola, jedno z podpisem "Nie można utworzyć konta", drugie z podpisem "Istnieje użytkownik z takim adresem. Masz już konto? Zaloguj się tutaj"

Zamiast pozostawiać użytkownika samemu sobie możesz dać sugestię typu „Odzyskaj konto” lub „Masz konto? Zaloguj się tutaj”.

Inny przykład to formularz do wpisania numeru karty kredytowej.

Zamiast: „Błędny numer karty”, użyj: „Numer karty kredytowej powinien składać się z 16 cyfr”.

Komunikaty w kontekście, nie w podsumowaniu

Zamiast długich list błędów na górze lub na dole formularza, umieszczaj komunikaty bezpośrednio przy odpowiednich polach. Ułatwia to poprawki i sprawia, że użytkownicy nie czują się przytłoczeni.

Wyobraź sobie długą listę błędów po kliknięciu w przycisk. Użytkownik myśląc, że za chwilę ukończy formularz dostaje listę rzeczy do poprawki. W tym momencie wzrasta frustracja i niechęć do usunięcia błędów, ponieważ został nimi w jednej chwili przytłoczony.

Makiety formularza, jedna z wylistowanymi błędami na końcu formularza, druga z błędami zaznaczonymi tuż przy odpowiednim polu

Kolejnym argumentem za umieszczeniem błędów przy polach, a nie w podsumowaniu, jest szybsza identyfikacja pola z błędem. Gdy błędy są na dole w formie listy, użytkownik musi samodzielnie namierzyć jakiego pola dotyczy komunikat.

W przypadku długich i złożonych formularzy dobrym rozwiązaniem jest wyświetlenie nad przyciskiem dodatkowego komunikatu podsumowującego błędne pola.

Weryfikacja w trakcie, nie po wysłaniu

Badania pokazują, że walidacja inline czyli sprawdzanie błędów na bieżąco, gdy użytkownik opuści pole, może zwiększyć wskaźnik sukcesu

Luke Wroblewski w 2009 r. przetestował czy wdrożenie wykrycia błędów na bieżąco wpłynie na wypełnienie formularza.

Inline Validation in Web Forms

Odnotował takie wyniki po zastosowaniu walidacji inline:
o 22% wzrosło ukończenia formularza,
o 22% zmniejszyła się liczba popełnianych błędów,
o 31% wzrósł wskaźnik zadowolenia,
o 42% skrócił się czas realizacji wypełnienia formularza,
o 47% zmniejszyła się liczba fiksacji wzroku.

Nie powinno to dziwić, ponieważ dzięki informacji na bieżąco użytkownik może naprawić błąd zaraz po opuszczeniu pola. Nie zostaje przytłoczony na sam koniec mnóstwem błędów do poprawy.

Dwa pola z podpisem "Wygląda na to, że brakuje symbolu @ w adresie e-mail". Jedno pole z komunikatem, który pojawia się dopiero po kliknięciu w przycisk Dalej, drugie z komunikatem, który pojawia się przed kliknięciem

Zachowaj wprowadzone dane

Nie zmuszaj użytkowników do ponownego wypełniania całego formularza po wykryciu błędu. Utrzymanie wprowadzonych już danych znacznie poprawia doświadczenie.

Przykład: Jeśli użytkownik wprowadzi błędne hasło, zostaw wypełnione inne pola nietknięte i poproś tylko o ponowne wprowadzenie hasła. Błędne pole również nie powinno zostać usunięte.

Dwa pola z komunikatem "To nie wygląda jak adres e-mail", jedno puste a drugie z tekstem bez małpy @

A czy ty nie odstraszasz użytkownika komunikatami?

Pamiętaj, że komunikaty o błędach mają duży wpływ na to, czy użytkownik ukończy wypełnianie formularza. Potrafią być hamulcem i blokować przepływ. Ale odpowiednio wdrożone staną się drogowskazem.

Właściwy ton, przejrzystość i konstruktywność przekazu mogą sprawić, że nawet w sytuacji błędu użytkownik poczuje się dobrze poinformowany i zmotywowany do naprawy problemu.

Komunikaty powinny jasno określać problem, aby użytkownicy wiedzieli, co poszło nie tak.

Komunikaty o błędach nie muszą być stresujące. Mogą uspokajać, wspierać i pomagać w pozytywny sposób.

Zainteresował Cię ten temat. Więcej porad i przykładów tego, jak projektować formularze, które są przyjazne dla użytkownika, przedstawiam w książce „Formularze, które ludzie chcą wypełniać”.

Rafał Wróbel
Autor
Rafał Wróbel
Projektant UX/UI, przeprojektowani.pl
Zobacz wszystkie wpisy 2
Poprzedni wpis
Jak przygotować swój sklep na święta Bożego Narodzenia?
Spis treści
Spodobał się artykuł?
Udostępnij

Bądź na bieżąco
w branży UX/UI i SEO
Twój e-mail
kelly-sikkema-lFtttcsx5Vk-unsplash
Inna perspektywa
Personalizacja doświadczeń użytkowników
Marta Miedzińska
Marta Miedzińska
Specjalistka ds. badawczych w Łukasiewicz – ITECH
loading
Inna perspektywa
Jak motywować użytkownika korzystając z efektu gradientu?
Rafał Wróbel
Rafał Wróbel
Projektant UX/UI, przeprojektowani.pl
Ilustracje yutra
Inna perspektywa
Jak mierzyć wycieki z użyciem GA4 – eksplorowanie danych o wejściach i wyjściach z witryny
Maciej Lewiński
Maciej Lewiński
Trener i Konsultant Google Analytics 4
alexas_fotos-WoPxj4W58C0-unsplash
Inna perspektywa
Design w czasach niepewności – pomiar emocji w UX
Marta Miedzińska
Marta Miedzińska
Specjalistka ds. badawczych w Łukasiewicz – ITECH
annie-spratt-vGgn0xLdy8s-unsplash
Inna perspektywa
Wykorzystanie danych z contact center w strategiach marketingowych
Anna Kłyszko
Anna Kłyszko
Marketing communication specialist
yoann-boyer-i14h2xyPr18-unsplash
Inna perspektywa
Multisensoryka w cyfrowym designie
Marta Miedzińska
Marta Miedzińska
Specjalistka ds. badawczych w Łukasiewicz – ITECH
petr-machacek-BeVGrXEktIk-unsplash
Inna perspektywa
Jak Contact Center może wspierać strategię Customer Experience?
Anna Kłyszko
Anna Kłyszko
Marketing communication specialist
dai-ke-GkraTrCYA_0-unsplash
Inna perspektywa
Nowe spojrzenie na dostępność stron www – ADA, WCAG i zdrowy rozsądek
Sylwia Błach
Sylwia Błach
Pisarka, programistka, twórczyni internetowa
jacek-kadaj-sBjX8XMCdns-unsplash
Inna perspektywa
Marketing historyczny – co to jest i czy w Polsce prawidłowo go wykorzystujemy?
Wiktoria Czarnecka
Wiktoria Czarnecka
Ekspert marketingu historycznego
absolutvision-UudGNHJdNSo-unsplash
Inna perspektywa
Czy technologia wyklucza osoby z niepełnosprawnościami?
Sylwia Błach
Sylwia Błach
Pisarka, programistka, twórczyni internetowa
guillaume-perigois-wVqC9dty3VQ-unsplash
Inna perspektywa
Jak Digital Service Act zmienia internet i co to znaczy dla każdego, kto działa w sieci?
Sylwia Błach
Sylwia Błach
Pisarka, programistka, twórczyni internetowa
dwa pistolety sig sauer p320
Inna perspektywa
Spust idealny istnieje?
Tomasz Szczepański
Tomasz Szczepański
Właściciel serwisu: Noś broń!
solen-feyissa-hWSNT_Pp4x4-unsplash
Inna perspektywa
Chcesz czy nie – dla AI jesteś tylko daną
Sylwia Błach
Sylwia Błach
Pisarka, programistka, twórczyni internetowa
becca-tapert-QofjUnxy9LY-unsplash
Inna perspektywa
Gdzie jest NEMO? Czyli o poszukiwaniu równowagi
Marta Miedzińska
Marta Miedzińska
Specjalistka ds. badawczych w Łukasiewicz – ITECH
redd-f-5U_28ojjgms-unsplash
Inna perspektywa
Strategie sprzedaży B2B – jak osiągnąć maksymalną skuteczność
Aleksandra Połetek-Pszonak
Aleksandra Połetek-Pszonak
New Business Expert w Deva Group
Poznaj nasze rozwiązania UX/UI/SEO
Chcesz dotrzeć do nowych użytkowników i zwiększyć konwersję swoich działań?