1. Příliš mnoho polí, příliš málo důvodu
Nejčastější problém je paradoxně ten nejviditelnější: formulář chce víc informací, než je nutné. Každé další pole zvyšuje mentální zátěž i riziko odchodu. U krátkých lead formulářů se v praxi často ukazuje, že zkrácení z 8–10 polí na 3–4 může zvýšit dokončení o desítky procent. Nejde ale o univerzální číslo, důležitý je kontext: jiný počet polí snese B2B poptávka, jiný newsletter nebo objednávka konzultace.
Pravidlo je jednoduché: ptejte se jen na údaje, které skutečně potřebujete v dané fázi. Jméno, e-mail a zpráva často stačí. Telefon má smysl tehdy, když se má kontakt opravdu uskutečnit telefonicky. Adresa, IČO nebo preferovaný termín mají patřit až do dalšího kroku, pokud nejsou nezbytné hned. Čím dřív pole přidáte, tím víc uživatelů ztratíte bez možnosti návratu.
- Auditujte pole podle účelu: co je nutné pro odeslání, co je jen „pěkné mít“.
- Označte povinné údaje: uživatel má vědět, co je skutečně nezbytné.
- Testujte postupné sbírání dat: první krok krátký, další doplnění až po konverzi.
2. Nejasné popisky a formulář, který se musí hádat
Formulář nesmí působit jako hádanka. Pokud text v poli mizí po kliknutí a není jasné, co se má vyplnit, vzniká zbytečná chybovost. Placeholder není plnohodnotný popisek. Uživatel si po vyplnění nemusí pamatovat, co v poli bylo, a při chybě se vrací zpět bez kontextu. To je problém zvlášť na mobilech, kde je prostor omezený a korekce je pomalejší.
Dobrá praxe je mít viditelný label nad polem, stručný pomocný text pod ním a jasné chybové hlášky. Místo „Neplatný vstup“ napište například „Zadejte e-mail ve formátu jmeno@domena.cz“. U hesel, rodných čísel nebo telefonů pomůže i příklad formátu. Formulář má být čitelný i pro člověka, který stránku projede během tří vteřin.
- Labely nikdy neskrývejte: placeholder jen doplňuje, nenahrazuje.
- Pište konkrétně: místo obecné chyby uveďte přesný důvod a návod.
- Uveďte příklady formátu: telefon, datum, PSČ nebo číslo objednávky.
3. Chyby, které se objeví až po odeslání
Jeden z nejdražších scénářů je formulář, který chyby ukáže až po kliknutí na odeslat. Uživateli se pak ztrácí čas i důvěra, zvlášť když vyplňoval delší poptávku. Pokud navíc formulář smaže obsah po chybě, je to téměř jistá ztráta konverze. V praxi to bývá časté u starších WordPress formulářů nebo špatně navržených vlastních řešení.
Moderní formulář má validovat průběžně, ale ne agresivně. Nejlepší je kombinace: základní kontrola formátu při opuštění pole, souhrn chyb nahoře a zvýraznění konkrétního pole. Uživatel musí přesně vědět, co opravit, bez lovení po stránce. Pokud se chyba týká serveru, například výpadku API nebo mailové služby, je nutné to napsat srozumitelně, ne technickým kódem.
- Validujte po jednotlivých polích: e-mail, telefon, povinné položky.
- Neztrácejte data: po chybě formulář nesmí vymazat již vyplněný obsah.
- Logujte chyby: sledujte, kde lidé nejčastěji končí.
4. Pomalý formulář a skryté technické problémy
Rychlost rozhoduje i u formuláře. Když se načítá přes několik externích skriptů, reklamních pixelů a těžkých pluginů, může uživatel čekat na odezvu i několik sekund. To je problém hlavně na mobilních sítích. Každý další okamžik prodlevy zvyšuje riziko, že člověk odejde dřív, než stihne interagovat. Podle řady UX studií už zpoždění nad 1 sekundu citelně snižuje ochotu pokračovat.
Technická stránka bývá často podceněná. Formulář může být vizuálně hezký, ale hůř reaguje kvůli konfliktu JavaScriptu, špatnému načítání fontů nebo přetíženému hostingu. U WordPressu se často přidávají zbytečné pluginy, které vkládají vlastní styly a skripty na každou stránku. U vlastních řešení zase chybí optimalizace bundle, lazy loading nebo správné cache hlavičky.
Prakticky se vyplatí měřit Core Web Vitals a zejména INP, protože formulář je interaktivní prvek. Pro diagnostiku použijte PageSpeed Insights, Lighthouse, Chrome DevTools a u WordPressu také kontrolu pluginů přes Query Monitor. Pokud formulář odesílá data přes API, sledujte i serverovou odezvu a chování při chybě HTTP 4xx/5xx.
- Omezte externí skripty: každý tag navíc může zpomalit interakci.
- Testujte na mobilu: reálné zařízení ukáže víc než desktop.
- Kontrolujte velikost a počet requestů: formulář nesmí být výkonová zátěž.
5. Slabá důvěryhodnost v rozhodujícím okamžiku
Formulář je místo, kde uživatel předává své údaje. Pokud web nepůsobí důvěryhodně, konverze padá bez ohledu na kvalitu nabídky. Chybějící informace o ochraně dat, nejasný provozovatel, podezřelá URL nebo neprofesionální styl komunikace mohou stačit k odchodu. U poptávkových a kontaktních formulářů je to citlivé ještě víc, protože lidé řeší obavu ze spamu, volání nebo zneužití dat.
Důvěru zvyšují konkrétní prvky: odkaz na zásady zpracování osobních údajů, stručné vysvětlení, proč údaje sbíráte, a v případě potřeby i informace o tom, kdy se ozvete. U e-commerce pomáhá jasné shrnutí objednávky, dostupnost kontaktu a bezpečnostní prvky jako SSL certifikát. U B2B poptávky funguje i zmínka o tom, že údaje nebudou předány třetím stranám.
- Přidejte mikrocopy: například „Ozveme se do 24 hodin“ nebo „E-mail použijeme jen pro odpověď“.
- Ukažte identitu značky: logo, kontakty, adresa, IČO, případně reference.
- Nezahlcujte ale marketingem: důvěru buduje jasnost, ne agresivní banner.
6. Formulář není přizpůsobený mobilu
Většina návštěv dnes přichází z mobilu, ale mnoho formulářů je stále navržených jako desktopový kompromis. Malá klikací plocha, nečitelný text, špatná klávesnice a rozpad layoutu jsou typické chyby. Na mobilu je navíc vyšší citlivost na zdržení a horší tolerance k chybám. Uživatel nechce přibližovat obrazovku, aby trefil tlačítko „Odeslat“.
Mobilní formulář musí používat správné typy polí: e-mail otevírá e-mailovou klávesnici, telefon číselnou, datum kalendář nebo rozumný výběr. Tlačítka mají mít dostatečný rozestup a formulář by měl být čitelný i bez zoomu. V praxi se vyplácí testovat aspoň na třech velikostech zařízení a na různých prohlížečích. To, co funguje v Chromu na iPhonu, nemusí fungovat stejně v Androidu nebo Safari.
- Zvětšete klikací plochy: ideálně alespoň kolem 44 px.
- Používejte vhodné typy inputů: zrychlují vyplnění a snižují chyby.
- Vyhněte se složitým rozbalovacím seznamům: na mobilu často zbytečně brzdí.
7. Bez měření se jen odhaduje, kde mizí peníze
Formulář nelze opravit správně bez dat. Mnoho firem sleduje jen počet odeslání, ale nevidí, kde přesně uživatelé odpadávají. Chybí jim pohled na jednotlivé kroky, interakce s poli, chybovost nebo rozdíl mezi desktopem a mobilem. Výsledkem je slepé ladění podle pocitu, ne podle reality.
Minimum je měřit odeslání formuláře, zahájení vyplňování, opuštění bez dokončení a chybové stavy. V Google Analytics 4 lze sledovat události přes event tracking, v Google Tag Manageru se dají nastavit interakce s poli i odeslání. Pro hlubší pohled pomohou heatmapy a session recordings v nástrojích jako Hotjar, Microsoft Clarity nebo Smartlook. U delších formulářů se vyplatí porovnat konverzní poměr podle zdroje návštěvnosti, protože jinak se chová organik, PPC i přímá návštěva.
Dobrá praxe je pracovat s jednoduchým experimentem: změňte vždy jednu věc, například počet polí, text tlačítka nebo pořadí kroků. A/B testování ukáže, zda zásah skutečně pomohl, nebo jen změnil dojem. Formulář, který pálí peníze, totiž často nevypadá na první pohled špatně. Problém se ukáže až ve chvíli, kdy data ukážou vysoký odchod mezi otevřením a odesláním.
- Sledujte celý trychtýř: zobrazení, start, chyby, odeslání, úspěch.
- Porovnávejte zařízení a zdroje: mobilní PPC může padat jinak než organické vyhledávání.
- Testujte změny po jedné: jinak nepoznáte, co skutečně fungovalo.