Wybór struktury formularza wpływa na liczbę ukończonych formularzy o 20 do 30 procent. Formularz jednostronicowy z dwudziestoma polami widocznymi naraz i formularz wieloetapowy z tymi samymi dwudziestoma pytaniami w trzech krokach zbierają identyczne informacje. Ale odsetek ukończeń różni się dramatycznie. Jedna struktura sprawia, że odwiedzający myśli "Skończę to w dwie minuty". Druga sprawia, że myśli "To za dużo pracy" i odchodzi.
Które podejście wybrać? Spójrz na swój obecny formularz. Ile pól zawiera? Czy odwiedzający wypełniają go na telefonie, czy na komputerze? Czy jeden długi formularz ich przytłacza, czy podział na kroki wydaje się niepotrzebnym tarciem? Odpowiedź decyduje o wszystkim. Formularz rejestracji z imieniem i e-mailem działa inaczej niż formularz rozmowy wstępnej B2B z pytaniami o dane firmy, budżet i uprawnienia decyzyjne. Ten artykuł pokazuje, kiedy użyć każdego podejścia i jak uporządkować formularz, żeby odwiedzający naprawdę go ukończyli.
Formularze jednoetapowe: czym są i kiedy ich używać
Formularz jednoetapowy wyświetla wszystkie pola na jednej stronie. Odwiedzający widzi cały formularz po załadowaniu strony. Przewija wszystkie pola, wypełnia je i wysyła. Wszystko dzieje się na jednym ekranie.
Użyj formularza jednoetapowego, gdy ma pięć pól lub mniej. Odwiedzający postrzega formularz z pięcioma polami jako krótki, niezależnie od tego, czy jest na jednej stronie, czy na kilku. Dodatkowe kroki dodają tarcie bez korzyści. Zapis do newslettera z imieniem, e-mailem i krajem dobrze działa jako jeden krok. Prosty formularz opinii z komentarzem, oceną i e-mailem też. Odwiedzający wypełnia formularz w mniej niż dwie minuty i idzie dalej.
Użyj formularza jednoetapowego, gdy każde pole jest proste i zrozumiałe samo przez się. Jeśli żadne pole nie wymaga kontekstu ani wyjaśnienia, jeden krok się sprawdza. Formularz kontaktowy z imieniem, e-mailem, wiadomością i telefonem jest jasny. Każdy odwiedzający rozumie, o co pyta każde pole. Dodatkowe wskazówki nie są potrzebne. Jeden krok usuwa zbędne etapy i szybciej kończy formularz.
Użyj formularza jednoetapowego, gdy chcesz maksymalnej przejrzystości co do długości formularza. Formularz jednostronicowy pokazuje odwiedzającemu dokładnie, w co się angażuje, zanim zacznie. Bez niespodzianek na następnej stronie. Bez poczucia "nie spodziewałem się takiego pytania". Niektórzy odwiedzający wolą tę przejrzystość i wypełnią formularz szybciej, bo od początku znają jego pełny zakres.
Użyj formularza jednoetapowego do szybkich działań, takich jak wyszukiwanie, filtry produktów czy szybkie ankiety. Wyszukiwarka w sklepie internetowym działa jako jeden krok. Filtr produktów działa jako jeden krok. Szybka ankieta z pytaniem "Którą funkcję powinniśmy zbudować jako następną?" działa jako jeden krok. Celem jest natychmiastowa akcja, a nie zbieranie szczegółowych informacji. Jeden krok to zapewnia.
Formularze wieloetapowe: czym są i kiedy ich używać
Formularz wieloetapowy dzieli pola na kilka kolejnych stron. Odwiedzający wypełnia krok 1 z trzema do pięciu pól, klika Dalej i trafia do kroku 2 z nowym zestawem pól. Krok 2 prowadzi do kroku 3 i tak dalej. Formularz odsłania pytania stopniowo.
Użyj formularza wieloetapowego, gdy ma więcej niż pięć pól. Formularz z dziesięcioma pytaniami daje lepszą konwersję, gdy jest podzielony na dwa do trzech kroków, niż gdy jest pokazany na jednej stronie. Odwiedzający patrzący na dziesięć pól na jednym ekranie myśli "To za dużo pracy". Ten sam odwiedzający patrzący na trzy pola myśli "Dam radę". Podziel te same pola na kroki, a odsetek ukończeń wzrośnie o 20 do 30 procent.
Użyj formularza wieloetapowego, gdy pytasz o różne obszary tematyczne. Formularz zapytania B2B może pytać o dane firmy w kroku 1, cele biznesowe w kroku 2 i budżet w kroku 3. Każdy krok ma wyraźny temat. Odwiedzający wie, dlaczego te pytania są zgrupowane razem. Ta logiczna organizacja sprawia, że formularz wydaje się mniej przypadkowy.
Użyj formularza wieloetapowego, gdy pytasz o informacje wrażliwe lub osobiste. Formularz pytający o stan zdrowia, dane finansowe albo historię rodzinną wydaje się natarczywy, gdy wszystko pojawia się naraz. Rozbicie tego na kroki łagodnie wprowadza odwiedzającego w rozmowę. Krok 1 pyta o podstawowe dane demograficzne, które wydają się neutralne. Krok 2 pyta o nieco bardziej szczegółowe informacje. Krok 3 zadaje pytania wrażliwe. W kroku 3 odwiedzający zainwestował już czas i zdecydował się kontynuować. Wrażliwy charakter pytań wydaje się naturalnym postępem, a nie natychmiastowym żądaniem.
Użyj formularza wieloetapowego do formularzy rejestracji i zakładania konta. Osoba zakładająca konto zwykle najpierw podaje podstawowe informacje (e-mail, hasło), potem dodaje dane profilu (imię, lokalizacja), a na końcu ustawia preferencje (częstotliwość komunikacji, zainteresowania). Formularz wieloetapowy odzwierciedla naturalną hierarchię informacji. Odwiedzający kończy każdy etap i przechodzi do następnego.
Użyj formularza wieloetapowego w formularzach na telefonie. Użytkownicy telefonów odczuwają zmęczenie przewijaniem. Formularz z dziesięcioma polami na telefonie oznacza przewijanie długiej strony. Formularz wieloetapowy pokazuje na każdej stronie trzy do czterech pól. Odwiedzający je wypełnia, klika Dalej i widzi nowy ekran. Bez długiego przewijania. Bez zmęczenia. Użytkownicy telefonów szczególnie korzystają z podejścia krok po kroku. Jeśli formularz ma działać na telefonie, domyślnie wybierz wiele kroków, chyba że jest naprawdę krótki (pięć pól lub mniej).
Ile kroków powinien mieć formularz wieloetapowy
Formularz z 6 do 15 polami dobrze działa jako formularz z 2 do 3 kroków. Formularz z 15 do 25 polami sprawdza się jako formularz z 3 do 4 kroków. Formularz z ponad 25 polami powinien mieć maksymalnie 4 do 5 kroków. Celem jest, żeby każdy krok pokazywał 5 do 7 pól, co wydaje się do ogarnięcia i nie tworzy niepotrzebnych przeładowań strony.
Nie dziel formularza z 10 polami na 5 kroków. To przeczy celowi. Odwiedzający klikający Dalej pięć razy przy formularzu z 10 polami czuje, że to więcej pracy, a nie mniej. Utrzymuj liczbę kroków na tyle niską, żeby odwiedzający dotarł do końca bez zmęczenia.
Jeśli formularz używa logiki warunkowej, w której różni odwiedzający idą zupełnie różnymi ścieżkami, liczba kroków ma mniejsze znaczenie. Osoba, która odpowie "Wielkość firmy: 1-5 osób", może zobaczyć 3 kroki. Osoba, która odpowie "Wielkość firmy: ponad 100 osób", może zobaczyć 5 kroków. Każdy doświadcza tylko swojej istotnej ścieżki. Całkowita liczba kroków jest mniej ważna niż to, żeby ścieżka każdego odwiedzającego wydawała się krótka i trafna.
Jak uporządkować formularz wieloetapowy
Krok 1 powinien pytać o podstawowe dane identyfikacyjne. E-mail, imię i nazwisko, firma. Te pola są proste i wydają się bezpieczne. Odwiedzający kończy krok 1 i czuje rozpęd. Jest zaangażowany w dokończenie.
Krok 2 powinien pytać o potrzeby, cele lub sytuację. "Co chcesz osiągnąć?" "Jakie jest Twoje główne wyzwanie?" "Ile osób liczy Twój zespół?" Ten krok wyjaśnia kontekst odwiedzającego. Przechodzi od "Kim jesteś?" do "Czego potrzebujesz?".
Krok 3 powinien pytać o szczegóły lub informacje wrażliwe. Budżet, termin, poziom uprawnień, informacje o zdrowiu, dane finansowe. W kroku 3 odwiedzający zdecydował się kontynuować. Zadawanie wrażliwych pytań tutaj wydaje się naturalne, a nie natarczywe. Jest już zaangażowany.
Nie pytaj o te same informacje dwa razy. Krok 1 pyta o e-mail. Nie pytaj o e-mail ponownie w kroku 2 lub 3. Każdy krok powinien zbierać nowe informacje, a nie powtarzać.
Grupuj logicznie powiązane pola w tym samym kroku. Jeśli pytasz o dane firmy, zapytaj o wielkość firmy, branżę i lokalizację w tym samym kroku. Nie rozpraszaj ich na trzy kroki. Logiczne grupowanie sprawia, że formularz wydaje się uporządkowany, a nie przypadkowy.
Nie pytaj w kroku 1 o pole zależne od odpowiedzi z kroku 2. Jeśli krok 2 pyta "Jaka jest wielkość Twojej firmy?", nie pytaj w kroku 1 "Ilu masz kierowników?". Liczba kierowników zależy od wielkości firmy. Zadawaj pola w kolejności, w jakiej logicznie od siebie zależą.
Formularze na telefonie potrzebują wielu kroków
Większość zgłoszeń z formularzy powstaje na telefonach. Jeśli formularz ma działać na telefonie, użyj wielu kroków. Formularz jednoetapowy z dziesięcioma polami na telefonie oznacza, że odwiedzający przewija długą stronę. Męczy się. Porzuca formularz w połowie.
Formularz wieloetapowy na telefonie pokazuje 3 do 4 pól na krok. Odwiedzający je wypełnia i klika Dalej. Pojawia się nowy ekran z nowymi polami. Bez długiego przewijania. Bez zmęczenia. Każdy krok wydaje się szybki.
Wyjątek: jeśli formularz ma pięć pól lub mniej, jeden krok działa dobrze także na telefonie. Formularz z pięcioma polami szybko się przewija na telefonie. Odwiedzający kończy go bez zmęczenia. Ale wszystko powyżej pięciu pól warto podzielić na kroki dla użytkowników telefonów.
Jeśli formularz ma działać zarówno na komputerze, jak i na telefonie, projektuj najpierw na telefon. Zbuduj formularz jako wieloetapowy. Na komputerze nadal działa. Dodatkowe kroki nie szkodzą konwersji na komputerze. Ale formularz jednoetapowy zoptymalizowany pod komputer będzie słabo działał na telefonie. Projektowanie od telefonu (mobile-first) sprawia, że formularz działa wszędzie.
Rola wskaźników postępu
Formularz wieloetapowy powinien zawsze pokazywać postęp. Wskaźnik postępu mówi odwiedzającemu, w którym miejscu procesu jest. "Krok 2 z 4" albo wizualny pasek postępu pokazuje, ile kroków zostało. Ma to znaczenie, bo buduje pewność. Odwiedzający, który wie, że jest w połowie, chętniej kontynuuje niż ten, który nie ma pojęcia, ile kroków jeszcze zostało.
Wskaźniki postępu pełnią jeszcze jedną funkcję. Zmniejszają niepokój. Odwiedzający chętniej zaczyna formularz, jeśli wie, że ma 3 kroki, niż gdy nie ma pojęcia, ile to potrwa. Przejrzystość co do długości zwiększa odsetek ukończeń.
Formularze jednoetapowe nie potrzebują wskaźników postępu, bo nie ma postępu do pokazania. Cały formularz jest widoczny.
Przetestuj, jeśli nie masz pewności
Jeśli masz formularz z 6 do 10 polami i nie wiesz, czy lepiej zadziała jeden krok, czy wiele, przetestuj oba. Zbuduj dwie wersje. Pokaż wersję A (jeden krok) 50 procentom odwiedzających przez dwa tygodnie. Pokaż wersję B (wiele kroków) pozostałym 50 procentom w tym samym okresie. Śledź odsetek ukończeń. Po dwóch tygodniach będziesz wiedzieć, które podejście lepiej działa dla Twojej konkretnej grupy odbiorców i formularza.
Testowanie ma znaczenie, bo istnieją wyjątki. Niektórzy odbiorcy wolą jeden krok nawet przy dłuższych formularzach, jeśli pytania są bardzo proste. Niektóre formularze, które wydają się za długie na jeden krok, nadal dobrze konwertują, bo odwiedzający jest bardzo zmotywowany. Twoje rzeczywiste dane są bardziej wiarygodne niż ogólne wytyczne.
Częste błędy, których warto unikać
Umieszczenie formularza z dziesięcioma polami na jednej stronie i oczekiwanie wysokiej liczby ukończeń. Odwiedzający widzi dziesięć pól na jednym ekranie i myśli "To trwa wieki". Nie rób tego. Jeśli formularz ma więcej niż pięć pól, użyj wielu kroków.
Dzielenie krótkiego formularza na zbyt wiele kroków. Formularz z trzema pytaniami nie musi być podzielony na dwa kroki. To dodaje tarcie. Zostaw formularze jednoetapowe dla formularzy z pięcioma polami lub mniej.
Pytanie "Jaki jest Twój roczny przychód?" w kroku 1. Nie zaczynaj od pytań wrażliwych. Odwiedzający jeszcze się nie zaangażował. Widzi wrażliwe pytanie i odchodzi. Najpierw zapytaj o dane identyfikacyjne (imię i nazwisko, e-mail, firma), a pytania wrażliwe zadaj w kroku 2 lub 3.
Tworzenie sześciu lub siedmiu kroków. Formularz podzielony na sześć kroków wydaje się niekończący. W większości formularzy zostań przy dwóch do czterech krokach. Więcej i odwiedzający porzucą formularz, zanim dotrą do końca.
Brak pokazywania postępu. Formularz wieloetapowy musi pokazywać "Krok 2 z 4" albo wizualny pasek postępu. Bez postępu odwiedzający nie wiedzą, czy są w połowie, czy prawie na końcu. Ta niepewność zmniejsza odsetek ukończeń. Dodaj wskaźnik postępu do każdego formularza wieloetapowego.
Pytanie o te same informacje dwa razy. Nie pytaj o e-mail w kroku 1 i ponownie w kroku 3. Każdy krok powinien zbierać nowe informacje. Powtarzane pytania wyglądają na zepsuty formularz.
Jak WEMASY pomaga w strukturze formularzy
Kreator formularzy WEMASY ułatwia tworzenie formularzy jednoetapowych i wieloetapowych. Możesz zbudować formularz wieloetapowy z logiką warunkową, żeby różni odwiedzający widzieli różne pytania w zależności od odpowiedzi. Możesz zmieniać kolejność kroków i pól bez przebudowy formularza. Wszystkie zgłoszenia trafiają do panelu analityki, gdzie widzisz odsetek ukończeń każdego kroku. Jeśli krok 2 ma wysoki odsetek porzuceń, możesz zidentyfikować problem i go naprawić. Szerszy przegląd tego, jak projekt formularza wpływa na konwersje, znajdziesz w naszym poradniku o zasadach projektowania formularzy i o tym, jak zmniejszyć tarcie w formularzach i zwiększyć liczbę ukończeń.