Każde pole dodane do formularza to decyzja. Badania pokazują, że każde dodatkowe pole wymagane obniża wskaźnik ukończeń o 10-15%. Ale proszenie o mniej danych oznacza też mniej danych. Kluczem do poprawy konwersji nie jest całkowite usuwanie pól. Chodzi o strategiczne podejście do tego, które pola oznaczasz jako wymagane, które jako opcjonalne, a które ukrywasz, dopóki nie staną się istotne.
Co pola wymagane naprawdę robią z konwersją
Gdy ktoś trafia na Twój formularz, przegląda go w kilka sekund. Nie słowo po słowie. Patrzy, ile jest pól, ile trzeba przewijać i czy prośby wydają się rozsądne.
Pola wymagane wysyłają sygnał. Każde mówi: "Potrzebuję tego od Ciebie". Dwa lub trzy pola wymagane wydają się do zniesienia. Siedem pól wymaganych wygląda jak podanie o pracę. Różnica w odsetku porzuceń nie jest mała.
Weź dowolne zamówienie w sklepie internetowym, a zobaczysz to w praktyce. Jeśli pole kodu pocztowego jest oznaczone jako opcjonalne, a adres dostawy jako wymagany, klienci zostają. Jeśli oba są wymagane i nie są wyraźnie oznaczone, porzucanie koszyków rośnie. Psychologia jest prosta. Niepewni odwiedzający odchodzą.
Zasada oznaczania mniejszości: kiedy oznaczać wymagane, a kiedy opcjonalne
Większość formularzy jest niezrównoważona. Formularz kontaktowy może mieć pięć pól wymaganych i jedno opcjonalne. Formularz rejestracji może mieć osiem wymaganych i dwa opcjonalne. W takich przypadkach oznaczanie każdego pola wymaganego marnuje miejsce i obciąża poznawczo.
Lepsze podejście to oznaczanie tylko mniejszości. Jeśli 80% pól jest wymaganych, oznacz tylko opcjonalne, dodając obok etykiety słowo "(opcjonalnie)". Nieoznaczone pola będą uznawane za wymagane. To ogranicza bałagan wizualny i sprawia, że formularz wydaje się krótszy.
Z drugiej strony spójrz na złożone formularze, w których pola wymagane są rozrzucone w całości. Wnioski ubezpieczeniowe, formularze kredytowe i wielostronicowe ankiety często mają pola wymagane i opcjonalne wymieszane. Wtedy oznacz oba rodzaje. Użyj gwiazdki (*) dla pól wymaganych i "(opcjonalnie)" dla opcjonalnych. Jasne oznaczenie bije domyślne konwencje.
Zasada jest prosta. Oznaczaj mniejszość, jakakolwiek by była.
Jak oznaczać pola wymagane tak, by ludzie to zauważali
Sama gwiazdka nie wystarczy. Użytkownicy czytników ekranu nie usłyszą gwiazdki. Osoby, które nie znają tej konwencji, mogą jej nie rozpoznać. Użytkownicy szybko przewijający mogą w ogóle przeoczyć mały symbol.
Rozwiązaniem jest oznaczenie warstwowe. Potrzebujesz gwiazdki, słowa "wymagane" i obu w sposób widoczny oraz czytelny dla kodu.
Użyj gwiazdki i połącz ją ze słowem "wymagane"
Badania pokazują, że połączenie czerwonej gwiazdki (*) z tekstem "wymagane" w etykiecie eliminuje zamieszanie. Gwiazdka przyciąga wzrok. Słowo "wymagane" potwierdza, co oznacza. Razem działają dla osób widzących, użytkowników czytników ekranu i osób z niepełnosprawnością poznawczą.
Spróbuj Adres e-mail * (wymagane) lub Numer telefonu *, a pod spodem tekst "Pola oznaczone gwiazdką są wymagane". Taki format działa dobrze.
Dodaj legendę wyjaśniającą, co znaczy wymagane
Zanim zaczną się pola formularza, dodaj jedną prostą linijkę "* = pole wymagane" lub "Pola oznaczone gwiazdką (*) są wymagane". To zdanie zajmuje kilka słów i eliminuje potrzebę, by użytkownicy sami interpretowali symbol.
Połącz to z programowymi atrybutami HTML. W kodzie formularza dodaj required lub aria-required="true" do każdego wymaganego pola. To mówi przeglądarce i czytnikowi ekranu, że pole jest wymagane, bez polegania wyłącznie na projekcie wizualnym.
Kolor liczy się mniej niż kontrast i położenie
Czerwone gwiazdki są konwencją, ale prawdziwy problem to kontrast. Jeśli gwiazdka jest blado szara lub wtapia się w etykietę, osoby słabowidzące ją przeoczą. Pogrub gwiazdkę i zadbaj o silny kontrast z tłem.
Położenie też ma znaczenie. Umieść gwiazdkę tuż za tekstem etykiety, a nie osobno. Dzięki temu sygnał "wymagane" pozostaje wizualnie połączony z nazwą pola i da się go przeskanować od lewej do prawej.
Kiedy ukrywanie pól opcjonalnych jest lepsze niż ich oznaczanie
Niektóre formularze zyskują na innym podejściu, zwanym stopniowym ujawnianiem. Ukryj pola opcjonalne, dopóki nie staną się istotne. To działa, gdy formularz ma wyraźną ścieżkę główną, a pola opcjonalne dotyczą tylko niektórych użytkowników.
Weź formularz rezerwacji. "Nazwa marki" może być wymagana dla klientów firmowych, ale opcjonalna dla osób prywatnych. Zamiast oznaczać pole jako opcjonalne i zaśmiecać ścieżkę główną, pokaż je dopiero po wybraniu "typu rezerwacji" jako "firma". Nigdy nie zobaczą pola, jeśli ich nie dotyczy.
Stopniowe ujawnianie sprawia, że formularze wydają się krótsze
Formularze, które ukrywają pola opcjonalne do czasu, gdy są potrzebne, konwertują lepiej niż formularze pokazujące wszystko od razu. Powodem jest percepcja. Formularz pokazujący 12 pól (nawet jeśli 3 są opcjonalne) wydaje się dłuższy niż formularz pokazujący 9 pól i odsłaniający 3 kolejne zależnie od odpowiedzi użytkownika.
Logika warunkowa odsłania pola na podstawie wcześniejszych odpowiedzi
Nowoczesne kreatory formularzy obsługują to od razu. Gdy użytkownik wybierze pewną opcję, pojawia się nowe pole. Gdy zmieni tę opcję, pole znika. Formularz dostosowuje się do jego potrzeb w czasie rzeczywistym.
Tu błyszczy logika warunkowa WEMASY. Możesz ustawić reguły takie jak "jeśli branża to opieka zdrowotna, pokaż pole zgodności z HIPAA" albo "jeśli budżet jest poniżej 1000 USD, pokaż opcje płatności dla małych planów". Użytkownik widzi tylko pytania, które go dotyczą.
Warunkowo wymagane pola: wymagane tylko wtedy, gdy ma to sens
Zaawansowane projektowanie formularzy idzie o krok dalej. Niektóre pola są domyślnie opcjonalne, ale stają się wymagane zależnie od wcześniejszych odpowiedzi użytkownika. To złoty środek między zbieraniem danych a doświadczeniem użytkownika.
Załóżmy, że "Opowiedz nam o swojej marce" jest opcjonalne przy darmowym zapisie. Ale jeśli użytkownik wybierze z listy "Jestem właścicielem marki", to samo pole staje się wymagane. Formularz zmienia wymóg w locie.
Pokaż zmianę wyraźnie
Gdy pole zmienia się z opcjonalnego na wymagane, użytkownik musi o tym wiedzieć. Najlepiej dodać gwiazdkę i etykietę "(wymagane)" od razu, gdy pole staje się wymagane. Niektóre kreatory formularzy podkreślają zmianę pola subtelną animacją lub zmianą koloru. To sygnalizuje zmianę bez rażenia.
Błędy, które po cichu zabijają wskaźniki ukończeń
Nawet przy właściwych zasadach drobne błędy się kumulują i zwiększają porzucenia. Uważaj na te.
Mieszanie symboli bez legendy
Użycie gwiazdki przy jednych polach i tekstu "(wymagane)" przy innych tworzy zamieszanie. Wybierz jedno podejście i się go trzymaj. Spójność w całej marce liczy się bardziej niż wybór konkretnego symbolu.
Przypadkowe oznaczenie pól opcjonalnych jako wymaganych
To częste w formularzach przeniesionych ze starych systemów albo gdy wymagania zmieniają się w trakcie projektu. Pole dostaje etykietę opcjonalnego, ale system wymaga go, lub odwrotnie. Użytkownicy wypełniają pole, które uważali za opcjonalne, wysyłają formularz i dostają błąd. Rezygnują.
Ukrywanie informacji, które użytkownicy muszą zobaczyć
Stopniowe ujawnianie działa, gdy ukryte pole jest naprawdę opcjonalne lub naprawdę warunkowe. Obraca się przeciwko Tobie, gdy ukrywasz pola wymagane za skomplikowaną logiką. Jeśli pole jest niezbędne, pokaż je. Nie każ użytkownikom zastanawiać się, czy muszą je wypełnić.
Gwiazdki bez tekstu wyjaśniającego
Sama gwiazdka to zagadka dla osób, które nigdy nie widziały tej konwencji. Bez legendy część użytkowników pominie pole, myśląc, że jest opcjonalne. Dodaj legendę. Jedna linijka na górze. Kilka słów. Zapobiega porzuceniom.
Zmiana statusu wymagania w trakcie formularza
Jeśli pole jest wymagane, niech takie pozostanie. Jeśli później chcesz uczynić je opcjonalnym ze względu na zmieniające się potrzeby marki, zrób pełny przegląd. Nie zmieniaj po cichu pola z wymaganego na opcjonalne w nadziei, że nikt nie zauważy. Użytkownicy zauważą i się pogubią.
Jak WEMASY pomaga w polach wymaganych i opcjonalnych
Kreator formularzy WEMASY daje pełną kontrolę nad wymaganiami pól bez dotykania kodu. Ustaw dowolne pole jako wymagane lub opcjonalne w edytorze. Dodaj logikę warunkową, która czyni pole wymaganym tylko po spełnieniu określonych warunków. Dodaj własne legendy wyjaśniające symbole pól wymaganych.
Możesz też zobaczyć dane na żywo o tym, które pola powodują najwięcej porzuceń. Jeśli konkretne pole opcjonalne spowalnia konwersję, możesz je ukryć za pomocą stopniowego ujawniania. Jeśli użytkownicy są zdezorientowani polem wymaganym, możesz przełączyć się na oznaczanie tylko pól opcjonalnych i zobaczyć, które podejście konwertuje lepiej.