background design element dropbackground design element dropbackground design element drop

Tvorba webu: jak navrhnout formulář, který přinese konverze


Barbora Koďousková
Aktualizováno:26.08.2021· 10 min. čtení
Facebook iconTwitter iconLinkedIn icon

Formuláře jsou klíčovým prvkem všech důležitých stránek webu nebo eshopu. Setkáte se s ním při registraci, odběru newsletteru, v košíku nebo v sekci s kontakty. Ne každý formulář ovšem stoprocentně plní svou funkci. Nepřináší žádné nebo pouze minimální konverze a oddaluje vás tak od splnění vytyčených cílů. Pokud jste se s tímto problémem setkali, tak zkuste náš příspěvek o tom, jak navrhnout formulář správně a čeho se vyvarovat.

Tvorba webu: návštěvnost, formuláře a konverze

Úspěšný digitální produkt je postaven na dvou pilířích, návštěvnosti a vysokém konverzním poměru. Jedno nemůže fungovat bez druhého a oboje je stejně důležité – návštěvnost je vám k ničemu, pokud nedosáhnete vytyčených cílů a vytyčených cílů nedosáhnete, pokud váš web nebo eshop nemá dostatečnou návštěvnost.

Jak zvýšit konverze webu? Začněte u návštěvnosti

K dosažení dostatečné denní návštěvnosti můžete v zásadě zvolit dvě cesty – SEO a PPC reklamy. První zmíněná varianta – SEO neboli optimalizace pro vyhledávače, je sice složitější, avšak z dlouhodobého hlediska efektivnější. Zajistí vám totiž takzvanou organickou (přirozenou) návštěvnost, u níž nemusíte za každý proklik platit.

Druhá varianta – PPC reklamy, je sice rychlejší ale dražší. Stojí na principu textových nebo grafických reklam, které se uživatelům zobrazují ve výsledcích vyhledávání, na sociálních sítích nebo na různých webech. Dosáhnete tak návštěvnosti klidně i několik hodin po spuštění webu, ale…

Platíte za každý proklik a ve chvíli, kdy PPC kampaň stopnete, přicházíte i o veškerou návštěvnost, kterou jste jejím prostřednictvím získali. Jedná se tedy spíše o dočasné řešení, které  je vhodné ve chvíli, kdy začínáte nebo chcete návštěvníky nalákat na nějakou speciální akci – například o vánocích.

Optimalizovaný formulář jako základ úspěšného webu

Prvním krokem, na cestě za vytvořením úspěšných webových stránek, je tedy přivedení dostatečného množství návštěvníků. Ve chvíli, kdy už na svém webu nebo eshopu nějaký traffic (provoz) pozorujete, nastává prostor pro druhou klíčovou část – sledování konverzního poměru neboli plnění cílů.

Vysoká denní návštěvnost totiž nemusí nutně znamenat úspěch. Musíte své návštěvníky přesvědčit, že vy jste ti praví, něčím je upoutat nebo je nalákat na výhody, které jinde nenajdou – zkrátka je třeba využít všechny možné prostředky k tomu, abyste původního návštěvníka proměnili v zákazníka.

K tomu, abyste si návštěvníka udrželi, je důležité:

  • zaujmout designem,
  • přesvědčit, že je na vás spoleh,
  • ukázat, že rozumíte tomu, co děláte,
  • dodat přidanou hodnotu,
  • nabídnout něco, co konkurence nemá.

Prostředky, kterými těchto cílů dosáhnete, jsou pro každý digitální produkt i povahu projektu specifické. Jejich úspěšné naplnění ovšem vede k jedinému cíli – vyplnění formuláře, ať už poptávkového, kontaktního, registračního nebo objednávkového.

A zde přichází stěžejní bod: jak navrhnout formulář pro web nebo eshop tak, aby zákazník dokončil konverzi?

Tipy, jak navrhnout formulář pro web nebo eshop

Základními pravidly, jak navrhnout formulář pro web nebo eshop, ale i mobilní a webovou aplikaci jsou jednoduchost, smysluplnost, otevřenost a správné načasování. Pravděpodobně nikdo vám nesdělí své osobní informace tři vteřiny po tom, co danou stránku navštívil nebo si aplikaci stáhl. První rada tedy zní – formuláře umisťujte pouze tam, kde mají smysl.

Žádejte pouze ty nejdůležitější údaje

Z pohledu marketingu platí pravidlo, že čím více informací o daném uživateli víte, tím je pro vás získaný kontakt cennější a spíše vám pomůže. Je to logické, jelikož si díky tomu dokážete vytvořit lepší představu o tom, co uživatel chce, lépe ho zařadíte do cílové skupiny a podobně.

Z pohledu UX designu je to ovšem přesně naopak. Návštěvník nechce strávit půl odpoledne tím, že bude vyplňovat formulář na eshopu. Pokud po něm budete chtít zbytečně moc informací, tak pravděpodobně odejde někam jinam a už se nevrátí.

Jak navrhnout formulář pro web eshop

Správnou cestou je tedy kompromis – chtějte pouze to, co nezbytně nutně potřebujete a nemůžete zjistit jinou cestou. Ideálně rovnou vysvětlete, proč údaje potřebujete a neptejte se na nic dvakrát. Je prokázáno, že čím méně políček formulář má a čím je smysluplnější, tím spíš ho uživatel vyplní až do konce.

Snažte se vyhnout hlavně problematičtějším položkám, jako je telefon, ulice, věk nebo stát a nevkládejte je ani jako volitelné možnosti. Položky by na sebe současně měly logicky navazovat, a pokud taková návaznost neexistuje, tak je seřaďte podle abecedy. Zkrátka nenuťte uživatele zbytečně přemýšlet a navrhněte formulář tak, aby bylo jeho vyplňování intuitivní. V případě registračních a přihlašovacích formulářů je pak rozhodně nejsnazší variantou přihlášení přes sociální sítě (Facebook, LinkedIn) nebo Google účet.

Co nejde zjednodušit, rozdělte

Existují samozřejmě formuláře, které zkrátka nelze zjednodušit, aniž by neztratily svou výpovědní hodnotu. V takovém případě formulář na webu nebo eshopu rozdělte do několika kroků. Každý z nich udělejte jednoduchý a monotematicky zaměřený.

Nejcitlivější údaje dejte až na konec, abyste návštěvníka neodradily a nezapomeňte do designu zakomponovat ukazatel pokroku – aby bylo jasné, o jakou část formuláře se jedná a kolik ještě zbývá.

Řekněte jim, co za vyplnění dostanou

Vyplnění formuláře by mělo být výhodné pro obě strany. Pro vás, jakožto provozovatele, znamená přísun cenných kontaktů, které můžete použít například pro zasílání newsletterů. Musíte ovšem nabídnout něco na oplátku, na eshopu například slevy pro registrované zákazníky, na prezentačním webu pak kupříkladu audit zdarma.

Zkrátka vymyslete nějaké lákadlo, kterým návštěvníky přesvědčíte, aby skutečně pouť vyplněním formuláře absolvovali.

Tvorba webu a eshopu: UX design formuláře

Tvorba jakéhokoli prvku webu nebo aplikace souvisí s UX designem neboli návrhem v kontextu uživatelské přívětivosti. V první řadě je důležité formulář navrhnout tak, aby byl na stránce dostatečně výrazný. Použijte tedy kontrastní barvy a grafické prvky, které na něj upozorní. Snažte se všechny položky udržet v jednom sloupci. Vícesloupcové varianty nutí uživatele zbytečně přemýšlet a narušují posloupnost.

Nepodceňujte úlohu tlačítka a dejte uživateli jasně vědět, že se jedná o tlačítko. Zaměřte se na znění výzvy k akci (CTA), nezůstávejte u obecných frází, například „Odeslat formulář“, ale použijte jasné označení toho, co se bude dít dál, například „Chci odebírat newsletter“.

Jak by měl vypadat formulář pro web, eshop nebo aplikaci

U každé položky se pak zamyslete nad nejvhodnějším typem políčka, a sice tak, abyste vyplňování co možná nejvíce zjednodušili. Kde to půjde, přidejte místo klasického vyplňování slider nebo přepínač. Zejména u responzivního webu nebo u mobilních aplikací to uživatelé jistě ocení.

To stejné platí také u multivariantních částí formuláře:

  • zatrhávání – volte do šesti položek (například metoda platby),
  • rolovací menu – volte do patnácti položek (například metoda doručení),
  • našeptávač – pro více než patnáct položek (například doručovací adresa).

Každá položka formuláře by pak měla být opatřena popiskem, a to ideálně nad nebo vlevo od pole pro vstup. Popisky uvnitř pole jsou nepraktické, jelikož obsah mizí ve chvíli, kdy ho uživatel zaplňuje, proto by se měl používat jedině v kombinaci s přesunem popisku nad nebo vedle pole.

Kromě popisku by zde měly být i vysvětlivky čili krátký komentář ke každému poli. Můžete v něm vysvětlit, proč je třeba dané pole vyplnit a uvést příklad formátu. Vysvětlivky umisťuje pod pole a nechte je mizet a objevovat v návaznosti na vyplňování konkrétní položky.

Formulář na web nebo eshop a nejčastější UX chyby

Častou chybou, se kterou se můžete u formulářů na webech a eshopech setkat, jsou nedotažené chybového hlášky. Chybové hlášky by měly být srozumitelné, aby bylo na první pohled jasné, kde udělal uživatel chybu a měly by se zobrazovat vedle konkrétního pole ještě před odesláním formuláře. Chybu tak budete moct opravit hned po tom, co přejdete k dalšímu políčku.

Stejně tak by špatně vyplněné pole mělo zůstat vyplněné, a to z toho důvodu, že uživatel hned uvidí, o jaký typ chyby se jedná, zda se například jen přepsal nebo použil nějaký znak, který použít neměl.

S tím souvisí pamatování všech vyplněných údajů. Formuláře nebo obsah nákupního košíku by si vždy měly pamatovat obsah, který do nich byl vložen. Využijete toho například ve chvíli, kdy se chcete vrátit o krok zpět nebo si nákup v košíku nechat na později, přičemž si ušetříte práci s dalším vyplňováním či výběrem zboží. 

Dalším neduhem bývá podceňování stále vzrůstajícího počtu uživatelů, kteří k prohlížení webu nebo nakupování používají dotyková zařízení. Responzivní web dnes už nestačí, myslete na návštěvníky z tabletů a smartphonů a zakomponujte do formulářů přizpůsobení virtuální klávesnice – například zobrazení číselné klávesnice ve chvíli, kdy má uživatel zadat telefonní číslo.

Pokud potřebujete s návrhem či optimalizace formuláře pomoci, tak nás neváhejte kontaktovat. Rádi se postaráme i o celý proces tvorby webu nebo eshopu, případně o vývoj webové aplikace.
 


Potřebujete poradit?