Potencjalni Klienci niechętnie wypełniają Twój formularz kontaktowy? Zadbaj o jego użyteczność! Podpowiadamy, jak w 5 krokach przeprowadzić optymalizację.
KROK 1: Zastanów się nad długością formularza.
Czy wszystkie informacje, o które prosisz użytkownika rzeczywiście są Ci potrzebne na tym etapie? Jeśli nie – usuń je. Każde dodatkowe, niepotrzebne pytanie zniechęca do dalszego wypełniania.
Jeśli nie możesz skrócić formularza, postaraj się o jego odpowiednią organizację. Zbierz pytania w grupy tematyczne i oznacz je odpowiednią etykietą / nagłówkiem. Dzięki temu użytkownik szybko zorientuje się, które pola go dotyczą.
W przypadku bardzo długich formularzy, warto dodatkowo podzielić je na strony i informować na bieżąco Internautę, jaka część pytań pozostała jeszcze niewypełniona.
KROK 2: Weź pod lupę etykiety.
Jeśli pola Twojego formularza są opisane w niezrozumiały lub nieprecyzyjny sposób, użytkownik wypełni je błędnie lub zirytowany całkowicie zrezygnuje z dalszego odpowiadania na pytania. Jeśli któraś z etykiet może budzić jakiekolwiek wątpliwości – popraw ją lub przynajmniej umieść wyjaśnienie (np. w dynamicznie pojawiającym się dymku).
Jeśli oczekujesz wprowadzenia danych w określonym formacie (np. daty w postaci: RRRR-MM-DD), zamieść przykład prawidłowego sposobu wypełnienia pola.
Zastanów się także nad miejscem etykiet i ich wyrównaniem. Z dotychczasowych badań wynika, że najlepiej umieszczać je nad odpowiednimi polami lub obok nich (wówczas można wyrównać etykiety do prawej).
KROK 3: Sprawdź mechanizm kontroli błędów.
Twój formularz powinien możliwie jak najszybciej sprawdzać poprawność odpowiedzi i w razie potrzeby wyświetlać informacje o wszystkich błędach.
Wskaż dokładnie, które elementy wymagają poprawy (umieść komunikat bezpośrednio w sąsiedztwie każdego z błędnie wypełnionych pól) i podpowiedz, jak powinna wyglądać prawidłowa odpowiedź.
KROK 4: Zastosuj automatyczne zapisywanie i uzupełnianie.
Internauci oczekują, że wszelkie wprowadzone przez nich informacje będą zachowane, nawet jeśli klikną przycisk „Wstecz” lub gdy wystąpi błąd techniczny. Nagłe zniknięcie zawartości długiego formularza z dużym prawdopodobieństwem zniechęci użytkownika do dalszego wypełniania.
KROK 5: Wyraźnie oznacz i precyzyjnie opisz przycisk akcji.
Powinien on być widoczny i przypominać prawdziwy przycisk (warto, aby miał zaokrąglony kształt i stwarzał wrażenie trójwymiarowego). Jeśli używasz kilku przycisków, wyróżnij ważniejszy z nich za pomocą mocniejszego koloru.
Pamiętaj też o precyzyjnym opisaniu przycisku – Internauta nie powinien mieć żadnych wątpliwości, co stanie się po kliknięciu. Ponadto, jeśli chcesz nakłonić go do działania, użyj zwrotu w pierwszej osobie liczby pojedynczej, np. „Wyślij!”.
Gotowe? Teraz przetestuj różne wersje zmian i znajdź najlepsze rozwiązania dla siebie. Powodzenia!
Fajnie to wszystko opisane, ale zabrakło jednej i myślę dość ważnej informacji, mianowicie podania paru przykładów takiego, dobrze skonstruowanego formularza.
Choćby linków do SM:
http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/
http://www.smashingmagazine.com/2011/06/27/useful-ideas-and-guidelines-for-good-web-form-design/
Najważniejsze moim zdaniem to: formularz powinien zawierać wyłącznie niezbędne pola do wypełnienia – im mniej tym lepiej.
Nic tak bardzo nie zniechęca jak wiele różnych danych do wpisania.