Webový formulář: Jak ho navrhnout, aby konečně přinášel konverze
Webový formulář není jen ledajaká věc, kterou si dáte na web. Je to nejkritičtější místo celého webu. Tady se láme chleba. Tady je to místo, kde se rozhoduje, jestli z návštěvníka bude klient nebo vám z dálky zamává. A je jedno, jestli máte e-shop nebo web.
Formuláře by měly fungovat ze své vlastní podstaty. Jsou ale místem, které vám zabíjejí konverze. Jdeme si to rozpitvat, což?
Co je webový formulář a proč je důležitější, než si myslíte?
Webový formulář je místo, které je poslední krok před konverzí. Nejčastěji se jedná o formuláře, kde vás uživatel: kontaktuje, pošle poptávku nebo udělá nákup.
Problém nastává v momentě, kdy vůbec nepromýšlíte, která pole tam uvedete a k čemu vám vlastně slouží. HubSpot zjistil, že s rostoucím počtem formulářových polí míra konverze klesá.
V různých výzkumech můžete najít odlišná procenta zvýšení či snížení míry konverze. Dokonce má na to vliv i jeho forma (text, rozbalovací pole apod.). Pokud ale počet polí snížíte, můžete zvýšit konverze o více jak 100 %.
Největší chyby webových formulářů, které vás stojí konverze
Pojďte si své formuláře zkontrolovat, protože míra frustrace právě u formulářů může dosáhnout úrovně „rozmlátím klávesnici o monitor“. A víte, kde jsou formuláře nejhorší? V telefonu… Ironická poznámka: Vůbec u vás lidé nenakupují nejvíce na telefonu, že? V mobilním zobrazení se totiž i krátký formulář jeví delší, složitější a náročnější na ty naše prstíky. Už jste si jistě vyzkoušeli situaci, kdy jste vynechali ve slově jedno písmenko…
a) Formulář je moc dlouhý
Pokud toho chcete po lidech moc, dostanete svého uživatele do role „Tohle je tak dlouhé, že to vyplňovat nebudu.“
b) Není jasné, proč má uživatel formulář vyplnit
Když člověk má něco vyplnit, mělo by být jasné proč a ideálně s okolním kontextem.
- Proč mám dané pole vyplňovat? Souvislost: Např. svou adresu, když si chci objednávku vyzvednout u vás na prodejně? K čemu vám je mé rodné číslo? Na co potřebujete můj telefon?
- Co se stane po odeslání formuláře? Souvislost: Odešle se objednávka/zpráva?
- Kdo se ozve? Souvislost: Napíšete mi e-mail, když odešlu objednávku nebo si to mám pamatovat? Ozve se mi zástupce nebo asistentka? Předáte mou zprávu kompetentnímu člověku?
- Za jak dlouho se ozvete? Souvislost: Než mi napíšete, bude to trvat týden nebo 24 hodin? Co už je málo a co hodně?
c) Špatné názvy polí
Není nic horšího, než když nevíte, co po vás autor vlastně chce. A někteří ještě označí pole jako povinné. Typickým příkladem je pole „Poznámka“. Co tam chcete, aby člověk napsal? Poznámku pod čarou?
Proto si položte otázku: „Co chceme, aby tam člověk napsal?“
d) Co se stane po stisknutí tlačítka „odeslat“?
Když člověk stiskne tlačítko „odeslat“ stane se něco? Dáváte lidem vědět, že se něco stalo? Pokud ne, je to chyba. Lidé potřebují vědět, že odeslání proběhlo v pořádku. Že formulář funguje. Zkrátka, aby člověk věděl, jestli zpráva odešla nebo to má vyplnit znovu.
e) Formulář vypadá nedůvěryhodně
Pokud se vám povede umístit formulář jen tak do stránky a bez kontextu, je to stejné, jako když mluvíte o pečení chleba a uprostřed receptu změníte téma na to, jestli jezdíte na naftu nebo na benzín. Pokud webový formulář nemá kontext, lidskost či informace o ochraně dat, nemůžete čekat, že vám jej s klidem vyplní.
Jak vytvořit webový formulář, který fakt funguje?
1. Stanovte si, co opravdu potřebujete vědět
Méně polí = vyšší šance na dokončení formuláře.
- Skutečně potřebujete vědět celou adresu, když je balík dodávaný na výdejní místo?
- Potřebujete vědět telefon nyní, nebo to můžete udělat až ve druhém kroku?
- Je nutné vyžadovat telefon, když zákazník chce jen katalog vašich produktů?
Seskupování polí je více než žádané. Co můžete, prostě dejte do jednoho. Třeba jméno a příjmení nebo ulici a číslo popisné. Předcházíte tím situaci, kdy uživatel matně přemýšlí, jestli má první zadat jméno neb příjmení a naopak.
2. Pište jako člověk, ne jako formulář
Lidé si weby přirovnávají k lidem. Když se příliš ptáte, jste otravní a příliš osobní. A proto i v textech webových formulářů byste měli být lidé. Takže například místo „Poznámka“ napište třeba „Chcete něco dodat?“ Malá změna, která znamená velký rozdíl.
To stejné se týká i chybových hlášek. Je to téma, které vydá na celý další článek, ale v krátkosti: Napište, kde člověk udělal chybu a jak jí má napravit! Hlášky typu: „Nesprávné heslo“ opět vyvolávají frustraci typu: „Jak to mám sakra vyplnit, ty ****.“
3. Názvy polí umístěte správně
Tady si trochu rýpnu i do poskytovatelů. Tohle je trošku má formulářová smrt. Protože se nemůžete spolehnout ani na třetí stranu. Velmi často se setkávám s formuláři na stránkách magnetů zdarma. Vy se spoléháte na kód od poskytovatele, který vám zároveň zařadí e-mail uživatelů do seznamu. Ale ono vám jich tam padá nějak málo. Víte proč?
Protože názvy polí se nacházejí uvnitř pole pro text. Takže se stane scénář: „Píšu e-mail a jméno. Než to odešlu, zkontroluji si to. Ale zarazím se. Měl být první e-mail nebo jméno? A mělo být jen jméno nebo i příjmení? Nebo jen příjmení? Nebo obojí a v jakém pořadí?“ = Lidé jsou nuceni umazávat. A to je neskutečně frustrující situace. (Potvrdila to i NNgroup.)
Kde teda názvy polí mít? Dejte je nad pole nebo vlevo od něj.
4. Používejte online validaci
Pokud víte, že máte náročnější formulář (objednávky v e-shopu, registrace firem apod.), nebojte se využívat online validaci. Co to je online validace? Zjednodušeně řečeno po vyplnění pole formulář zkontroluje, že jste zadali správný údaj. Pokud udělá uživatel chybu, opraví jí hned a nemusí se zdlouhavě vracet na konec.
Dejte si ale pozor na to, aby se validace spustila příliš brzy.
5. Napište, co se stane potom
Tohle je místo, na které zapomínáte. Napište, co se stane, když formulář odešlete. Kdy se ozvete? Kdo se ozve? A nezapomeňte zkontrolovat, že se uživatelům zobrazí potvrzení o odeslání formuláře.
6. Vychytávky pro ještě lepší výsledky
Pár tipů na závěr?
- Jednosloupcové formuláře fungují lépe.
- Zkontrolujte zobrazení v telefonu (webový formulář by se neměl posouvat do stran).
- U delších formulářů vkládejte tzv. progress bar (ukazatel, kolik kroků či otázek zbývá do konce).
- Autofill (automatické vyplnění formuláře) usnadňuje vyplňování.
- Do pole pro číslo nechte zadávat pouze čísla.
Máte svůj formulář dobře?
Tak co? Máte své formuláře správně, nebo si nejste jisti, jestli toho nemáte moc nebo málo? Máte pocit, že váš formulář nefunguje tak, jak by měl? Objednejte se na SOS analýzu.
- Mrknu se webový formulář jako UXák.
- Otestuji jej a řeknu vám, co konkrétně změnit.
- Zohledním kontext a poradím, která pole využívat a která jsou navíc.
