Zjednodušte své formuláře

Formuláře a objednávkový proces jsou stěžejními body každého komerčního webu, kdy je hlavním cílem odeslání poptávkového či kontaktního formuláře anebo objednání zboží či služby. A právě v tomto kroku končí často velké procento návštěvníků webu. Podívejme se na nejčastější příčiny:

1. Nepřehledné formuláře, obsahující mnoho, často zbytečných údajů
2. Neoznačené povinné údaje formuláře
3. Nejasný význam jednotlivých položek

A přitom stačí tak málo. Vytvořte jasné a přehledné formuláře a vyžadujte jen nezbytné údaje.

1. Viditelně označte povinné údaje a informujte o nutnosti jejich vyplnění
2. Není-li zřejmý význam jednotlivých položek, vysvětlete je
3. Požadujte jen nezbytné údaje
4. Seskupujte související položky
5. Pole definujte dostatečně velká
6. Naznačte formát dat, tam kde to není zcela jasné (telefon)
7. Text popisků zarovnejte vlevo
8. Jasně odlište primární tlačítko a jasně jej pojmenujte
9. Kontrolujte formuláře JavaScriptem
10. Informujte o výsledku odeslání formuláře
11. Zašlete potvrzovací e-mail na zadanou adresu ve formuláři
12. V případě chyby nechejte vyplněna všechna pole, tak jak je vyplnil uživatel, pouze označte špatně vyplněná pole

Podívejte se na následující příklady možného způsoby rozložení formulářových polí a jejich popisků:

Který způsob se Vám líbí nejvíce? Nejpřehlednější a nejlépe čitelný je druhý způsob, kdy je textový popisek vedle polí a je zarovnán vlevo.

Má-li formulář více tlačítek, jasně odlište primární tlačítko.

Jak vidíte, i optická důležitost jednotlivých tlačítek formuláře, nákupního košíku či objednávkového procesu sehrává svoji roli. Mají-li tlačítka stejnou vizuální prioritu, mohou způsobit problémy. Je-li primární tlačítko opticky zvýrazněno, je jasná další hlavní požadovaná akce.

Důležitým faktorem je to, aby byl formulář co nejjednodušší a nejpřehlednější. Proto zobrazujte jen relevantní informace.
Například dodací adresu zobrazte jen tedy, zvolí-li uživatel možnost jiné dodací adresy.

Podívejme se, jak by mohl vypadat správně navržený formulář, který je přehledný, jasný a nezatěžuje zbytečnými údaji.

Efektivitu jednotlivých kroků objednávky můžete sledovat i pomocí Google Analytics, díky možnosti Cíle > Vizualizace cesty.

Okamžitě vidíte, které stránky jsou překážkou pro uživatele a na které kroky objednávky se zaměřit.