Testování formulářů: vyhrává méně polí
Složitost polí způsobuje opuštění formuláře
Víc polí znamená víc tření. Každé pole je důvod odejít. Studie ukazují, že opouštění formuláře roste s každým dalším polem. Jedno pole má opouštění téměř nulové. Pět polí má třicet procent opuštění. Deset polí má padesát procent opuštění.
Začněte minimálním funkčním formulářem. Jen pole, která naprosto potřebujete. Zkoušejte pole odebírat dřív, než je začnete přidávat.
Která pole zkusit odstranit
Nejdřív odstraňte volitelná pole. Telefon, když stačí e-mail. Adresu webu, když je nepodstatná. PSČ, když stačí země.
Odstraňte pole, která duplikují informace, které už máte jinde. Když znáte doménu e-mailu, neptejte se na firmu. Když je formulář v pokladně, neptejte se na telefon, pokud ho máte u objednávky.
Zkoušejte odstranit vždy jedno pole. Pokud odstranění telefonu zvýší počet odeslání o pět procent, nechte ho pryč. Zkuste odstranit další pole.
Na pořadí polí záleží
Návštěvníci čtou formulář shora dolů. Těžší pole nahoře způsobují brzké opuštění. Dejte dopředu jednoduchá pole. E-mail před firmou. Jméno před telefonem.
Podmíněná pole se testují dobře. "Máte firmu?" Pokud ano, zobrazte pole pro firmu. Pokud ne, přeskočte ho. Zkrátí to formulář a zvýší počet dokončených.
Testování typů polí formuláře
Rozbalovací seznamy versus textová pole
Rozbalovací seznamy pro známé možnosti. Seznam zemí. Seznam států. Známé kategorie.
Textová pole pro otevřené odpovědi. Jméno. E-mail. Vlastní zadání.
Zkoušejte, jak možnosti zobrazit. Rozbalovací seznam s padesáti zeměmi versus jedno textové pole s nápisem "Zadejte zemi." Rozbalovací seznam je pro uživatele rychlejší, pokud je seznam krátký. Textové pole je rychlejší, pokud je seznam dlouhý.
Jednostránkový versus vícekrokový formulář
Jeden dlouhý formulář působí zahlcujícím dojmem. Ukáže všechna pole najednou.
Vícekrokový formulář ukazuje tři pole na krok. Působí kratší. Je méně odstrašující. Návštěvníci ho dokončí spíš.
Porovnejte jeden pětipolový formulář s třemi kroky po dvou, dvou a jednom poli. Vícekrokový formulář obvykle vyhrává v dokončení, ale stojí opuštění mezi kroky. Měřte úplné dokončení, ne dokončení jednotlivých kroků.
Zástupný text versus popisky
Zástupný text uvnitř pole. Když návštěvník začne psát, zástupný text zmizí. Pole vypadá prázdně.
Popisek nad polem. Zůstává viditelný. Návštěvník vždy ví, co je to za pole.
Porovnejte jen zástupný text s popiskem nad polem. Popisky vyhrávají v dokončení. Samotný zástupný text mate návštěvníky u polí, která přeskočí.
Testování rozvržení stránky a vizuální hierarchie
Umístění nad ohybem
Nad ohybem je část, kterou návštěvníci vidí bez posouvání. Přesunutí klíčového obsahu nad ohyb zvyšuje zapojení.
Zkuste přesunout tlačítko výzvy k akci nad ohyb versus doprostřed stránky. Zkuste přesunout hlavní nadpis výš. Zkuste přesunout formulář na začátek stránky.
Návštěvníci, kteří vidí CTA bez posouvání, kliknou spíš. Návštěvníci, kteří musí scrollovat, často odejdou dřív, než k tlačítku dojdou.
Přeuspořádání obsahu a tok stránky
Typický tok stránky: nadpis, podnadpis, problém, řešení, funkce, CTA, formulář.
Alternativa: nadpis, formulář, reference, další funkce, CTA.
Zkuste zobrazit formulář před referencemi versus po nich. U B2B obvykle funguje formulář dříve. B2C potřebuje nejdřív víc důkazů. Testujte na svém publiku.
Zkoušejte polohu obrázku. Hlavní obrázek nad nadpisem versus vedle něj. Testy ukazují, že vedle sebe někdy vyhrává. Záleží na kvalitě obrázku a síle nadpisu.
Vizuální designové prvky
Barva tlačítka ovlivňuje kliknutí. Červené tlačítko versus modré versus zelené. Testujte proti současnému.
Bílý prostor ovlivňuje čitelnost. Přeplněná stránka versus vzdušná. Vzdušná obvykle vyhrává u prémiových produktů. Přeplněná vyhrává u slev a naléhavosti.
Zkuste zarovnání textu. Text na střed působí formálně. Text zarovnaný vlevo působí přirozeně a čte se dobře.
Testování umístění sociálního důkazu
Umístění referencí
Reference nad ohybem versus pod ohybem. Reference budují důvěru. Reference před formulářem zvyšují počet dokončených formulářů.
Zkuste reference vedle formuláře versus reference v jiné sekci. Záleží na blízkosti k CTA.
Signály důvěry
Zkuste zobrazit loga zákazníků. Zkuste zobrazit počet recenzí. Zkuste zobrazit odznaky ocenění. Zkuste zobrazit prohlášení o záruce vrácení peněz.
Každý z nich přidává důvěryhodnost. Zkoušejte polohu: nad CTA zvyšuje důvěru před závazkem. Pod CTA uklidňuje po závazku.
Testování formulářů a rozvržení speciálně pro mobily
Délka formuláře na mobilu
Mobilní uživatelé jsou netrpěliví. Dlouhé formuláře na mobilu se dokončují o dvacet procent hůř než na počítači.
Zkuste na mobilu agresivnější odebírání polí. Na počítači pět polí. Na mobilu tři pole. Zkuste na mobilu pole podmíněně skrývat.
Typy vstupu na mobilu
Číselné pole otevře číselnou klávesnici. E-mailové pole otevře e-mailovou klávesnici. Telefonní pole otevře číselnou klávesnici s plusem.
Zkuste správné typy vstupu. Špatný typ ztěžuje psaní. Správný typ psaní zrychluje.
Směr rozvržení na mobilu
Počítač: v levém sloupci nadpis a formulář. V pravém sloupci obrázek.
Mobil: nadpis, obrázek, formulář. Svislé skládání. Na pořadí skládání záleží. Zkuste obrázek před formulářem versus formulář před obrázkem.
Často kladené otázky
Když odstraním pole a získám víc odeslání, ale kontakty jsou méně kvalitní, mám ho i tak odstranit?
Změřte dopad na kvalitu kontaktů. Pokud získáte o třicet procent víc odeslání, ale o třicet procent nižší konverzi, vyjdete na nule. Ale máte o třicet procent víc rozhovorů se zájemci. Víc rozhovorů obvykle z dlouhodobého hlediska vyhrává. Test nechte běžet měsíc. Počítejte celkové konverze, ne jen podíl odeslání. Záleží na kvalitě i množství. Někdy vyhrává víc rozhovorů i při nižších individuálních konverzích. S Tvůrcem webů WEMASY to nastavíte přímo na svém webu.
Jak mám testovat pole formuláře, když je můj formulář vložený na více stránkách pokaždé jinak?
Nejdřív testujte na stránce s formulářem s nejvyšší návštěvností. Obvykle je to úvodní stránka nebo stránka produktu. Až najdete vítěznou variantu na stránce s vysokou návštěvností, zavedete ji všude. Pak testujte na vedlejších stránkách, pokud to návštěvnost dovolí. Na jedné stránce vždy jen jeden test, aby nebylo jasné, co změnu způsobilo.
Je vícekrokový formulář vždy lepší než jednostránkový, pokud jde o dokončení?
Ne vždy. Vícekrokový formulář snižuje opuštění v rámci kroku, ale přidává opuštění mezi kroky. Někdo skončí mezi kroky. Vyzkoušejte oba. Měřte celkovou míru dokončení od začátku do posledního kroku, ne dokončení po jednotlivých krocích. Jednokrokový obvykle vyhrává do tří polí. Vícekrokový vyhrává nad pět polí. Tři až pět polí je sázka na štěstí. Testujte na svém publiku.
Mám testovat odstranění povinného pole, nebo změnu toho, která pole jsou povinná?
Pokud je pole povinné, zkuste ho nejdřív udělat nepovinným, než ho úplně odstraníte. Nepovinné pole někteří návštěvníci přeskočí. Data od těch, kdo ho vyplní, ale stále získáte. To je lepší než je ztratit od všech. Pokud většina návštěvníků nepovinné pole přeskakuje, pak ho odstraňte.
Uškodí přesunutí formuláře nad ohyb SEO stránky?
Ne. Umístění nad ohybem nemá žádnou SEO penalizaci. Google zajímá kvalita a relevance obsahu, ne rozvržení. Přesunutí formuláře nad ohyb zlepšuje uživatelský zážitek, zlepšuje konverze i obchodní metriky. Dopad na SEO je pozitivní nebo neutrální. Udělejte to.
Jak testovat změny formuláře na stránce s více formuláři?
Testujte vždy jeden formulář. Různé formuláře konvertují z různých důvodů. Kontaktní formulář má jiný optimální design než přihlášení k newsletteru. Testování obou současně zmate výsledky. Zjistěte, který formulář přináší větší hodnotu. Otestujte nejdřív ten. Změňte ho. Pak testujte další formulář.