Jedno pole za 12 milionů dolarů
Expedia měla ve svém rezervačním formuláři pole „Company Name". Nebylo povinné, ale uživatelé ho vyplňovali, protože nevěděli, co tam patří. Někteří zadávali název banky místo firmy, což způsobovalo chyby v platbě. Když Expedia pole odstranila, roční tržby vzrostly o 12 milionů dolarů. Marcus Taylor z Venture Harbour tento případ popisuje jako školní ukázku toho, co nadbytečná pole dokážou formuláři udělat.
Tohle není výjimka. Marketo testovalo vliv počtu polí na cost per lead a zjistilo, že každé nadbytečné pole nafukuje náklady přibližně o 25 %. Baymard Institute analyzoval desítky checkoutů a došel k závěru, že průměrný e-commerce checkout zobrazuje 11,3 polí, přitom by stačilo zhruba 8. Osmnáct procent uživatelů opouští nákup jen proto, že jim formulář připadá příliš dlouhý.
Kde se uživatelé zaseknou
Zuko Analytics v roce 2025 analyzovalo 93 milionů sessions a sestavilo mapu problémových míst. Průměrný completion rate formulářů činí 51,7 %. Na desktopu dosahuje 55,5 %, na mobile klesá na 47,5 %. Rozdíl osmi procentních bodů je daný menší obrazovkou, obtížnějším psaním a horší navigací mezi poli.
Jednotlivá pole mají různou míru abandonment. Heslo vede s 10,5 %, následuje e-mail (6,4 %) a telefon (6,3 %). Clicktale provedl test, ve kterém označil telefonní pole jako nepovinné. Abandonment na tomto poli spadl z 39 % na 4 %. Samotné slovo „optional" tedy změnilo chování třetiny uživatelů.
Completion rate se liší i podle odvětví. Finanční služby dosahují 58,4 %, pojišťovnictví 55,8 %, e-commerce 50,9 %, zdravotnictví 44,4 %. Nejhůře jsou na tom nemovitosti s 34,6 %, protože jejich formuláře typicky vyžadují velké množství detailních údajů.
Jednosloupcový layout a správné zarovnání
Eye-tracking studie, které pro Google prováděl UX tým, potvrdily, že jednosloupcový layout překonává vícesloupcové rozložení. Uživatel čte formulář odshora dolů a nemusí přeskakovat mezi sloupci. Labely zarovnané nad polem (top-aligned) umožňují nejrychlejší zpracování, protože oko nemusí pendlovat mezi levým sloupcem popisků a pravým sloupcem inputů.
Na mobile je jednosloupcový layout jediná rozumná volba. Dva sloupce na 375px obrazovce znamenají pole široká asi 160 pixelů, do kterých se nevejde ani běžná e-mailová adresa. Venture Harbour ve svém přehledu 58 best practices formulářového designu doporučuje nikdy nestavět side-by-side otázky a radio buttony řadit vždy vertikálně.
Inline validace, tedy zobrazení chyby přímo u pole, funguje nejlépe s mírným zpožděním. Google UX výzkum určil optimální interval na 500 ms po tom, co uživatel přestane psát. Okamžitá validace (při každém stisku klávesy) působí agresivně, validace až po odeslání zase přichází příliš pozdě.
Autofill: nejsilnější páka, o které málokdo ví
Chrome Developers v roce 2024 publikovali data o dopadu autofill na formuláře. Výsledky jsou jednoznačné: formuláře se vyplní o 35 % rychleji a abandonment klesne o 75 %. Přesto mnoho webů autofill sabotuje, ať už špatně pojmenovanými poli, custom input komponentami, které prohlížeč nerozpozná, nebo záměrným blokováním přes `autocomplete="off"`.
Správná implementace vyžaduje jen pár kroků. Každé pole potřebuje odpovídající `autocomplete` atribut: `name`, `email`, `tel`, `street-address`, `postal-code`. Input `name` atributy by měly být srozumitelné (ne `field_7b`). Formulář by měl být obalený v `<form>` tagu, ne v `<div>`, protože prohlížeč hledá formulářové kontexty pro nabídku autofill.
Pro landing page s kontaktním formulářem je autofill obzvlášť důležitý. Uživatel, který přijde z reklamy, má omezenou trpělivost. Tři sekundy psaní místo patnácti mohou rozhodnout o tom, jestli formulář odešle.
Vícekrokové formuláře a psychologie dokončení
Multi-step formuláře konzistentně překonávají jednokrokové. Venture Harbour testoval oba formáty a vysvětluje to třemi psychologickými mechanismy. Za prvé, uživatel vidí méně polí najednou, což snižuje pocit přetížení. Za druhé, sunk cost efekt: kdo už vyplnil první krok, nechce investovaný čas zahodit. Za třetí, endowed progress effect, kdy progress bar začínající na nenulové hodnotě (například 20 %) motivuje k dokončení.
Progress bar sám o sobě má vliv na konverze. Venture Harbour zjistil, že animovaný progress bar funguje lépe než statický. A kontraintuitivně, pomalejší přechody mezi kroky zvyšují konverzi, protože příliš rychlá animace způsobí, že si uživatel změny nevšimne.
Conditional logic je další technika, která zkracuje formuláře bez ztráty informací. Pole se zobrazí jen tehdy, pokud předchozí odpověď to vyžaduje. Uživatel, který vybere „fyzická osoba", neuvidí pole pro IČO a DIČ. Průměrná délka formuláře se tím výrazně zkrátí, protože většina uživatelů nemusí vyplňovat všechna pole.
CTA tlačítko a microcopy
Text na odesílacím tlačítku ovlivňuje konverze víc, než byste čekali. Unbounce testoval varianty a zjistil, že změna z „Start your free trial" na „Start MY free trial" přinesla 90% nárůst kliků. Osobní formulace („Chci…", „Získám…") funguje lépe než neosobní příkazy („Odeslat", „Registrovat").
BettingExpert provedl podobný test: změna titulku formuláře spolu s úpravou CTA přinesla 31,54 % více registrací. Titulek formuláře, tedy text nad prvním polem, nastavuje očekávání. Pokud říká „Vyplňte údaje", uživatel cítí povinnost. Pokud říká „Získejte cenovou nabídku zdarma", cítí příslib hodnoty.
Microcopy pod poli, tedy krátké vysvětlivky typu „Váš e-mail nikdy nesdílíme" nebo „Heslo musí mít alespoň 8 znaků", snižuje nejistotu. Tam, kde uživatel váhá (heslo, telefon, platební údaje), krátká věta s vysvětlením nebo ujištěním prokazatelně snižuje abandonment.
Captcha a trust signály
Captcha je jeden z největších zabijáků konverzí. Stanfordská univerzita zkoumala dopad captcha na registrace a dospěla k číslu, které mnohé překvapí: captcha stojí až 30 % potenciálních registrací. Animoto tento výzkum potvrdilo v praxi, po odstranění captcha ze svého registračního formuláře získalo o 33,3 % více sign-ups.
Pokud musíte ověřovat, že uživatel není robot, invisible reCAPTCHA nebo hCaptcha pracují na pozadí bez viditelné interakce. Honeypot pole (skrytý input, který vyplní jen bot) je další lehká alternativa. Viditelná captcha s rozpoznáváním obrázků nebo textu má smysl jen tam, kde je riziko zneužití velmi vysoké, například u platebních bran.
Trust signály kolem formuláře hrají roli zejména u formulářů, které vyžadují citlivé údaje. Ikona zámku, odkaz na zásady ochrany osobních údajů a loga platebních metod zvyšují ochotu uživatele formulář dokončit. Venture Harbour uvádí, že live chat widget poblíž formuláře rovněž zvyšuje konverze, protože uživatel ví, že se může na cokoliv zeptat.
Chyby, které vidím nejčastěji
Po letech práce na webech pro klienty se některé problémy opakují. Placeholder text místo labelů: jakmile uživatel klikne do pole, zapomene, co tam patří. Chybové hlášky zobrazené až po odeslání celého formuláře: uživatel musí scrollovat nahoru a hledat, kde udělal chybu. Výchozí „Odeslat" na tlačítku, které nic neříká o tom, co se stane po kliknutí.
Dalším častým problémem je chybějící mobilní přizpůsobení. Formulář, který na desktopu vypadá přehledně, na mobilu schová odesílací tlačítko pod klávesnici. Input pole nemají nastavený správný `inputmode` atribut: pro telefonní číslo by se měla zobrazit numerická klávesnice (`inputmode="tel"`), pro e-mail klávesnice s @ (`inputmode="email"`).
Pokud plánujete redesign webu, začněte právě u formulářů. Jsou to místa, kde se rozhoduje o konverzích, a přitom jim při redesignu málokdo věnuje pozornost.
Shrnutí pravidel
Formulářový design má přímý dopad na tržby. Data z 93 milionů sessions, A/B testů od Venture Harbour a case studies firem jako Expedia a Animoto ukazují konzistentní vzorce. Méně polí. Jednosloupcový layout. Inline validace po 500 ms. Autofill s korektními HTML atributy. Vícekrokové formuláře s progress barem. Osobní CTA text. Žádná viditelná captcha.
Každé z těchto pravidel je ověřitelné a měřitelné. Stačí nasadit analytics na formulář (Zuko, Hotjar, Google Analytics events) a sledovat, kde uživatelé odcházejí. Většina vylepšení nevyžaduje velké technické zásahy, spíš pozornost k detailům, které se v průběhu vývoje webu snadno přehlédnou.
