1. Formulář bez jasného cíle a očekávání
Nejčastější problém není technický, ale psychologický: uživatel vůbec neví, co přesně se po něm chce a co za to dostane. Formulář na poptávku, registraci nebo rezervaci musí mít jasnou hodnotovou nabídku už v nadpisu a krátkém úvodu. Pokud někdo vyplňuje kontakt, chce vědět, zda dostane nabídku do 24 hodin, demo zdarma, kalkulaci, nebo jen potvrzení registrace.
Dobře funguje jednoduchá struktura: co vyplňuje, proč to vyplňuje a co bude následovat. Například místo neurčitého „Kontaktujte nás“ je lepší „Pošlete poptávku a do 1 pracovního dne vám pošleme cenu a dostupnost“. Tím snižujete nejistotu, která je jedním z hlavních důvodů opuštění formuláře.
V praxi se vyplatí testovat i mikrocopy kolem CTA. U formulářů s vyšší hodnotou objednávky nebo leadu často pomůže doplnit pod tlačítko krátkou větu typu „Bez závazku“ nebo „Odpovíme jen na tento dotaz“. V analytice pak sledujte míru dokončení formuláře v GA4 a rozdíl mezi návštěvností a odesláním v jednotlivých zdrojích návštěvnosti.
2. Příliš mnoho polí a zbytečné tření
Každé další pole zvyšuje kognitivní zátěž. Data z UX výzkumů dlouhodobě ukazují, že kratší formuláře mají vyšší dokončení, zejména na mobilu. V B2C i lead-gen scénářích často platí, že formulář s 3–5 poli konvertuje výrazně lépe než formulář s 8 a více poli, pokud nejsou všechna pole opravdu nutná.
Praktické pravidlo: sbírejte jen data, která využijete okamžitě. Jméno, e-mail a jeden kvalifikační údaj bývají většinou dost. Telefon, firmu, rozpočet, termín nebo velikost projektu přidávejte až tehdy, když je potřebujete pro obchodní proces. U e-shopů zase dává smysl oddělit nákup od nepovinné registrace a nabídnout host checkout.
U dlouhých formulářů pomáhá rozdělení do kroků, ale jen tehdy, když je to logické. Vícekrokový formulář není automaticky lepší — musí mít jasnou strukturu a ukazovat progres. Pokud uživatel vidí, že je na 1. z 3 kroků, má větší motivaci pokračovat. Nástroje jako Hotjar, Microsoft Clarity nebo FullStory vám ukážou, kde lidé formulář opouštějí, a heatmapy často odhalí pole, která působí jako zbytečná brzda.
3. Špatné labely, placeholdery a nečitelná mikrocopy
Jedna z nejdražších „drobností“ je nejasné pojmenování polí. Placeholder není náhrada labelu. Jakmile uživatel začne psát, placeholder zmizí, a pokud je label řešený jen jako placeholder, vzniká zmatek. To je problém hlavně na mobilu, při vyplňování adres, firemních údajů nebo u formulářů s více podmínkami.
Každé pole by mělo mít stálý, viditelný label. Text musí být konkrétní: místo „Název“ raději „Název firmy“, místo „Telefon“ ideálně „Telefon pro rychlé upřesnění“. U složitějších polí přidejte krátké vysvětlení pod label, například „Použijeme jen pro potvrzení termínu“. Tím snižujete obavy z nechtěného marketingového kontaktu.
Velmi důležitá je i čitelnost na mobilu. Formulář by měl mít dostatečný kontrast, velikost písma minimálně kolem 16 px a rozumné rozestupy mezi poli. Z hlediska přístupnosti pomáhá správné napojení label for na input, protože to zlepšuje ovládání i pro screen readery. Pokud formulář není přístupný, ztrácíte část uživatelů i bez viditelné chyby v designu.
4. Validace, která trestá místo toho, aby pomáhala
Chybná validace je častý důvod frustrace. Uživatel vyplní formulář, klikne na odeslat a systém mu pošle seznam chyb, aniž by přesně ukázal, co je špatně. Nebo horší varianta: chyba se objeví až po načtení nové stránky a uživatel musí hledat, kde se splet. Každá taková situace snižuje důvěru i ochotu pokračovat.
Nejlepší je inline validace, která upozorní na problém hned po opuštění pole, ale ne příliš agresivně. U e-mailu dává smysl kontrola formátu, u PSČ nebo telefonu zase kontrola délky a povolených znaků. Důležité je, aby chybová hláška byla konkrétní: ne „Neplatný formát“, ale „Zadejte e-mail ve tvaru jmeno@domena.cz“.
Vyplatí se také nepřehánět s tvrdými pravidly. Pokud uživatel zadá telefon s mezerami nebo pomlčkami, formulář by to měl přijmout a normalizovat na pozadí. Stejně tak je dobré automaticky doplnit mezinárodní předvolbu nebo nabídnout výběr země. V technické implementaci si hlídejte, aby validace probíhala na klientovi i serveru, ale serverová verze byla autoritativní. To je důležité pro bezpečnost, konzistenci i prevenci falešných chyb.
5. Formulář, který není optimalizovaný pro mobil
Mobilní provoz dnes často tvoří většinu návštěvnosti, ale formuláře jsou stále navržené primárně pro desktop. To je chyba, která má přímý dopad na konverze. Na malé obrazovce vadí příliš úzká pole, malé klikací plochy, špatně zvolená klávesnice a dlouhé scrollování mezi poli.
Každé pole by mělo spouštět správný typ klávesnice: e-mail klávesnici pro e-mail, číselnou pro telefon nebo PSČ. Klikací prvky musí být dost velké, ideálně s dostatečným rozestupem, aby se uživatel netrefoval omylem. Pokud používáte datum, zvažte nativní date picker nebo jednoduchý výběr, ne komplikované kalendářové UI, které na mobilu často selhává.
Na mobilu také výrazně pomáhá automatické vyplnění údajů a správně nastavené atributy jako autocomplete. U adresních formulářů nebo checkoutů to umí zkrátit vyplňování o desítky sekund, což je v praxi obrovský rozdíl. V GTM, GA4 nebo nástrojích typu VWO a Optimizely sledujte, zda mobilní uživatelé neodpadávají v konkrétním kroku častěji než desktop.
6. Slabý vizuální kontrast a neviditelná hierarchie
Formulář nemusí být jen funkční, ale také čitelný. Pokud splývá s okolním obsahem, uživatel nepozná, kde začíná a kde končí. Nejčastější chyba je příliš jemný kontrast mezi pozadím, poli a textem, nebo naopak příliš agresivní design, který odvádí pozornost od odeslání.
Dobrá praxe je jasná hierarchie: nadpis formuláře, krátký popis, pole, pomocný text a výrazné CTA. Tlačítko musí být vizuálně dominantní, ale ne rušivé. Barva tlačítka by měla mít dostatečný kontrast proti pozadí a text na něm musí být snadno čitelný. U přístupnosti se běžně doporučuje kontrast alespoň 4,5:1 pro běžný text.
Při optimalizaci se vyplatí sledovat i to, zda jsou chyby, nápovědy a success stavy vizuálně konzistentní. Když je chyba červená, ale success stav zelený a informační text šedý, uživatel se hůř orientuje. Pokud pracujete s design systémem, definujte komponenty formulářů jako samostatný UI blok a testujte je napříč webem. Konzistence výrazně snižuje tření, hlavně u opakovaných návštěv.
7. Chybějící měření, testování a práce s daty
Největší chyba je předpokládat, že formulář „nějak funguje“. Bez měření nevíte, kde přesně lidé odcházejí, který zdroj návštěvnosti má nejhorší dokončení ani zda pomohla změna textu, pořadí polí nebo tlačítka. Formulář je ideální kandidát pro A/B testování, protože i malé úpravy mohou mít měřitelný dopad.
Minimum by mělo zahrnovat tracking zobrazení formuláře, interakcí s poli, chyb, odeslání a opuštění. V GA4 si nastavte události pro začátek vyplňování, validaci a submit. Pokud používáte vlastní formuláře, vyplatí se posílat i parametr typu formuláře, zařízení, zdroj návštěvy nebo krok funnelu. Pak můžete přesně porovnat, zda problém vzniká na PPC landing page, z organiku nebo z e-mailingu.
Pro hlubší analýzu kombinujte kvantitativní data s behaviorálními nástroji. Heatmapy ukážou, kde lidé klikají marně, session recordings odhalí váhání a formulářové analýzy v Clarity nebo Hotjaru prozradí, zda uživatelé bojují s konkrétním polem. Teprve pak má smysl dělat změny. U formulářů často vyhrává jednoduchá iterace: zkrátit, zpřesnit text, zlepšit validaci, otestovat CTA a znovu vyhodnotit. I 5–10% zlepšení dokončení může znamenat výrazný nárůst leadů nebo objednávek, pokud máte větší návštěvnost.