6 praktyki projektowania stron rejestracyjnych dla formularzy Frictionless
jako marketer prawdopodobnie lubisz myśleć, że dobrze rozumiesz swoje perspektywy-kim są, jak się zachowują itp. Więc jeśli jeden z nich odwiedził Twoją stronę internetową lub stronę rejestracji, jak myślisz, co zrobiłby dalej?
pewnie zarejestrujesz się w serwisie, prawda?
nie zawsze tak jest, jak dowiedziała się jedna z marek. Dla nich coś między tym CTA a ich stroną” dziękuję ” spowodowało, że firma straciła prawie jedną czwartą potencjalnych klientów.
wystąpił problem ze stroną rejestracji.
tworzenie stron docelowych z Instapage ➔
co to jest strona rejestracji?
strony rejestracji, znane również jako „strony rejestracji”, nie są takie same. Niektóre z nich to strony docelowe PPC post-click; inne są połączone ze stroną główną za pomocą nawigacji-niektóre są nawet stroną główną. Pomimo różnic, wszyscy mają ten sam cel: generowanie rejestracji do usługi.
w wielu przypadkach Strona rejestracji jest ostatnim krokiem w lejku konwersji firmy. To miejsce, w którym potencjalni klienci poruszają się po ocenie marki i decyzji, że jej usługa oferuje to, czego potrzebują.
z tego powodu strony rejestracji skupiają się mniej na przekonywaniu perspektyw do konwersji, a bardziej na minimalizacji tarcia związanego z tym. Skupienie się na użyteczności oznacza, że inne tradycyjne elementy strony docelowej po kliknięciu, takie jak dowód społeczny, referencje i przyciągające uwagę media, zajmują tylne siedzenie.
wystarczy spojrzeć na stronę rejestracji Shopify poniżej, która pojawia się na stronie głównej po kliknięciu „rozpocznij.”
to naprawdę tylko krótka forma. I, jak zobaczysz trochę później, większość stron rejestracji jest zbudowana w ten sam sposób, z niczym więcej niż nagłówkiem, kilkoma polami formularzy i wezwaniem do działania.
ale to, że wielu jest tak zaprojektowanych, nie znaczy, że jest to właściwa droga. Tworzenie udanej strony rejestracji to coś więcej niż eliminacja zakłóceń i redukcja pól formularzy. Zadanie jest dwojakie.
aby wygenerować maksymalną liczbę rejestracji, musisz zminimalizować kroki związane z rejestracją, a jednocześnie maksymalnie wykorzystać kilka elementów, których używasz. Oto kilka wskazówek i spostrzeżeń od ekspertów.
użyj nagłówka zorientowanego na korzyści
zanim perspektywa dotrze na Twoją stronę rejestracji, w większości przypadków już ocenili twoją usługę i ustalili, że pasuje do ich potrzeb. Ale czy to znaczy, że nie powinieneś im przypominać, dlaczego tam są?
poniżej Copyblogger wykorzystuje nagłówek wypełniony dowodami społecznościowymi, aby przekonać użytkowników do rejestracji, a powyżej Shopify przypomina potencjalnym klientom, że ich okres próbny jest bezpłatny przez 14 dni.
proste jest dobre, ale jeśli masz miejsce, aby wzmocnić swoje USP nagłówkiem, zrób to. Są szanse, że będzie to miało bardziej pozytywny wpływ na konwersje niż negatywny.
spraw, aby wszystkie pola były wymagane
ta porada nie polega na wymaganiu od odwiedzających wypełnienia formularza, ale na upewnieniu się, że wybrałeś odpowiednie pola. Oznacza to, że jeśli określiłeś, że pole formularza jest opcjonalne, nie potrzebujesz tej informacji, aby zarejestrować potencjalnego klienta.
na przykład usługa taka jak Groupon musi znać Twoją lokalizację podczas rejestracji, aby zaoferować Ci odpowiednie oferty i kupony. Ale lokalizacja nie jest kluczową informacją dla Instapage, aby wiedzieć o swoich klientach, dlatego nie prosimy o to podczas rejestracji.
jeśli tak naprawdę nie musisz znać firmy swojego potencjalnego klienta, jego stanowiska lub liczby pracowników, to nie pytaj. Im mniej pracy muszą zrobić, tym lepiej.
pola formularza do rozważenia
niektóre pola formularza do rozważenia konsolidacji/pozbycia się:
- nazwa użytkownika: czy Twoi użytkownicy naprawdę potrzebują nazwy użytkownika, aby się zarejestrować? Czy możesz po prostu poprosić o ich adres e-mail, a następnie pozwolić im określić swoją nazwę użytkownika po zalogowaniu?
- Potwierdź hasło: to pole jest przestarzałe i konieczne tylko z powodu maskowania hasła, innej niepraktycznej techniki.
maskowanie haseł to technologia, która sprawia, że każda litera wygląda jak identyczny punkt, gdy jest wprowadzana do formularza. Daje wrażenie dodatkowego bezpieczeństwa, ale jedyną rzeczą, przed którą naprawdę chroni to ludzie zaglądający przez ramię.
zadaj sobie pytanie: czy moi potencjalni użytkownicy naprawdę tworzą swoje hasła w zatłoczonym miejscu publicznym? Raczej nie.
zamiast używać pola „Potwierdź hasło”, Pozwól użytkownikom zobaczyć, co wpisują, demaskując oryginalne pole „Hasło” lub używając funkcji „Pokaż / Ukryj”, tak jak robi to MailChimp na stronie rejestracji:
- imię i nazwisko: rozważ konsolidację imienia i nazwiska w jedno pole „imię i nazwisko”. Albo poproś o imię. Może nawet pomyśl o całkowitym pozbyciu się tego.
w kilku poniższych przykładach (Buffer, Asana, Crazy Egg) strony rejestracji nie pytają o nazwę od razu, ale pozwalają przekonwertowanym klientom wprowadzić szczegóły po zalogowaniu się na platformę.
- Umowa użytkownika: zamiast zmuszać użytkowników do klikania pola wyboru, w którym wyrażają zgodę na warunki użytkownika, rozważ umieszczenie wiadomości nad CTA w sposób, w jaki LinkedIn robi to poniżej. Stwierdza, że poprzez konwersję Użytkownik automatycznie wyraża zgodę.
buduj strony docelowe z Instapage ➔
jeśli absolutnie potrzebujesz wszystkich tych informacji, poproś o to w krokach
Spójrz, czasami naprawdę potrzebujesz dużo informacji, aby zarejestrować nowego użytkownika. Rejestracja, która wymaga płatności na miejscu, wymaga długich formularzy do przechwytywania poufnych informacji, takich jak adres rozliczeniowy i numer karty kredytowej. Gdy tak się stanie, rozważ rozbicie procesu rejestracji na wiele kroków.
z raportu firmy Formstack wynika, że w ubiegłym roku wielostronicowe formularze rejestracyjne przewyższały jednostronicowe o ponad 9%:
dlaczego?
wielostronicowe formularze sprawiają, że konwersja jest mniej przytłaczająca, dzieląc proces na kilka krótkich kroków. Więcej stron oznacza więcej miejsca na większe czcionki, dłuższe pola i opisowe etykiety, które mogą nie pasować do krótszego formularza. Dodatkowo, wielostronicowe rejestracje zwykle mają Wygodny pasek postępu, który pozwala użytkownikom wiedzieć, jak daleko są w rejestracji.
pamiętaj: jeśli możesz skrócić swój formularz, eliminując kilka pól, skróć go. Jeśli nie możesz, nie staraj się, aby wyglądało na krótsze, wciskając wszystko w niewielką ilość miejsca. Będziesz tylko zaśmiecać swoją stronę i przytłaczać swoją perspektywę.
rozważ użycie okna modalnego
dla osób z szybkim procesem rejestracji, takich jak Canva, okno modalne oferuje kilka korzyści.
projektant, Joshua Johnson, wyjaśnia dlaczego:
nakładają bieżącą zawartość zamiast przenosić Cię na inną stronę. W jakiś sposób jest to mniej niepokojące niż bycie wywiezionym w nowe miejsce, co wydaje się być przerwą. Przyciemniając grafikę strony głównej i wywołując formularz rejestracji znaku modalnego, masz poczucie, że proces będzie szybki i bezbolesny i że wrócisz do przeglądania w krótkim czasie.
w czasach, gdy Internauci są bardziej niecierpliwi niż kiedykolwiek, sprawianie im wrażenia, że natychmiast wrócą do przeglądania, jest świetną praktyką.
twórz strony docelowe za pomocą Instapage ➔
Włącz automatyczne wypełnianie społecznościowe
w prawie każdym poniższym przykładzie strony rejestracji zauważysz przyciski automatycznego wypełniania społecznościowe. Pozwalają one użytkownikom ominąć formularz za pomocą jednego kliknięcia, importując odpowiednie dane osobowe, które już przesłali do sieci społecznościowych.
Formstack odkrył, że dzięki włączeniu tej funkcji użytkownicy byli w stanie wygenerować 189% wyższe konwersje formularzy. Dodatkowo 86% osób twierdzi, że tworzenie nowych kont użytkowników na różnych stronach internetowych jest niewygodne. Kiedy twoim celem jest jak najłatwiejsze przekształcenie, skorzystanie z funkcji automatycznego wypełniania społecznościowego jest łatwe.
porzuć tekst zastępczy
aby przekonwertować, odwiedzający muszą wiedzieć, jak wypełnić formularz. Jednak używanie tekstu zastępczego nie jest najlepszym sposobem, aby je pokazać.
według Nielsen Norman Group, dodanie jasnoszarego tekstu do pól formularza ma potencjał do:
- obciąża pamięć krótkotrwałą użytkowników. Kiedy zaczynają pisać, a szary tekst znika, myślą sobie: „ile znaków musi mieć moje hasło?”
- spraw, aby Twoje pola formularza były niewidoczne. Puste pola formularza są w rzeczywistości bardziej widoczne dla potencjalnych klientów niż te z symbolami zastępczymi.
- irytuje użytkowników poprzez formularz. Ci, którzy szybko wypełnią formularz za pomocą przycisku „tab”, nie będą mieli czasu na przeczytanie wyjaśnionego tekstu zastępczego, zanim zniknie.
- zmylić odwiedzających. Mogą pomylić tekst zastępczy z informacjami, które zostały automatycznie wypełnione.
aby uniknąć nieporozumień, Dołącz Etykietę nad każdym polem, która dokładnie informuje odwiedzających, co powinni w niej uwzględnić. Tekst zastępczy tylko zwiększy tarcie na stronie rejestracji.
twórz strony docelowe za pomocą Instapage ➔
jak profesjonaliści budują strony rejestracji
teraz, gdy wiesz, co uwzględnić na stronie rejestracji, przyjrzyjmy się, jak profesjonaliści budują swoje.
ta strona rejestracji LinkedIn jest odmianą strony docelowej po kliknięciu. Jest samodzielny, co oznacza, że nie jest połączony ze stroną firmy za pomocą nawigacji-nawet w logo.
nad formularzem nagłówek może przynieść większe korzyści. Na nim cztery pola utrzymują niskie tarcie. Jednak dzięki połączeniu imion i nazwisk w jedno pole „pełna nazwa” tarcie to może być jeszcze mniejsze.
nad każdym polem tekstowym szary napis informuje potencjalnych klientów, co mają wpisać, a nad polem” hasło ” ta etykieta jest jeszcze bardziej szczegółowa. Jednak to pole „Hasło” nie jest zgodne z najlepszymi praktykami, wyświetlając identyczne punktory dla każdej litery typu perspektywy.
dodatkowy szary napis pod polem ostatniego formularza informuje odwiedzających, że klikając „Dołącz teraz”, zgadzają się z Umową Użytkownika LinkedIn, Polityką Prywatności i Polityką Plików cookie. To oszczędza perspektywę dodatkowy krok konieczności kliknięcia pola opt-in, aby wyrazić zgodę.
w wezwaniu do działania słowo „teraz” podkreśla, że gdy użytkownik kliknie przycisk CTA, natychmiast staje się częścią sieci. Jeśli chodzi o sam przycisk, może wyskoczyć trochę bardziej, nie sądzisz? Inny kolor tła lub przycisku może zwrócić większą uwagę na to, gdzie użytkownik musi kliknąć, aby dołączyć.
poniżej przycisk „Kontynuuj z Facebookiem” usprawnia cały proces. Jeśli masz profil w największej na świecie sieci społecznościowej, kliknij ten przycisk, aby automatycznie wypełnić formularz za Ciebie, korzystając z danych, które już udostępniłeś Facebookowi.
Copyblogger
oto strona rejestracji, która jest czymś więcej niż tylko formularzem. Pierwszą rzeczą, którą potencjalni klienci mogą zauważyć, jest ten gigantyczny, wypełniony socjalnie nagłówek. Przetłumaczone, mówi, ” jeśli jesteśmy wystarczająco dobre dla 334,000 marketerów, jesteśmy wystarczająco dobre dla Ciebie zbyt.”
wykorzystuje również zjawisko powszechnie znane jako „FOMO”, co oznacza ” strach przed utratą.”Nikt nie chce przegapić przewagi, jaką ma 334 000 swoich rówieśników z branży.
pod spodem podgląd wszystkich darmowych cennych treści, które potencjalni klienci otrzymują po rejestracji, kusi ich do wypełnienia tego formularza. Jednak sama forma mogłaby być lepiej zaprojektowana.
eliminując pole „Wprowadź ponownie hasło” i kondensując imię i nazwisko w „imię i nazwisko”, Copyblogger może zmniejszyć liczbę pól tekstowych z 5 do 3, a co za tym idzie, ilość tarć związanych z rejestracją. Zamiast tego pola „Wprowadź ponownie hasło” można użyć opcji Pokaż/ukryj, aby zapewnić dokładność podczas wprowadzania hasła.
aby jeszcze bardziej zmniejszyć tarcie, etykiety w każdym polu powinny być umieszczone powyżej. W tej chwili szary napis znika, gdy potencjalni klienci klikną w pole tekstowe, co ułatwia im zapominanie, co pisali.
Ogólnie rzecz biorąc, podczas gdy kilka braków w formularzu i kilka linków wychodzących może zaszkodzić konwersji na tej stronie rejestracji, Darmowa treść Copybloggera jest zbyt cenna, aby ją przepuścić.
Crazy Egg
po pierwsze, firma nazywająca się „liderem” w swojej branży jest jak kawiarnia nazywająca swoją kawę najlepszą na świecie. Jest wielu, którzy to mówią, ale niewielu może to udowodnić. Zamiast nazywać siebie najlepszym, Utwórz kopię zapasową swojego roszczenia statystyką lub cytując znanego klienta, który uważa, że jesteś.
pod tym nagłówkiem znajduje się obraz, który przedstawia wgląd, który zyskujesz, gdy używasz Crazy Egg, a po prawej stronie obrazu trzy linie kopii wyjaśniają, czym jest ten wgląd wraz z tym, co możesz z nim zrobić.
w tej super krótkiej formie tarcie jest minimalne. Nagłówek podkreśla, że proces jest bezpłatny, przycisk wyskakuje na białym tle, a wezwanie do działania jest napisane w pierwszej osobie. W tej chwili jedyną rzeczą, która chroni ten formularz przed bólem, jest rozpraszający szary tekst zastępczy w każdym polu.
poniżej dowód społeczny w postaci rozpoznawalnych logo klienta i tekstu „ponad 200 000 firm konwertuje lepiej z Crazy Egg” zwiększa przekonywalność tej strony rejestracji.
w sumie ta strona sprawia, że konwersja jest łatwa dla odwiedzających.
twórz strony docelowe za pomocą Instapage ➔
Bufor
po kliknięciu przycisku „Zarejestruj się za darmo” zadzwoń do akcji w buforze.com, Strona główna przekształca się w stronę rejestracji, wdrażając krótki wyskakujący formularz i zaciemniając otaczającą treść.
w tym wyskakującym okienku proces konwersji jest prosty-kliknij jeden z trzech przycisków logowania społecznościowego, aby ominąć formularz, lub wprowadź adres e — mail i hasło. Tak czy inaczej, tarcie jest minimalne. Jedynym sposobem, aby ten formularz mógł być łatwiejszy do wypełnienia? Pozbądź się rozpraszającego tekstu zastępczego.
Asana
zarejestrowanie się na tej stronie z asany zajmuje co najwyżej dwa kliknięcia. Dzięki funkcji logowania Google może to zająć tak niewiele, jak jeden.
zdanie powyżej formularza mówi ci, jak wypełnić formularz, nawet do którego maila powinieneś się zarejestrować.
bezpośrednio poniżej tego pola formularza wypełnionego szarym tekstem zastępczym rozprasza użytkownika. Ale czy zniechęci to ludzi do zapisywania się? Raczej nie. Formularz ten jest prawie beztarciowy i łatwy do wypełnienia.
Rozpocznij tworzenie zoptymalizowanej strony rejestracji za pomocą Instapage, poproś o demo Instapage Enterprise już dziś.