Najważniejsze wskazówki dotyczące tworzenia formularzy online w celu poprawy współczynników konwersji

Formularze online mogą służyć różnym celom. Niezależnie od tego, czy chodzi o zapisanie się do newslettera, rejestrację konta na stronie internetowej, dokonanie zakupu, czy tylko zapytanie, jesteśmy teraz przyzwyczajeni do wypełniania wymaganych informacji.

Jednak złe doświadczenia z formularzem online mogą skłonić użytkowników do całkowitego porzucenia zadania i przejścia na inną stronę internetową.

Wraz ze stale rosnącym wykorzystaniem witryn mobilnych i niedawną aktualizacją algorytmu rankingu przyjaznego dla urządzeń mobilnych Google, tworzenie przyjaznych dla użytkownika formularzy dla urządzeń mobilnych jest ważniejsze niż kiedykolwiek. Jestem pewien, że wszyscy możemy być bardzo sfrustrowani, próbując wypełnić formularz na naszym telefonie, którego po prostu nie można używać na tym urządzeniu!

Oto nasze najważniejsze wskazówki dotyczące tworzenia przyjaznych dla użytkownika formularzy online zarówno na komputery stacjonarne, jak i urządzenia mobilne, aby uniknąć utraty potencjalnych klientów na ostatnim etapie procesu konwersji:

1. Układ

Może wydawać się to oczywiste, ale użycie przejrzystego i prostego układu formularza online sprawi, że podróż klienta będzie jak najbardziej płynna i zachęci więcej osób do wypełnienia wszystkich informacji. Układy pionowe, takie jak ten przykład z House of Fraser, są bardziej przyjazne dla użytkownika:

Ale układy poziome również mogą działać, jak w tym przykładzie z Travel Republic:

Kluczem jest zachowanie prostoty i wykorzystanie jak najmniejszej liczby pól do przechwytywania potrzebnych informacji.

Dla użytkowników mobilnych jest to szczególnie ważne. Użytkownicy będą znacznie bardziej skłonni do porzucenia formularza, jeśli jego wypełnienie zajmie zbyt dużo czasu.

Starbucks ma dobry przykład przejrzystego, prostego, pionowego formularza do utworzenia konta w swojej witrynie mobilnej:

Usunięcie dowolnej z normalnych opcji nawigacji z formularza online pomoże również utrzymać go w czystości i prostocie. Na przykład Fortnum i Mason usunęli swoje menu z górnej części strony i zastąpili je banerem „Bezpieczna płatność” na stronie opcji płatności:

To nie tylko utrzymuje formularz w czystości, ale także uniemożliwia użytkownikom przeskakiwanie z powrotem do innych części witryny po rozpoczęciu procesu konwersji. Posiadanie opcji płatności jako gość jest również zalecane w przypadku witryn e-commerce, jak zapewnili Fortnum i Mason. Użytkownicy mogą niechętnie podawać wszystkie swoje dane osobowe w celu założenia konta podczas dokonywania szybkich zakupów.

2. Etykiety pól i metody wprowadzania

Ważne jest, aby wymagane pola były wyraźnie oznaczone. Używaj oczywistych, rozpoznawalnych etykiet, aby uniknąć błędów wejściowych, które mogłyby doprowadzić do porzucenia formularza przez użytkownika. W razie potrzeby dołącz wyjaśnienie pola, aby uniknąć nieporozumień. OK Magazine ma tego przykład w polu „Nazwa ekranu” w swoim formularzu rejestracji online:

Pomyśl o najbardziej odpowiedniej metodzie wprowadzania danych dla każdego pola. Istnieją różne typy:

• Pola do wpisywania
• Pola wyboru
• guziki
• Kalendarze
• Rozwijane menu

W większości przypadków prawdopodobnie będzie oczywiste, która metoda byłaby najlepsza. Jednak w przypadku formularzy mobilnych najlepiej unikać niektórych metod. Na przykład WWF ma ten formularz w swojej witrynie mobilnej, co stwarza użytkownikom kilka problemów:

Przyciski Tak/Nie są prawdopodobnie zbyt małe, aby można je było łatwo wybrać opuszkiem palca. Poza tym pole wyboru „To jest prezent” w niebieskiej sekcji jest prawie całkowicie zasłonięte. Ten formularz byłby frustrujący przy próbie wypełnienia na urządzeniu mobilnym.

Z drugiej strony Expedia zapewnia, że ​​metoda wprowadzania kalendarza jest wystarczająco duża dla urządzeń mobilnych:

3. Zaplanuj proces

Jeśli okaże się, że Twój formularz online staje się zbyt długi, nie bój się podzielić go na kilka stron, aby podzielić go na użytkowników. Kluczem do tego jest zarządzanie oczekiwaniami użytkownika poprzez zaplanowanie dla niego procesu od samego początku.

Confused.com ma na to świetny przykład, z różnymi etapami wyraźnie ponumerowanymi na górze strony:

Witryna Times przedstawia poszczególne etapy formularza w nieco innym formacie. To jest pierwsza strona formularza rejestracji konta online:

Jeśli przewiniemy w dół, zobaczymy kolejne kroki:

Jeśli długość formularza jest dla użytkownika jasna od samego początku, może on podjąć świadomą decyzję, czy ma wystarczająco dużo czasu na jego wypełnienie, czy też powinien wrócić później. Pozwoli to uniknąć problemu zwykle związanego z dłuższymi formularzami, kiedy użytkownicy zaczynają wypełniać formularz, tylko po to, by frustrować się długością i zrezygnować z zadania.

4. Bądź pomocny

Podobnie jak we wcześniejszym przykładzie OK Magazine, Barclaycard ma bardziej szczegółowy przykład wyjaśniający dokładnie, jakich informacji wymaga w formularzu logowania do bankowości internetowej:

Barclaycard nie tylko wyjaśnia, jakich informacji potrzebuje, ale także daje użytkownikowi możliwość wyboru rodzaju informacji, które może wprowadzić. Byłoby to przydatne, na przykład, jeśli nie pamiętasz swojej nazwy użytkownika lub numeru identyfikacyjnego, ale masz przy sobie kartę i możesz zamiast tego wprowadzić ten numer.

Zapewniają również opcje „Zapomniałem” dla obu pól. Oczekuje się tego jako standard w formularzach logowania online, ale warto to zauważyć, ponieważ może to być bardzo frustrujące, jeśli te opcje nie są dostępne.

Innym sposobem bycia pomocnym dla użytkowników jest uczciwe informowanie o tym, co robisz z informacjami. Virgin Active robi to w swoim internetowym formularzu zapytania:

„Obietnica Virgin, że użyjemy Twojego numeru tylko do oddzwonienia”, chociaż nie obejmuje tego, co zamierza zrobić z Twoim adresem e-mail, daje użytkownikowi pewną pewność.

Przed kliknięciem przycisku „kontynuuj” lub „prześlij” pomóż użytkownikom zorientować się, że poprawnie wypełnili każde pole bez żadnych błędów, z symbolami po wypełnieniu każdego pola. Bardzo mają tego przykład na swoim formularzu rejestracyjnym online, używając zielonych ptaszków i czerwonych krzyżyków:

Jeśli występują błędy, zaznacz je wyraźnie obok odpowiedniego pola, ewentualnie z wyjaśnieniem, co jest wymagane, jeśli to konieczne. Dzięki temu użytkownicy mają pewność, że formularz zostanie zaakceptowany po pierwszym kliknięciu.

5. Zawsze testuj!

Tworząc dowolny formularz online, zawsze przetestuj go samodzielnie na jak największej liczbie urządzeń przed jego uruchomieniem. Wypełnij formularz na jak najwięcej różnych sposobów, aby upewnić się, że wszystkie pola działają.

Formularze online to cenne narzędzia dla Twojej witryny. Niezależnie od tego, czy chcesz zebrać dane, przetworzyć sprzedaż, czy otrzymać zapytanie, potrzebujesz formularza, aby dokończyć konwersję.

Do tego momentu wykonałeś już większość ciężkiej pracy w zachęcaniu odwiedzających do zakupu / rejestracji / rejestracji itp. Upewnij się, że coś tak prostego jak formularz online nie stanie na drodze tej tak ważnej konwersji!