Každé pole, které do formuláře přidáte, je rozhodnutí. Výzkumy ukazují, že každé další povinné pole sníží míru dokončení o 10 až 15 %. Žádat méně údajů ale také znamená, že jich získáte méně. Klíčem ke zvýšení konverzí není pole úplně odstraňovat. Je to strategicky vybrat, která pole označíte jako povinná, která jako nepovinná a která skryjete, dokud nebudou relevantní.
Co povinná pole opravdu dělají s konverzním poměrem
Když někdo přistane na vašem formuláři, projde ho očima během několika sekund. Ne slovo po slovu. Všímá si, kolik je polí, kolik bude muset scrollovat a jestli jsou požadavky přiměřené.
Povinná pole vysílají signál. Každé říká „potřebuji to od vás“. Dvě nebo tři povinná pole působí zvladatelně. Sedm povinných polí působí jako přihláška do práce. Rozdíl v míře odchodů není malý.
Vezměte jakoukoli pokladnu e-shopu a uvidíte to v praxi. Pokud je pole pro PSČ označeno jako nepovinné, ale doručovací adresa jako povinná, zákazníci zůstanou. Pokud jsou obě povinná a nejsou jasně označená, počet opuštěných košíků vyskočí. Psychologie je jednoduchá. Nejistí návštěvníci odcházejí.
Pravidlo označení menšiny: kdy označit povinná a kdy nepovinná pole
Většina formulářů je nevyvážená. Kontaktní formulář může mít pět povinných polí a jedno nepovinné. Registrační formulář může mít osm povinných polí a dvě nepovinná. V těchto případech označování každého povinného pole plýtvá místem a mentální kapacitou.
Lepší přístup je označit jen menšinu. Pokud je 80 % vašich polí povinných, označte jen ta nepovinná slovem „(nepovinné)“ vedle popisku. Neoznačená pole se budou považovat za povinná. Tím se sníží vizuální nepořádek a formulář působí kratší.
Na druhou stranu se podívejte na složité formuláře, kde jsou povinná pole rozptýlená všude. Žádosti o pojištění, formuláře k půjčkám a vícestránkové průzkumy často mají povinná a nepovinná pole promíchaná. Když k tomu dojde, označte obojí. Použijte hvězdičku (*) pro povinná pole a „(nepovinné)“ pro nepovinná. Jasné označení je lepší než předpokládané konvence.
Pravidlo je přímočaré. Označte menšinu, ať je jakákoli.
Jak označit povinná pole, aby si jich lidé opravdu všimli
Samotná hvězdička nestačí. Uživatelé čteček obrazovky hvězdičku neuslyší. Lidé, kteří nejsou rodilými mluvčími angličtiny, nemusí tuto konvenci znát. Uživatelé, kteří rychle scrollují, mohou malý symbol úplně přehlédnout.
Řešením je vrstvené označení. Potřebujete hvězdičku, slovo „povinné“ a obojí viditelné i srozumitelné programově.
Použijte hvězdičku a doplňte ji slovem povinné
Výzkumy ukazují, že spojení červené hvězdičky (*) s textem „povinné“ v popisku odstraňuje zmatek. Hvězdička upoutá oko. Slovo „povinné“ potvrdí, co znamená. Dohromady fungují pro vidoucí uživatele, uživatele čteček obrazovky i lidi s kognitivním postižením.
Zkuste E-mailová adresa * (povinné) nebo Telefonní číslo * a pod tím text „Pole označená hvězdičkou jsou povinná.“ Tento formát funguje dobře.
Přidejte legendu, která vysvětlí, co povinné znamená
Než začnou pole formuláře, uveďte jednoduchý řádek „* = povinné pole“ nebo „Pole označená hvězdičkou (*) jsou povinná.“ Tato věta zabere pár slov a ušetří uživatele od toho, aby symbol museli vykládat sami.
Doplňte to programovými atributy HTML. Ve svém kódu formuláře přidejte ke každému povinnému vstupu required nebo aria-required="true". Prohlížeč i čtečka obrazovky tak vědí, že je pole povinné, aniž by se spoléhaly jen na vizuální vzhled.
Barva záleží méně než kontrast a umístění
Červené hvězdičky jsou konvence, ale skutečný problém je kontrast. Pokud je vaše hvězdička slabě šedá nebo splývá s popiskem, uživatelé se slabým zrakem ji přehlédnou. Udělejte hvězdičku tučnou a zajistěte silný kontrast s pozadím.
Záleží i na umístění. Dejte hvězdičku hned za text popisku, ne odděleně. Signál „povinné“ tak zůstane vizuálně spojený s názvem pole a půjde přečíst zleva doprava.
Kdy je skrytí nepovinných polí lepší než jejich označení
Některým formulářům prospívá jiný přístup, nazývaný postupné odhalování. Skryjte nepovinná pole, dokud nebudou relevantní. Funguje to, když má váš formulář jasnou hlavní cestu a nepovinná pole se týkají jen některých uživatelů.
Vezměte rezervační formulář. „Název značky“ může být povinný pro firemní zákazníky, ale nepovinný pro jednotlivce. Místo označení jako nepovinného a zahlcení hlavní cesty ho zobrazte až poté, co uživatel vybere „typ rezervace“ jako „firma“. Pole nikdy neuvidí, pokud se ho netýká.
Postupné odhalování dělá formuláře kratšími
Formuláře, které skrývají nepovinná pole, dokud nejsou potřeba, konvertují lépe než formuláře, které ukazují všechno hned. Důvodem je vnímání. Formulář, který ukazuje 12 polí (i když jsou 3 nepovinná), působí delší než formulář, který ukazuje 9 polí a dalších 3 odhalí podle odpovědí uživatele.
Podmíněná logika odhaluje pole podle předchozích odpovědí
Moderní tvůrci formulářů to podporují přímo. Když uživatel vybere určitou možnost, objeví se nové pole. Když tuto možnost změní, pole zmizí. Formulář se přizpůsobuje jeho potřebám v reálném čase.
Tady vyniká podmíněná logika WEMASY. Můžete nastavit pravidla jako „pokud je obor zdravotnictví, zobraz doplňující pole“ nebo „pokud je rozpočet pod $1000, zobraz platební možnosti pro malé tarify“. Uživatel vidí jen otázky, které se ho týkají.
Podmíněně povinná pole: povinná jen tehdy, když to dává smysl
Pokročilý návrh formulářů jde o krok dál. Některá pole jsou ve výchozím stavu nepovinná, ale podle dřívějších odpovědí uživatele se stanou povinnými. To je ideální bod mezi sběrem dat a uživatelským zážitkem.
Předpokládejme, že „Řekněte nám o své značce“ je při bezplatné registraci nepovinné. Ale pokud uživatel v rozbalovacím seznamu vybere „Jsem majitel značky“, stejné pole se stane povinným. Formulář mění požadavek za běhu.
Ukažte změnu jasně
Když se pole změní z nepovinného na povinné, uživatel to musí vědět. Nejlepší je přidat hvězdičku a označení „(povinné)“ okamžitě, jakmile se pole stane povinným. Někteří tvůrci formulářů změnu pole zvýrazní nenápadnou animací nebo posunem barvy. Tak se signalizuje, že se něco změnilo, aniž by to působilo rušivě.
Chyby, které tiše zabíjejí míru dokončení
I když máte správná pravidla, malé chyby se sčítají a zvyšují míru odchodů. Dejte si na ně pozor.
Míchání symbolů bez legendy
Použití hvězdičky u některých polí a textu „(povinné)“ u jiných vytváří zmatek. Vyberte jeden přístup a držte se ho. Důslednost napříč celou značkou je důležitější než to, který konkrétní symbol zvolíte.
Omylem označená nepovinná pole jako povinná
To se často stává u formulářů převedených ze starých systémů nebo když se požadavky změní uprostřed projektu. Pole je označeno jako nepovinné, ale backend ho vyžaduje, nebo naopak. Uživatelé vyplní pole, o kterém si mysleli, že je nepovinné, formulář odešlou a dostanou chybu. Odejdou.
Skrývání informací, které uživatelé potřebují vidět
Postupné odhalování funguje, když je skryté pole opravdu nepovinné nebo opravdu podmíněné. Obrátí se proti vám, když skryjete povinná pole za složitou logiku. Pokud je pole nezbytné, ukažte ho. Nenuťte uživatele přemýšlet, zda ho musí vyplnit.
Hvězdičky bez vysvětlujícího textu
Samotná hvězdička je záhada pro lidi, kteří tuto konvenci nikdy neviděli. Bez legendy někteří uživatelé pole přeskočí v domnění, že je nepovinné. Přidejte legendu. Jeden řádek nahoře. Pár slov. Předchází odchodům.
Změna statusu povinnosti uprostřed formuláře
Pokud je pole povinné, nechte ho povinné. Pokud ho potřebujete později udělat nepovinným kvůli změně potřeb značky, proveďte celkovou revizi. Neměňte pole potichu z povinného na nepovinné v naději, že si nikdo nevšimne. Uživatelé si všimnou a budou zmatení.
Jak WEMASY pomáhá s povinnými a nepovinnými poli
Tvůrce formulářů WEMASY vám dává plnou kontrolu nad požadavky na pole bez zásahu do kódu. Libovolné pole nastavte v editoru jako povinné nebo nepovinné. Přidejte podmíněnou logiku, která pole udělá povinným jen při splnění určitých podmínek. Přidejte vlastní legendy, které vysvětlí symboly povinných polí.
Můžete také sledovat data v reálném čase o tom, která pole způsobují nejvíc odchodů. Pokud konkrétní nepovinné pole zpomaluje vaše konverze, můžete ho skrýt postupným odhalováním. Pokud uživatele mate povinné pole, můžete přejít na označování jen nepovinných polí a zjistit, který přístup konvertuje lépe.