Automatické vyplňování a předvyplněná pole: pohodlí zvyšuje dokončování formulářů

Automatické vyplňování a předvyplněná pole jsou dva způsoby, jak snížit množství psaní, které musí návštěvníci udělat. Automatické vyplňování funguje na straně prohlížeče. Předvyplněná pole fungují z vašeho backendu. Dohromady výrazně zvyšují míru dokončení.

Tato kapitola vysvětluje, co obojí dělá, jak to funguje, kdy použít které a jak je správně zavést.

Měřitelné přínosy automatického vyplňování a předvyplněných polí

Studie Chrome Developers sledovala tisíce formulářů ve Spojených státech. Když návštěvníci používají automatické vyplňování v prohlížeči, dokončí formuláře přibližně o 35 % rychleji. Jejich podíl odchodů klesne přibližně o 75 %, i když automatické vyplňování doplní jen část formuláře. Uživatelé stále musejí zkontrolovat a potvrdit, co prohlížeč vyplnil, ale rozdíl dělá právě menší námaha s psaním.

V jednom souboru dat napříč různými typy formulářů spustilo automatické vyplňování během své cesty formulářem 23 % uživatelů. Tito uživatelé formulář dokončili v 71 % případů. U návštěvníků, kteří automatické vyplňování nepoužili, byla míra dokončení 59 %. Rozdíl 12 procentních bodů se rychle sčítá, když provozujete formuláře ve velkém.

Předvyplněná pole ukazují podobný posun. Když formulář vypadá částečně hotový, uživatelé ho dokončí spíš než prázdný formulář. Funguje to proto, že dokončit něco, co už je rozjeté, působí snadněji než začínat od nuly.

Jak funguje automatické vyplňování a co musíte udělat pro jeho podporu

Většina dnešních návštěvníků používá prohlížeč s automatickým vyplňováním. Mají ho Chrome i všechny další hlavní prohlížeče. Mnozí používají správce hesel, které možnosti automatického vyplňování ještě rozšiřují. Automatické vyplňování ale funguje jen tehdy, když je váš formulář připravený ho přijmout.

Prohlížeč se dívá na název každého vstupního pole a na atribut type. Pokud se vaše pole jmenuje obecně, třeba „field1“ nebo „input2“, prohlížeč netuší, čím ho vyplnit. Pokud ho pojmenujete „email“ a nastavíte typ „email“, prohlížeč to ví. Pokud ho pojmenujete „shipping_address_line_1“ a nastavíte atribut autocomplete na „address-line1“, prohlížeč přesně ví, co tam doplnit.

Váš HTML kód musí odpovídat tomu, co prohlížeče očekávají. Používejte standardní názvy polí. Nastavte správný atribut type (email, tel, number, text). Přidejte atribut autocomplete se správnou hodnotou pro každé pole. K nejběžnějším polím, u kterých uživatelé čekají, že je automatické vyplňování zvládne, patří pole pro e-mail (type="email" a autocomplete="email"), pole pro telefon (type="tel" a autocomplete="tel"), pole pro adresu (konkrétní hodnoty autocomplete, například autocomplete="address-line1" pro ulici, autocomplete="address-level1" pro stát a autocomplete="postal-code" pro PSČ) a pole pro jméno (type="text" a buď autocomplete="given-name" pro křestní jméno, nebo autocomplete="family-name" pro příjmení).

Pokud váš formulář atribut autocomplete úplně vynechá, prohlížeče se stále pokusí hádat podle názvů polí. Výslovné hodnoty autocomplete ale fungují lépe. Investice do správného nastavení těchto atributů se vrátí pokaždé, když prohlížeč někomu vyplní adresu, aniž by ji musel psát.

Jak fungují předvyplněná pole a kdy skutečně pomáhají

Předvyplněná pole fungují nejlépe, když uživatel ví, že údaje máte. Pokud se někdo přihlásil do svého účtu, čeká, že tam už bude jeho telefonní číslo a jméno. Pokud kliknul na odkaz v e-mailu s textem „Potvrďte svou adresu“, čeká, že se adresa objeví předvyplněná. Údaje nejsou překvapením.

Předvyplňte běžná pole, která vám uživatelé už sdělili. E-mail, pokud se registrovali e-mailem. Název firmy, pokud se registrovali s firmou. Jakoukoli adresu, na kterou jste se už ptali. Pole, která žádají nové informace, nechte prázdná. Návštěvník chce vidět, že jste si zapamatovali, co vám řekl, ale chce také mít pod kontrolou, co se dostane do formuláře, který se chystá odeslat.

Důležitá je zde průhlednost. Vysvětlete, proč jsou pole předvyplněná. Poznámka nad formulářem „Název vaší firmy u nás máme uložený“ nebo „Toto je adresa, kterou jste nám uvedli minule“ zabere dvě sekundy a odstraní zmatek. Tření vzniká, když pole působí, jako by se vyplňovala bez souhlasu.

Kdy s předvyplňováním počkat a co se může pokazit

Předvyplněná pole fungují jen tehdy, když jsou údaje přesné a aktuální. Pokud návštěvník změnil telefonní číslo, ale formulář čerpá ze staré databáze, vidí špatné údaje a musí je opravit. Takové tření celý smysl maří. Vždy dejte uživatelům možnost předvyplněné údaje upravit a opravit. Nikdy pole nezamykejte a nenuťte je kvůli změně kontaktovat podporu.

Pokud si nejste jistí přesností údajů, předvyplňte jen pole, která pravidelně aktualizujete, a ostatní nechte prázdná. V regulovaných oborech, jako jsou finanční služby nebo zdravotnictví, citlivá pole nepředvyplňujte, i když údaje máte. V pokladně nepředvyplňujte platební metody, pokud ji návštěvník výslovně neuložil. Cílem je snížit tření pro návštěvníky, ne vytvořit iluzi hotového formuláře.

Společné použití automatického vyplňování a předvyplněných polí pro maximální účinek

Nejsilnější přístup používá obojí zároveň. U přihlášených návštěvníků předvyplňte údaje, které váš systém má. U návštěvníků s novým prohlížečem nebo zařízením zajistěte správně nastavené atributy autocomplete, aby jim mohlo fungovat automatické vyplňování v prohlížeči. Někteří návštěvníci uvidí předvyplněné údaje. Někteří použijí automatické vyplňování v prohlížeči. Někteří obojí. Tak či onak formulář vyžaduje méně psaní a míra dokončení roste.

Návštěvníci přicházejí v různých situacích. Vracející se zákazník, který se přihlásil, je jeden scénář. Nový návštěvník při první interakci je druhý. Vracející se návštěvník s novým zařízením je třetí. Každému pomáhá jeden z těchto mechanismů. Společně vytvářejí zážitek z formuláře, který působí efektivně bez ohledu na to, kterou cestou návštěvník přijde.

Co se dobře předvyplňuje a co nechat prázdné

Automatické vyplňování a předvyplňování jsou nejúčinnější u obecných informací. E-mail, telefon, jméno, adresa, název firmy, PSČ. Tato pole se objevují na mnoha formulářích, takže návštěvníkům i prohlížečům pomáhá, když si je pamatují.

U citlivých informací buďte selektivní. Finanční formuláře by neměly předvyplňovat platební metody, pokud návštěvník výslovně žádnou neuložil. Zdravotnické formuláře by neměly předvyplňovat zdravotní historii. Bezpečnostní pole, jako jsou hesla, by se nikdy neměla předvyplňovat ručně (správci hesel to řeší automaticky). Pokud má váš obor požadavky na shodu s předpisy, řiďte se jimi bez ohledu na výhody pohodlí.

Jak změřit dopad na míru dokončení

Z odeslaných formulářů nepoznáte, zda návštěvník použil automatické vyplňování. Dopad ale změříte porovnáním míry dokončení před zavedením podpory automatického vyplňování a po něm. Pokud dnes nemáte kód přátelský k automatickému vyplňování, nastavte správně atributy autocomplete. Měřte míru dokončení jeden týden a porovnejte ji s týdnem následujícím. Měřitelný nárůst by se měl projevit.

U předvyplněných polí je test podobný. Pokud umíte rozdělit publikum, ukažte některým návštěvníkům předvyplněné údaje a jiným prázdná pole. Míra dokončení by u předvyplněné skupiny měla být vyšší. Pokud není, vaše údaje jsou buď nepřesné, nebo počet předvyplňovaných polí vytváří zmatek místo rozjezdu.

Časté dotazy

Automatické vyplňování a předvyplněná pole přinášejí měřitelné výsledky. Zrychlení o 35 % a snížení odchodů o 75 % platí pro návštěvníky, kteří je používají. Nejlépe fungují vedle krátkého formuláře a jasného popisování polí. Dohromady tyto tři prvky výrazně znásobují zisky v dokončování.

Více o zkracování formulářů najdete v kompletním průvodci ideální délkou formuláře. Pro technické zavedení si přečtěte, jak předvyplnit formuláře údaji o uživateli. Pro širší strategii optimalizace prozkoumejte průvodce optimalizací konverzního poměru formulářů.