Odwiedzający trafia na Twój formularz i widzi pole z etykietą „Organizacja". O co chodzi? O nazwę firmy? Wielkość firmy? Coś innego? Nie wie, więc się waha, zgaduje źle, a potem rezygnuje po napotkaniu błędu.
To niewidoczne tarcie źle napisanych tekstów w formularzach. Formularz może mieć idealną liczbę pól i piękny wygląd, ale słabe etykiety i niejasne instrukcje zabijają konwersję. Ten artykuł pokazuje dokładnie, jak pisać etykiety pól, podpowiedzi i teksty przycisków, które popychają odwiedzających do przodu, zamiast ich zatrzymywać.
Dlaczego tekst formularza to dźwignia konwersji, którą większość marek ignoruje
Każde słowo w formularzu ma jedno zadanie: usunąć niejasność albo zbudować zaufanie. Większość formularzy nie robi żadnego z tych dwóch. Dziedziczą etykiety po polach bazy danych, na których są oparte. „Adres rozliczeniowy". „Wielkość firmy". „Metoda kontaktu". Takie teksty czyta maszyna, nie człowiek.
Gdy odwiedzający nie rozumie, o co go prosisz, ma trzy wyjścia. Zgaduje. Wychodzi. Albo coś wpisuje, klika wyślij i zostaje odrzucony przez Twoją walidację. Wszystkie trzy obniżają współczynnik konwersji. Niejasne etykiety i mylące instrukcje należą wręcz do głównych powodów, dla których odwiedzający porzucają formularze przed ich ukończeniem.
Rachunek jest brutalny. Jedno z badań Baymard Institute wykazało, że konkretny tekst przycisku skupiony na rezultacie zwiększył konwersję nawet o 25% w porównaniu z ogólnym przyciskiem „Wyślij". To różnica między formularzem konwertującym na poziomie 5% a formularzem z wynikiem 6,25%, bez żadnego dodatkowego kosztu ruchu. Same lepsze słowa.
Siła konkretu w etykietach pól
Etykieta powinna odpowiadać odwiedzającemu na jedno pytanie: „Jakiej dokładnie informacji chce to pole?" Nie mniej więcej. Dokładnie.
Weźmy prosty przykład. Większość formularzy pyta o „Nazwę". Ale o którą? Imię i nazwisko razem? Samo imię? Pełne imię i nazwisko z dokumentu?
ŹLE: Nazwa
DOBRZE: Twoje imię i nazwisko
Albo jeszcze lepiej, jeśli potrzebujesz imienia i nazwiska osobno:
DOBRZE: Imię | Nazwisko (jako osobne pola)
Inny przykład. Formularz pyta o „Telefon". Na pierwszy rzut oka to jasne. Ale odwiedzający myślą: czy podać numer kierunkowy kraju? Czy użyć nawiasów? Myślników? Spacji? Nie wiedzą, więc zgadują albo pomijają pole.
ŹLE: Telefon
DOBRZE: Numer telefonu (format: 555-123-4567)
To działa, bo eliminuje zgadywanie. Odwiedzający wie dokładnie, czego chcesz i jaki format przyjmujesz. Bez wahania. Bez komunikatu o błędzie. Bez rezygnacji.
Ta zasada działa dla każdego typu pola. Zamiast ogólnych etykiet używaj konkretnych:
ŹLE: E-mail
DOBRZE: Adres e-mail (na który wyślemy potwierdzenia)
ŹLE: Strona
DOBRZE: Strona internetowa Twojej firmy (opcjonalnie)
ŹLE: Opisz swój projekt
DOBRZE: Napisz, czego potrzebujesz (maks. 250 znaków)
Zwróć uwagę na ostatni przykład. Limit znaków usuwa kolejne źródło niejasności. Odwiedzający wie, że nie napisze powieści. Zna granicę. Wypełnia do tej granicy i idzie dalej.
Wymagane czy opcjonalne: oznaczaj to jasno
Odwiedzający chcą znać koszt wysłania Twojego formularza. Jeśli pole jest wymagane, muszą to wiedzieć, zanim zaczną. Jeśli jest opcjonalne, muszą wiedzieć, że mogą je pominąć. Jasność co do pól wymaganych i opcjonalnych to jeden z najważniejszych czynników zmniejszania tarcia w formularzu. Im mniej niejasności, tym rzadziej odwiedzający się wahają i rezygnują.
Dawny wzorzec to malutka czerwona gwiazdka przy polach wymaganych. To zawodzi, bo wielu odwiedzających jej nie zauważa, nie rozumie, co oznacza, albo bierze ją za element dekoracyjny.
ŹLE: E-mail *
DOBRZE: Adres e-mail (wymagane)
Albo, jeśli większość pól jest wymagana, a tylko kilka opcjonalnych, odwróć wzorzec:
DOBRZE: Strona internetowa (opcjonalnie)
Jawne oznaczenie zmniejsza obciążenie poznawcze. Odwiedzający przegląda formularz, widzi, które pola musi wypełnić, i może w głowie zaplanować wysiłek. Samo to zmniejsza liczbę rezygnacji.
Podpowiedzi: ukryty perswader
Podpowiedź to krótka instrukcja lub wyjaśnienie pod polem albo w jego wnętrzu. Służy dwóm celom. Po pierwsze, wyjaśnia, o co pyta pole. Po drugie, uspokaja odwiedzającego, że podanie informacji jest bezpieczne i ma sens.
Większość formularzy w ogóle pomija podpowiedzi. Cały ciężar spada na etykietę pola. A podpowiedź to miejsce, w którym budujesz zaufanie i jednocześnie zmniejszasz tarcie.
Przykład 1: formularz prosi o numer telefonu. Odwiedzający myśli: po co? Zadzwonią do mnie? Jak często? Będą mnie zasypywać telefonami? Króciutka podpowiedź odpowiada na to:
ETYKIETA: Numer telefonu
PODPOWIEDŹ: Dzwonimy tylko wtedy, gdy wyraźnie poprosisz o oddzwonienie. Maksymalnie jeden telefon.
Ta jedna linijka usuwa obawę. Odwiedzający zna granicę. Chętniej poda swój numer.
Przykład 2: formularz prosi o nazwę firmy. Odwiedzający się waha. Czy to tylko dla właścicieli firm? A jeśli pracuje jako freelancer? Czy „firma" oznacza spółkę, czy każdą działalność?
ETYKIETA: Nazwa Twojej firmy lub marki
PODPOWIEDŹ: Wpisz, jak nazywasz swoją działalność. Freelancerzy, konsultanci i jednoosobowe firmy mogą po prostu wpisać swoje imię i nazwisko albo nazwę działalności.
Znów kilka słów jasności usuwa barierę.
Najlepsza podpowiedź robi trzy rzeczy.
1. Wyjaśnia niejasności. Tłumaczy, co rozumiesz przez dany termin.
2. Pokazuje, dlaczego pytasz. Pomaga odwiedzającemu zrozumieć cel.
3. Usuwa obawy. Uspokaja, że informacje można bezpiecznie podać.
Umieść podpowiedź bezpośrednio pod etykietą albo wewnątrz pola jako tekst zastępczy (placeholder). Nie używaj ikon z dymkami, które wymagają najechania lub kliknięcia. Odwiedzający działają szybko i nie szukają ukrytej pomocy. Spraw, by podpowiedź była widoczna.
Tekst przycisku, który popycha ludzi do przodu
Przycisk wysyłania to ostateczne wezwanie do działania. Jego tekst decyduje, czy odwiedzający kliknie, czy wyjdzie.
„Wyślij" zawodzi, bo jest ogólne. Odwiedzający mógłby „wysłać" cokolwiek. Nie daje poczucia rezultatu. Czy dostanie wycenę? E-mail z potwierdzeniem? Telefon od sprzedawcy?
ŹLE: Wyślij
Tekst przycisku opisujący konkretne działanie konwertuje znacznie lepiej, bo mówi odwiedzającemu dokładnie, co stanie się dalej. Jeśli ktoś wypełnia formularz z prośbą o demo, powinien zobaczyć:
DOBRZE: Chcę zobaczyć demo
Nie „Wyślij zapytanie o demo". To zbyt bierne. Odwiedzający prosi o demo. To on jest działającym. Ujmij to w ten sposób.
Więcej przykładów:
Dla formularza z prośbą o wycenę: Chcę dostać wycenę (nie „Wyślij")
Dla rejestracji do darmowego okresu próbnego: Zaczynam darmowy okres próbny (nie „Wyślij")
Dla formularza kontaktowego: Wyślij wiadomość (nie „Wyślij formularz")
Dla aplikacji o pracę: Aplikuj teraz (nie „Wyślij zgłoszenie")
Dla prośby o konsultację: Umów rozmowę (nie „Wyślij")
Wzorzec jest taki: czasownik + rezultat, najlepiej z perspektywy odwiedzającego. „Chcę...", „Zaczynam...", „Umów...". Dzięki temu to odwiedzający jest podmiotem, a działanie dopełnieniem. Coś robi, a nie wysyła dane w próżnię.
Jeszcze jedna zasada: tekst przycisku powinien odpowiadać temu, co formularz faktycznie daje. Jeśli ktoś wypełnia formularz i od razu dostaje e-mail z potwierdzeniem, przycisk może brzmieć „Wyślij mi potwierdzenie". Jeśli odpowiedź przychodzi z opóźnieniem, napisz „Poproś o oddzwonienie". Dopasuj przycisk do tego, co naprawdę dzieje się dalej. Ta szczerość co do kolejnych kroków buduje zaufanie i utrzymuje współczynnik konwersji formularza wyżej niż ogólne przyciski „Wyślij".
Mikrodecyzje: pola opcjonalne i tekst dodatkowy
Formularz to tysiące drobnych decyzji podejmowanych przez odwiedzającego. Niektóre są oczywiste. Inne kryją się na marginesach.
Gdy oznaczysz pole jako opcjonalne, część odwiedzających i tak je pomija, choć mogłaby je wypełnić. Dlaczego? Bo „opcjonalne" zapisało się w ich głowie jako „nieważne". Tak powiedział formularz.
Jeśli pole opcjonalne naprawdę Ci pomaga (a powinno, bo po co pytać), dodaj krótką notkę, która zachęci odwiedzającego do jego wypełnienia:
Strona internetowa (opcjonalnie)
Podpowiedź: Dzięki temu lepiej zrozumiemy Twoją obecną obecność w sieci i damy trafniejsze rekomendacje.
Teraz „opcjonalne" nie znaczy „pomiń to". Znaczy „wypełnij, jeśli chcesz, żebyśmy zrobili to lepiej". Odsetek wypełnień pól opcjonalnych rośnie, gdy wyjaśnisz, dlaczego mają znaczenie.
To samo dotyczy tekstu dodatkowego w okolicy całego formularza. Jeśli formularz dotyczy drażliwego tematu, przejrzystość co do tego, co stanie się dalej, zwiększa zaufanie:
„Przejrzymy Twoje zgłoszenie i odezwiemy się w ciągu 2 dni roboczych."
„Dane płatnicze są szyfrowane za pomocą SSL i nigdy nie są przechowywane na naszych serwerach."
„Wysyłamy cotygodniowe podsumowanie, nic więcej. Możesz się wypisać w dowolnej chwili."
Te linijki nie są dokładnie tekstem formularza, ale znajdują się obok niego i wpływają na to, czy ktoś zacznie go wypełniać. Pisz je z taką samą jasnością i konkretem jak etykiety.
Pułapka języka: żargon kontra jasność
Formularze dziedziczą żargon po stronie biznesowej. System CRM może nazwać coś „identyfikatorem potencjalnego klienta". Twój formularz powinien nazwać to „Twoim numerem klienta".
Przejrzyj formularz pod kątem słów, które brzmią jak ze schematu bazy danych, a nie z rozmowy:
ŹLE: Adres rozliczeniowy | Metodologia kontaktu | Organizacja | Nazwa zgłaszającego
DOBRZE: Dokąd wysłać fakturę? | Jak wolisz, żebyśmy się z Tobą skontaktowali? | Twoja firma | Twoje imię i nazwisko
Drugi zestaw brzmi, jakby człowiek pisał do człowieka. Pierwszy brzmi jak formularz. Zgadnij, który ma wyższy odsetek wypełnień.
Jeden wyjątek: jeśli Twoi odbiorcy używają żargonu, używaj go też. Jeśli sprzedajesz oprogramowanie dla firm dyrektorom IT, mogą lepiej rozpoznawać „dostęp do punktu końcowego API" niż „sposób połączenia z naszym systemem". Znaj swoich odbiorców i dopasuj się do ich poziomu.
Komunikaty o błędach jako druga szansa, a nie kara
Gdy odwiedzający wyśle nieprawidłowe dane, formularz je odrzuca. W tym miejscu większość formularzy wymierza karę. „Nieprawidłowe dane." „Błąd." „To nie pasuje do naszego formatu."
To błąd. Komunikat o błędzie nie jest karą. To druga szansa. Przedstaw go tak.
ŹLE: Nieprawidłowy adres e-mail
DOBRZE: Potrzebujemy poprawnego adresu e-mail. (Przykład: imie@firma.pl)
ŹLE: Numer telefonu nie pasuje do formatu
DOBRZE: Wpisz numer telefonu w formacie 555-123-4567.
Druga wersja mówi odwiedzającemu dokładnie, co poszło nie tak i jak to naprawić. Nie jest zdezorientowany ani sfrustrowany. Poprawia i idzie dalej.
Co ważniejsze, konkretne komunikaty o błędach zmniejszają liczbę kolejnych błędów. Kto zobaczy „Wpisz numer telefonu w formacie 555-123-4567", wie, że nie powinien wpisywać liter ani zbędnych znaków. W kolejnym polu wypełni je poprawnie za pierwszym razem.
Testowanie tekstów formularza: co działa na Twoich odbiorców
Tekst formularza, który konwertuje dla jednej grupy odbiorców, może nie zadziałać na inną. Kupujący z dużych firm oczekują innego języka niż założyciele startupów. Pacjenci oczekują innego tonu niż kupujący w sklepie internetowym.
Jedyny sposób, by wiedzieć, co działa, to testowanie. Ustaw testy A/B tekstów formularza:
Test 1: ogólny a konkretny tekst przycisku
Wersja A: „Wyślij" | Wersja B: „Chcę darmowy okres próbny"
Test 2: obecność podpowiedzi
Wersja A: tylko etykieta | Wersja B: etykieta + podpowiedź wyjaśniająca, dlaczego potrzebujesz informacji
Test 3: oznaczenia pól wymaganych
Wersja A: czerwona gwiazdka | Wersja B: „(wymagane)" zwykłym tekstem
Test 4: ton i terminologia
Wersja A: język formalny („Prosimy o podanie danych kontaktowych") | Wersja B: język rozmowny („Jak najlepiej się z Tobą skontaktować?")
Prowadź te testy co najmniej dwa tygodnie przy porównywalnym ruchu. Śledź odsetek wypełnień formularza. Zwycięzca staje się nową bazą i jest testowany z kolejnym wariantem.
Najważniejsze: dowiesz się, na co reagują Twoi konkretni odbiorcy. Może się okazać, że uwielbiają konkretny tekst przycisku, ale podpowiedzi są im obojętne. Albo odwrotnie. Pozwól, by dane kierowały Twoimi decyzjami o tekstach.
Dostępność a teksty formularza
Jasny tekst formularza to także tekst dostępny. Gdy etykiety są konkretne, a podpowiedzi widoczne, korzystają wszyscy. Dotyczy to też osób korzystających z technologii wspomagających, ale jasność ma znaczenie dla wszystkich odwiedzających.
Kilka konkretnych praktyk ma jednak znaczenie dla dostępności:
Każde pole formularza musi mieć etykietę. Nie tekst zastępczy. Nie ikonę. Prawdziwą etykietę powiązaną z polem w kodzie HTML. Czytniki ekranu odczytują etykiety na głos, dzięki czemu użytkownicy wiedzą, do czego służy każde pole.
Tekst zastępczy znika, gdy tylko ktoś zacznie pisać. Nie może być Twoją jedyną instrukcją. Użyj go do pokazania przykładu, ale zawsze łącz go z widoczną etykietą.
Nie oznaczaj pól wymaganych samym kolorem. Czerwona gwiazdka nic nie znaczy dla osoby z zaburzeniami widzenia barw ani dla kogoś, kto korzysta z czytnika ekranu. Użyj słowa „wymagane" zwykłym tekstem.
Komunikaty o błędach powinny być powiązane z polem, które je wywołało. Gdy wysłanie formularza się nie uda, komunikat powinien pojawić się przy problemie, a nie w ogólnym oknie na górze strony.
Częste błędy w tekstach formularzy
Błąd 1: tekst zastępczy zamiast etykiety
Zdarzają się formularze, w których pole nie ma etykiety, tylko tekst zastępczy w rodzaju „Wpisz tutaj swój e-mail". Gdy tylko ktoś zacznie pisać, instrukcja znika i nie wiadomo, co się wypełnia. Zawsze używaj prawdziwej etykiety nad polem lub obok niego.
Błąd 2: zadawanie tego samego pytania dwa razy
Niektóre formularze pytają o „E-mail", a potem o „Potwierdź e-mail". Oba pola są potrzebne dla bezpieczeństwa, ale druga etykieta powinna coś wyjaśniać. Nie „Potwierdź e-mail", tylko „Potwierdź swój adres e-mail (musi być taki sam jak wyżej)".
Błąd 3: niejasne instrukcje bez przykładów
Pole mówi „Data urodzenia". Czy w formacie MM/DD/RRRR? DD/MM/RRRR? Sam rok? Dodaj przykład: „Data urodzenia (DD/MM/RRRR)".
Błąd 4: podpowiedź wyjaśnia powód biznesowy zamiast korzyści dla użytkownika
ŹLE: „Dzięki temu segmentujemy naszą bazę klientów." (Nikogo to nie obchodzi.)
DOBRZE: „Dzięki temu damy Ci rekomendacje dopasowane do Twojego poziomu doświadczenia." (Korzyść dla użytkownika.)
Błąd 5: niespójna terminologia
Jedno pole mówi „Nazwa firmy". Inne „Firma". Jeszcze inne „Organizacja". Wybierz jeden termin i używaj go w całym formularzu. Spójność usuwa zamieszanie.
Jak teksty formularza wpisują się w Twoją ogólną strategię
Tekst formularza to tylko jedna z dźwigni w pełnej strategii optymalizacji konwersji. Działa najlepiej w połączeniu z przemyślanymi zasadami projektowania formularzy, odpowiednią długością formularza i czytelną hierarchią wizualną. Ale to właśnie w tekstach formularzy często kryją się największe zyski, bo większość marek całkowicie je zaniedbuje. Marki, które dopracowują każde słowo, zyskują nieproporcjonalną przewagę w odsetku wypełnień.
Jak WEMASY pomaga pisać teksty formularzy, które konwertują
Kreator formularzy WEMASY daje Ci pełną kontrolę nad każdym tekstem: etykietami pól, podpowiedziami, tekstem przycisków, komunikatami o błędach i tekstem potwierdzenia. Możesz napisać dokładnie to, czego potrzebujesz, bez martwienia się o ograniczenia techniczne. Kreator formularzy zawiera też elastyczną walidację, więc możesz powiedzieć odwiedzającym dokładnie, jakiego formatu potrzebujesz, zamiast tajemniczo odrzucać ich dane. Widzisz, w których polach jest najwięcej błędów i które przyciski klikane są najczęściej, więc możesz dopracowywać teksty na podstawie prawdziwych danych.
Zobacz, jak działają formularze WEMASY, sprawdzając funkcje formularzy dostępne w każdym pakiecie.
Twoja lista kontrolna tekstów formularza
Zanim opublikujesz formularz, przejrzyj każdą etykietę, każdą podpowiedź i każdy przycisk:
1. Czy każda etykieta odpowiada, jakiej dokładnie informacji chce pole? (Nie mniej więcej. Dokładnie.)
2. Czy pola wymagane są wyraźnie oznaczone jako „(wymagane)"? Czy pola opcjonalne są oznaczone jako „(opcjonalnie)", jeśli to pomaga?
3. Czy każde pole opcjonalne, które wymaga wyjaśnienia, ma podpowiedź tłumaczącą, dlaczego ma znaczenie?
4. Czy tekst przycisku opisuje konkretne działanie i skupia się na rezultacie? (Nie „Wyślij".)
5. Czy są terminy żargonowe, których typowy odwiedzający nie zrozumie? (Zastąp je prostym językiem.)
6. Czy komunikaty o błędach mówią odwiedzającemu, co poszło nie tak i jak to naprawić?
7. Czy podpowiedź jest widoczna bez konieczności najeżdżania lub klikania?
8. Czy formularz używa tej samej terminologii w całości? (Bez mieszania „biznesu", „firmy" i „organizacji".)
9. Czy przetestowano różne warianty tekstów, aby zobaczyć, na co reagują Twoi odbiorcy?
10. Czy ktoś bez żadnej wiedzy o Twojej firmie zrozumie, czego chce każde pole i dlaczego?