Formulár, ktorý ľudia vyplnia: 5 vetiev od prvého poľa po poďakovanie
Ľudia formulár opustia z piatich dôvodov: je v ňom viac polí, než sa im chce vypĺňať, nevedia, čo majú napísať, pri chybe sa zlostia, na telefóne sa im s ním zle pracuje alebo po odoslaní nevedia, či sa niečo stalo. Prejdite formulár ako zákazník na mobile a pri každom poli sa spýtajte, či bez neho zvládnete prvú odpoveď. Väčšinu opráv urobíte za pár hodín bez nového webu.
- 5 vetiev
- každý list vedie na návod, pojem alebo službu
- čítanie 5 minút
Koľko polí a ktoré?Každé pole je malá práca. Pýtajte len to, bez čoho sa nedá odpovedať.
- Minimum na prvú odpoveďkaderníctvo: meno, telefón, požadovaný termín; účtovníčka: meno, e-mail, správaČlánok: formulár na webe, 10 pravidiel
- Každé pole je rozhodnutiepamäť a pozornosť človeka sú obmedzené; menej polí znamená menej námahyPojem: kognitívna záťaž
- Povinné a nepovinné polepovinné nechajte len tie nutné; nepovinné označte slovom „nepovinné“, nie hviezdičkou
- Dlhší formulár na krokyobjednávka s viacerými údajmi: najprv termín, potom kontakt; ukazovateľ „Krok 2 z 3“Pojem: lead (dopyt)
Vedia, čo majú napísať?Štítky a nápovedy. Človek nemá hádať, čo sa od neho chce.
- Štítok nad poľom, nie len vzor vnútrivzor v poli zmizne, keď človek začne písať, a pole sa stane záhadou
- Vysvetlite, načo údaj potrebujetepod telefónom: „aby sme vám mohli zavolať späť“; dôvod zvyšuje dôveruPojem: mikrokopia
- Reč zákazníka„S čím vám môžeme pomôcť?“ namiesto „Správa“; príklad v nápovede
- Tlačidlo hovorí, čo sa staneChcem ponuku alebo Rezervovať termín, nie OdoslaťPojem: výzva na akciu (CTA)
Čo sa stane pri chybe?Chyby a overovanie. Tu sa formulár často opúšťa.
- Chyba pri poli, povedaná slovami„Zadajte e-mail v tvare meno@firma.sk“, nie len červený rámikMapa: prístupný web, kontrola
- Overenie po opustení poľanie počas písania a nie až po odoslaní celého formulára
- Po chybe ostanú údaje vyplnenéčlovek opraví jedno pole, nevypisuje všetko nanovo
- Radšej predísť než vysvetľovaťvýber z možností, formát v nápovede, kalendár na dátum; prevencia chýb je jedna z Nielsenových 10 heuristíkPojem: použiteľnosť
Funguje na telefóne?Mobil. Klávesnica zakrýva pol obrazovky a prsty sú väčšie než kurzor.
- Klávesnica podľa poľačíselná pre telefón a PSČ, e-mailová so znakom @, bez automatických opráv v e-maile
- Pole a tlačidlo na ťuknutie palcomokolo 44 × 44 bodov (Apple) a 48 × 48 dp (Android, dp je jeho jednotka); pravidlá WCAG 2.2: aspoň 24 × 24 pxPojem: mobile-first
- Automatické dopĺňanie zapnutéprehliadač vie doplniť meno, e-mail, telefón a adresu, ak polia správne označíte
- Tlačidlo sa po otvorení klávesnice nestratískúste formulár vyplniť na vlastnom telefóne od začiatku po koniecČlánok: web na mobile, 12 vecí na kontrolu
Čo sa stane po odoslaní?Poďakovanie a ďalší krok. Tu človek zistí, či sa oplatilo písať.
- Potvrdenie na stránke„Ďakujeme, ozveme sa do jedného pracovného dňa“; sľúbte len to, čo dodržíte
- E-mail s kópiou správyčlovek vie, čo poslal, a že sa správa nestratila
- Ďalší krokodkaz na cenník alebo realizácie a telefón pre naliehavé veci
- Meranie odoslaníodoslanie formulára ako udalosť v meraní návštevnosti (GA4); porovnajte mesiac pred zmenou a po nejPojem: konverzný pomer
Ťuknutím na vetvu v mape skočíte na jej detail. Vetvy sa dajú zbaliť ťuknutím na nadpis, odkazy vedú na články, pojmy zo slovníka a služby.
Mapa v texte
Koľko polí a ktoré?
Pýtajte len to, bez čoho sa nedá odpovedať: meno, kontakt a správa. Všetko ostatné sa dá spýtať v prvej odpovedi. Každé pole je malé rozhodnutie a pridáva námahu, preto sa pri každom spýtajte, či bez neho zvládnete prvý kontakt. Dlhší formulár rozdeľte na kroky s ukazovateľom a nepovinné polia označte slovom.
Vedia, čo majú napísať?
Štítok patrí nad pole, lebo vzor vnútri pri písaní zmizne. Pod pole napíšte, načo údaj potrebujete (telefón: aby sme vám mohli zavolať späť), a otázky formulujte rečou zákazníka. Tlačidlo má hovoriť, čo sa stane: Chcem ponuku, nie Odoslať.
Čo sa stane pri chybe?
Chyba sa povie slovami pri konkrétnom poli a ukáže sa po jeho opustení, nie počas písania. Ostatné údaje zostanú vyplnené. Kde sa dá, chybe predíďte: výberom z možností, formátom v nápovede alebo kalendárom namiesto ručne písaného dátumu.
Funguje na telefóne?
Pole má vyvolať správnu klávesnicu (číselnú pre telefón, e-mailovú s @), prehliadač má vedieť údaje doplniť a pole aj tlačidlo majú byť dosť veľké na palec, okolo 44 × 44 bodov. Po otvorení klávesnice sa tlačidlo nesmie stratiť. Vyskúšajte formulár na vlastnom telefóne od začiatku po koniec.
Čo sa stane po odoslaní?
Po odoslaní musí byť na stránke jasné potvrdenie, že správa prišla, a kedy sa ozvete. Pošlite aj e-mail s kópiou, ukážte ďalší krok (cenník, realizácie, telefón) a nastavte meranie odoslaní, aby ste videli, či oprava pomohla.
Pojmy z mapy v slovníku
Čítajte ďalej
Časté otázky
Koľko polí má mať kontaktný formulár?
Je lepší dlhý formulár na kroky, alebo krátky na jednej stránke?
Čo opraviť ako prvé?
Koľko stojí úprava formulára?
Chcete to prejsť s nami?
Napíšte nám, kde ste sa v mape zasekli. Ozveme sa do pár hodín v pracovný deň, prvých 20 minút konzultácie je zadarmo a ponuku pošleme do 48 hodín.
