Autouzupełnianie i wstępnie wypełnione pola to dwa sposoby na ograniczenie pisania, które musi wykonać odwiedzający. Autouzupełnianie działa po stronie przeglądarki. Wstępnie wypełnione pola działają po stronie Twojego systemu. Razem znacząco podnoszą wskaźniki ukończeń.
Ten rozdział opisuje, co robią oba rozwiązania, jak działają, kiedy użyć każdego z nich i jak wdrożyć je poprawnie.
Mierzalne korzyści z autouzupełniania i wstępnie wypełnionych pól
Badanie zespołu Chrome Developers objęło tysiące formularzy w Stanach Zjednoczonych. Gdy odwiedzający używają autouzupełniania w przeglądarce, wypełniają formularze około 35% szybciej. Ich odsetek porzuceń spada o około 75%, nawet gdy autouzupełnianie wypełnia tylko część formularza. Użytkownicy nadal muszą sprawdzić i potwierdzić to, co przeglądarka wpisała, ale prawdziwą różnicę robi mniejszy wysiłek pisania.
W jednym zbiorze danych obejmującym wiele typów formularzy 23% użytkowników uruchomiło autouzupełnianie podczas wypełniania formularza. Ci użytkownicy kończyli formularz w 71% przypadków. U odwiedzających, którzy nie korzystali z autouzupełniania, wskaźnik ukończeń wynosił 59%. Ta różnica 12 punktów procentowych szybko się kumuluje, gdy prowadzisz formularze na dużą skalę.
Wstępnie wypełnione pola dają podobny efekt. Gdy formularz wygląda na częściowo ukończony, użytkownicy chętniej go kończą niż pusty. To działa, bo dokończenie czegoś już rozpoczętego wydaje się łatwiejsze niż zaczynanie od pustej kartki.
Jak działa autouzupełnianie i co zrobić, by je wspierać
Większość odwiedzających korzysta dziś z przeglądarki z autouzupełnianiem. Mają je Chrome i inne popularne przeglądarki. Wielu używa menedżerów haseł, które rozszerzają możliwości autouzupełniania jeszcze bardziej. Ale autouzupełnianie działa tylko wtedy, gdy formularz jest do niego przygotowany.
Przeglądarka patrzy na nazwę każdego pola i atrybut typu. Jeśli pole nazywa się ogólnie, na przykład "field1" lub "input2", przeglądarka nie wie, czym je wypełnić. Jeśli nazwiesz je "email" i ustawisz typ "email", przeglądarka wie. Jeśli nazwiesz je "shipping_address_line_1" i ustawisz atrybut autocomplete na "address-line1", przeglądarka wie dokładnie, co tam wpisać.
Twój kod HTML musi odpowiadać temu, czego oczekują przeglądarki. Używaj standardowych nazw pól. Ustaw poprawny atrybut typu (email, tel, number, text). Dodaj atrybut autocomplete z właściwą wartością dla każdego pola. Najczęstsze pola, przy których użytkownicy oczekują autouzupełniania, to pola e-mail (type="email" i autocomplete="email"), pola telefonu (type="tel" i autocomplete="tel"), pola adresu (konkretne wartości autocomplete, jak autocomplete="address-line1" dla ulicy, autocomplete="address-level1" dla stanu, autocomplete="postal-code" dla kodu pocztowego) oraz pola imienia i nazwiska (type="text" i autocomplete="given-name" dla imienia lub autocomplete="family-name" dla nazwiska).
Jeśli formularz całkowicie pomija atrybut autocomplete, przeglądarki nadal będą próbować zgadywać na podstawie nazw pól. Ale jawne wartości autocomplete działają lepiej. Inwestycja w poprawne ustawienie tych atrybutów zwraca się za każdym razem, gdy przeglądarka wpisze adres bez pisania przez użytkownika.
Jak działają wstępnie wypełnione pola i kiedy naprawdę pomagają
Wstępnie wypełnione pola działają najlepiej, gdy użytkownik wie, że masz te informacje. Jeśli ktoś zalogował się na konto, oczekuje, że jego numer telefonu i imię już tam będą. Jeśli kliknął link w e-mailu z napisem "Potwierdź swój adres", oczekuje, że adres pojawi się wstępnie wypełniony. Dane nie są niespodzianką.
Wstępnie wypełniaj typowe pola, które użytkownicy już Ci podali. E-mail, jeśli zapisali się e-mailem. Nazwę firmy, jeśli zarejestrowali się z firmą. Każdy adres, o który już prosiliśmy. Pola, które pytają o nowe informacje, zostaw puste. Odwiedzający chce zobaczyć, że zapamiętano to, co powiedział, ale chce też mieć kontrolę nad tym, co trafia do formularza, który zaraz wyśle.
Przejrzystość ma tu znaczenie. Wyjaśnij, dlaczego te pola są wstępnie wypełnione. "Mamy zapisaną nazwę Twojej firmy" lub "To adres, który podano ostatnim razem" to dwie sekundy pracy jako mała notka nad formularzem i usuwa zagubienie. Tarcie pojawia się, gdy pola wydają się wypełniane bez zgody.
Kiedy wstrzymać się z wypełnianiem i co może pójść źle
Wstępnie wypełnione pola działają tylko wtedy, gdy dane są dokładne i aktualne. Jeśli odwiedzający zaktualizował numer telefonu, a formularz pobiera dane ze starej bazy, widzi błędne informacje i musi je poprawić. To tarcie niweczy cel. Zawsze daj użytkownikom możliwość edycji i poprawienia wstępnie wypełnionych danych. Nigdy nie blokuj pola i nie zmuszaj do kontaktu z pomocą, by je zmienić.
Jeśli nie masz pewności co do dokładności danych, wypełniaj wstępnie tylko pola, które regularnie aktualizujesz, a pozostałe zostaw puste. W branżach regulowanych, jak usługi finansowe czy opieka zdrowotna, pomijaj wstępne wypełnianie wrażliwych pól, nawet jeśli masz dane. Nie wypełniaj wstępnie metod płatności w zamówieniu, chyba że odwiedzający konkretnie zapisał tę metodę. Celem jest zmniejszenie tarcia dla odwiedzających, a nie stworzenie iluzji ukończonego formularza.
Używanie autouzupełniania i wstępnie wypełnionych pól razem dla największego efektu
Najsilniejsze podejście używa obu naraz. Dla zalogowanych odwiedzających wypełnij wstępnie dane, które ma system. Dla odwiedzających z nową przeglądarką lub urządzeniem upewnij się, że atrybuty autocomplete są ustawione poprawnie, by autouzupełnianie przeglądarki mogło działać. Część odwiedzających zobaczy wstępnie wypełnione dane. Część użyje autouzupełniania w przeglądarce. Część obu. Tak czy inaczej formularz wymaga mniej pisania, a wskaźniki ukończeń rosną.
Odwiedzający przychodzą w różnych stanach. Powracający klient, który się zalogował, to jeden scenariusz. Nowy odwiedzający przy pierwszym kontakcie to drugi. Powracający odwiedzający na nowym urządzeniu to trzeci. Każdy korzysta z jednego mechanizmu lub drugiego. Razem tworzą wrażenie sprawnego formularza, którąkolwiek ścieżką pójdzie odwiedzający.
Co dobrze wypełniać wstępnie, a co zostawić puste
Autouzupełnianie i wstępne wypełnianie są najskuteczniejsze dla informacji ogólnych. E-mail, telefon, imię i nazwisko, adres, nazwa firmy, kod pocztowy. Te pola pojawiają się w wielu formularzach, więc zarówno odwiedzający, jak i przeglądarki zyskują na ich zapamiętaniu.
Przy informacjach wrażliwych bądź wybiórczy. Formularze finansowe nie powinny wypełniać wstępnie metod płatności, chyba że odwiedzający wyraźnie zapisał jedną. Formularze medyczne nie powinny wypełniać wstępnie historii choroby. Pól bezpieczeństwa, jak hasła, nigdy nie należy wypełniać ręcznie (menedżery haseł robią to automatycznie). Jeśli Twoja branża ma wymogi zgodności, stosuj się do nich niezależnie od korzyści wygody.
Jak zmierzyć wpływ na wskaźniki ukończeń
W wysłanych formularzach nie widać, czy odwiedzający użył autouzupełniania. Ale możesz zmierzyć wpływ, porównując wskaźniki ukończeń przed wdrożeniem wsparcia autouzupełniania i po nim. Jeśli dziś nie masz kodu przyjaznego autouzupełnianiu, ustaw poprawnie atrybuty autocomplete. Mierz wskaźnik ukończeń przez tydzień, potem porównaj go z następnym tygodniem. Powinien pojawić się mierzalny wzrost.
Przy wstępnie wypełnionych polach test jest podobny. Jeśli możesz podzielić odbiorców, pokaż części odwiedzających wstępnie wypełnione dane, a innym puste pola. Wskaźnik ukończeń powinien być wyższy w grupie ze wstępnie wypełnionymi danymi. Jeśli nie jest, albo Twoje dane są niedokładne, albo liczba wypełnianych wstępnie pól tworzy zamieszanie zamiast rozpędu.
Najczęściej zadawane pytania
Czy autouzupełnianie działa tak samo na telefonie jak na komputerze?
Czy autouzupełnianie pól haseł jest bezpieczne?
Czy mogę wstępnie wypełnić formularz przez parametr w adresie URL?
Co się stanie, jeśli autouzupełnione dane są błędne?
Czy wstępne wypełnianie formularza obniża jakość danych lub wprowadza nieaktualne informacje?
Które typy formularzy zyskują najwięcej na autouzupełnianiu i wstępnym wypełnianiu?
Autouzupełnianie i wstępnie wypełnione pola dają mierzalne wyniki. Przyspieszenie o 35% i redukcja porzuceń o 75% dotyczą odwiedzających, którzy z nich korzystają. Działają najlepiej razem z krótkim formularzem i jasnymi etykietami. Razem te trzy elementy znacząco się kumulują w zwiększaniu liczby ukończeń.
Więcej o skracaniu formularzy przeczytasz w pełnym poradniku o idealnej długości formularza. Aby poznać wdrożenie techniczne, zobacz, jak wstępnie wypełniać formularze danymi użytkownika. O szerszej strategii optymalizacji przeczytasz w poradniku o optymalizacji konwersji formularzy.