5 tipů pro vytvoření webového formuláře, který převádí

Váš webový formulář může vypadat dobře, ale převádí se? Webový formulář s vysokou mírou konverze je nutností, pokud chcete zachytit informace o uživateli, sestavit seznam předplatných nebo vytvořit prostředí rychlé kontroly. Nestačí jen mít formu, která vypadá příjemně. Musí dobře fungovat!

Uživatelé se stále více kazí dobře navrženými a fungujícími formami a ponechávají malý prostor pro ty, kteří jsou neohrabaní, trapní nebo prostě nefungují.

Jak na to? Zde je pět tipů pro vytvoření webového formuláře, který pomůže převést uživatele a rozšířit vaši online přítomnost.

Prozkoumejte prvky Envato

1. Navrhněte formulář s jedním sloupcem

Formuláře s více sloupci jsou matoucí, protože uživatelé vždy nevidí logický vzorec

Víte, že uživatelé mají krátké rozpětí pozornosti. Vytvoření formuláře s jedním sloupcem vám může pomoci vyhrát válku proti rozptýlení.

Studie institutu CXL zjistila, že uživatelé mohli vyplnit formulář s jedním sloupcem o 15, 4 sekundy rychleji než stejný formulář s více sloupci. To je věčnost, pokud jde o interakce na webových stránkách, takže použití jednosloupcového formuláře není žádoucí.

Dává to však velký smysl, když přemýšlíte také o designu. Formáty s více sloupci jsou matoucí, protože uživatelé ne vždy vidí logický vzorec, který se má přepnout z jednoho pole do druhého, může být snadné přeskočit pole nebo vynechat informace a formáty s více sloupci mohou být výzvou pro menší (zejména mobilní) obrazovky.

To vše se scvrkává na jedno jednoduché konstrukční pravidlo: Udržujte vše v lineárním, vertikálním formátu.

Tlačítko pod výzvou k akci by mělo být pod posledním prvkem ve formuláři a mělo by být snadno viditelné. (Tuto interakci nechcete nechat ujít!)

2. Průvodce uživateli s kopií a mezerou

Pevné copywriting a mezery mohou způsobit nebo narušit čitelnost formuláře.

Pokud jde o design, zaměřte se na čtyři věci.

• Ujistěte se, že každá bitová kopie je užitečná, krátká a řekne uživatelům přesně, co mají dělat. Není třeba se s kopií roztomilé nebo příliš vysvětlovat.
• Zahrňte zástupný text, aby bylo každé pole pro uživatele trochu matoucí.
• Prostor tvoří prvky dostatečně daleko od sebe, takže každé pole je jasné a snadno se vyplňuje. Nezapomeňte vytvořit krabice dostatečně velké, aby na mobilních zařízeních lehce klepaly.
• Nakonec použijte společný zápis, například červenou hvězdičku, abyste si všimli, která pole jsou povinná. Nenuťte uživatele, aby se dostali na konec, jen aby zjistili, že vynechali požadovaná pole. To může být frustrující a vést k opuštění formy.

3. Nežádejte nic, co teď nepotřebujete

Odstraňte pole, která nejsou nezbytně nutná

Kolik informací právě potřebujete? Odpověď závisí na tom, ve které části marketingové cesty jste, ale je pravděpodobné, že od uživatelů požadujete příliš mnoho informací.

Pokud chcete generovat nové předplatitele seznamu e-mailů, potřebujete právě teď více než e-mailovou adresu? (Další informace získáte později.)

Pokud žádáte uživatele, aby se zaregistrovali pro přístup na web, potřebujete úplnou osobní historii? (Začněte se základy, nepožádejte uživatele o adresu, pokud jim nikdy nic nehodláte doručit.)

Pokud máte formulář pro rezervaci, opravdu potřebujete, aby si uživatelé vybrali typ karty? Nebo zadejte fakturační a dodací adresu? Odstraňte pole, která nejsou nezbytně nutná, a zaškrtněte políčka pro konsolidaci polí, pokud je to možné.

Další možnost zde? Pokud je to možné, použijte auto-detekční a prediktivní vyhledávání.

4. Použijte ověření pole

Ověření pole může uživatelům ukázat chybu dříve, než se přesunou na další pole. Ověření zajišťuje, že je do příslušného pole zadán správný druh obsahu, například e-mailová adresa do pole pro e-maily.

Čím chytřejší je ověření formuláře, tím lepší informace a vede váš formulář má potenciál vygenerovat.

Povolte také určitý prostor pro ověřování, abyste uživatele neznepokojovali.

Přemýšlejte například o telefonních číslech. Standardní 10místné telefonní číslo lze zadat různými způsoby:

• (000) 000-0000
• 0000000000
• 000-000-0000

Ale který je správný? S trochou programovací jemnosti fungují všechny stejně dobře. (Použijte stejný koncept pro data.)

Ověřte pro běžné e-mailové adresy domény, například gmail.com, yahoo.com atd., Takže pokud jsou chybně napsány, upozorní uživatele.

Mezi další triky formuláře patří nastavení výchozích hodnot pro běžné skupiny uživatelů, jako je například země nebo stát, pokud většina vašich uživatelů pochází z konkrétního místa.

Nakonec použijte popisky pro chyby ověření, aby uživatelé okamžitě věděli, že něco není v pořádku. Nenuťte je zaslat pouze proto, aby našli chybu překlepu nebo ověření. Udělejte vše, co můžete, aby poskytování informací bylo co nejjednodušší.

5. Bavte se

Webové formuláře mohou být ve skutečnosti zábavné. (To není vtip.)

Zatímco mnoho forem bývá jednoduché, typ formuláře, který se často zanedbává, je formulář průzkumu. Nejjednodušší je převést na jednoduché otázky se snadnými odpověďmi.

V případě složitějších formulářů je umístěte na vlastní stránku v rámci návrhu svého webu.

Nedávno jsem poslal průzkum respondentům události pomocí testu A / B. Někteří byli požádáni, aby událost hodnotili na stupnici od 1 do 10. Jiní používali emoji měřítko od smutné tváře ke šťastné tváři. Ten dostal o 50% více odpovědí. Bylo to mnohem zábavnější!

Mezi další způsoby, jak učinit design formuláře zábavným, patří použití zvoucího a působivého jazyka v kopii obklopující formulář. Co říkáte, abyste nalákali lidi, aby zvážili jeho vyplnění?

Designové prvky mohou také pomoci přitáhnout uživatele do formuláře. Přestože se mnoho formulářů může objevit nebo zasunout, návrh by měl být natolik rušivý, aby se neshodoval se zbytkem pozadí. Lidé to musí vidět, než se nad tím zamyslí. Výše vyskakovací forma Salt Life obsahuje animaci pohybující se vody.

V případě složitějších formulářů je umístěte na vlastní stránku v rámci návrhu svého webu. Jednoduchost je klíčová. To se také týká kognitivní zátěže; méně věcí na obrazovce najednou se snáze zpracovává a tráví.

Závěr

Formuláře jsou nezbytným webovým nástrojem a mohou pomoci každé fázi marketingového procesu, od počátečního kontaktu ve formě předplatného e-mailu až po nákup. Stejně jako u jiných nástrojů pro návrh webových stránek je klíčem k dlouhodobému úspěchu sledování formulářů, aby zjistily, zda fungují.

Sledujte analýzy, registrace a konverze formulářů, abyste zajistili, že váš návrh rezonuje s uživateli. Pokud formulář nevede k požadované akci, proveďte nějaké testování s návrhem a funkcí, abyste se ujistili, že sdělil, co požadujete, a funguje správně.

Hodně štěstí!