Autofyld og forudfyldte felter er to måder at mindske det, besøgende skal skrive. Autofyld virker fra browserens side. Forudfyldte felter virker fra din egen bagende. Sammen løfter de gennemførelsen markant.
Dette kapitel gennemgår, hvad begge dele gør, hvordan de virker, hvornår du bruger hver af dem, og hvordan du sætter dem rigtigt op.
De målbare fordele ved autofyld og forudfyldte felter
En undersøgelse fra Chrome Developers fulgte tusindvis af formularer i USA. Når besøgende bruger autofyld i browseren, udfylder de formularer cirka 35 % hurtigere. Frafaldet falder med cirka 75 %, selv når autofyld kun udfylder en del af formularen. Brugerne skal stadig gennemse og bekræfte det, browseren har udfyldt, men det er den mindre skrivning, der gør den store forskel.
I ét datasæt på tværs af flere formulartyper brugte 23 % af brugerne autofyld, mens de udfyldte formularen. De brugere gennemførte formularen i 71 % af tilfældene. For besøgende, der ikke brugte autofyld, var gennemførelsen 59 %. Den forskel på 12 procentpoint bliver hurtigt stor, når du kører formularer i stor skala.
Forudfyldte felter viser samme bevægelse. Når en formular ser delvist udfyldt ud, er brugere mere tilbøjelige til at gøre den færdig, end når de ser en tom formular. Det virker, fordi det føles lettere at gøre noget færdigt, der allerede er i gang, end at starte fra en blank side.
Sådan virker autofyld, og hvad du skal gøre for at understøtte det
De fleste besøgende bruger i dag en browser med autofyld. Chrome og de andre store browsere har det. Mange bruger også adgangskodeadministratorer, som udvider autofyld endnu mere. Men autofyld virker kun, hvis din formular er sat op til at modtage det.
Browseren ser på navnet på hvert inputfelt og på type-attributten. Hedder dit felt noget generisk som "field1" eller "input2", har browseren ingen idé om, hvad den skal udfylde det med. Kalder du det "email" og sætter typen til "email", ved browseren det. Kalder du det "shipping_address_line_1" og sætter autocomplete-attributten til "address-line1", ved browseren præcis, hvad der skal stå der.
Din HTML skal passe til det, browsere forventer. Brug standardnavne til felter. Sæt den rigtige type-attribut (email, tel, number, text). Tilføj autocomplete-attributten med den rette værdi til hvert felt. De mest almindelige felter, brugere forventer, at autofyld klarer, er e-mailfelter (type="email" og autocomplete="email"), telefonfelter (type="tel" og autocomplete="tel"), adressefelter (bestemte autocomplete-værdier som autocomplete="address-line1" til vejnavn og husnummer, autocomplete="address-level1" til region og autocomplete="postal-code" til postnummer) og navnefelter (type="text" og enten autocomplete="given-name" til fornavn eller autocomplete="family-name" til efternavn).
Hvis din formular helt springer autocomplete-attributten over, prøver browsere stadig at gætte ud fra feltnavne. Men tydelige autocomplete-værdier virker bedre. Det betaler sig hver gang, når en browser udfylder nogens adresse, uden at vedkommende skriver den.
Sådan virker forudfyldte felter, og hvornår de faktisk hjælper
Forudfyldte felter virker bedst, når brugeren ved, at du har oplysningen. Hvis nogen er logget ind på sin konto, forventer vedkommende, at telefonnummer og navn allerede står der. Hvis vedkommende klikkede på et link i en mail med teksten "Bekræft din adresse", forventer vedkommende, at adressen står udfyldt. Dataene er ingen overraskelse.
Forudfyld almindelige felter, som brugere allerede har givet dig. E-mail, hvis de tilmeldte sig med e-mail. Firmanavn, hvis de oprettede sig med et firma. Enhver adresse, du allerede har spurgt om. Lad felter være tomme, hvis de spørger om nye oplysninger. En besøgende vil gerne se, at du huskede, hvad vedkommende fortalte dig, men vil også have kontrol over det, der kommer ind i en formular, som vedkommende er ved at sende.
Åbenhed betyder noget her. Gør det tydeligt, hvorfor felterne er forudfyldt. "Vi har dit firmanavn gemt" eller "Det er den adresse, du gav os sidst" tager to sekunder at tilføje som en lille note over formularen og fjerner forvirring. Besværet opstår, når felter føles udfyldt uden samtykke.
Hvornår du bør holde igen med forudfyldning, og hvad der kan gå galt
Forudfyldte felter virker kun, når dataene er korrekte og opdaterede. Hvis en besøgende har ændret sit telefonnummer, men formularen henter fra en gammel database, ser vedkommende forkerte oplysninger og må rette dem. Det besvær ødelægger formålet. Giv altid brugere mulighed for at redigere og rette forudfyldte data. Lås aldrig et felt, så de må kontakte support for at ændre det.
Hvis du ikke er sikker på, at dataene er rigtige, så forudfyld kun de felter, du opdaterer jævnligt, og lad de andre være tomme. I regulerede brancher som finans eller sundhed skal du undlade at forudfylde følsomme felter, selv om du har dataene. Forudfyld ikke betalingsmetoder ved betaling, medmindre den besøgende udtrykkeligt har gemt metoden. Målet er at mindske besværet for besøgende, ikke at skabe en illusion af en udfyldt formular.
Sådan bruger du autofyld og forudfyldte felter sammen for størst effekt
Den stærkeste metode bruger begge dele på samme tid. For besøgende, der er logget ind, forudfyld de data, dit system har. For besøgende på en ny browser eller enhed, så sørg for, at dine autocomplete-attributter er sat rigtigt, så deres autofyld i browseren kan virke. Nogle besøgende ser forudfyldte data. Nogle bruger autofyld i browseren. Nogle gør begge dele. Uanset hvad kræver formularen mindre skrivning, og gennemførelsen forbedres.
Forskellige besøgende kommer i forskellig tilstand. En tilbagevendende kunde, der er logget ind, er ét scenarie. En ny besøgende ved første besøg er et andet. En tilbagevendende besøgende på en ny enhed er et tredje. Hver har gavn af den ene eller anden metode. Sammen skaber de en formularoplevelse, der føles effektiv, uanset hvilken vej den besøgende tager.
Hvad der er godt at forudfylde, og hvad du bør lade være tomt
Autofyld og forudfyldning virker bedst til almindelige oplysninger. E-mail, telefon, navn, adresse, firmanavn, postnummer. De felter findes i mange formularer, så både besøgende og browsere har gavn af, at de huskes.
Til følsomme oplysninger skal du være selektiv. Formularer til finans bør ikke forudfylde betalingsmetoder, medmindre den besøgende udtrykkeligt har gemt en. Formularer til sundhed bør ikke forudfylde sygehistorie. Sikkerhedsfelter som adgangskoder bør aldrig forudfyldes manuelt (adgangskodeadministratorer klarer det automatisk). Har din branche krav om regler, så følg dem uanset bekvemmeligheden.
Sådan måler du effekten på din gennemførelse
I dine indsendelser kan du ikke se, om en besøgende brugte autofyld. Men du kan måle effekten ved at sammenligne gennemførelsen før og efter, du understøtter autofyld. Hvis du i dag ikke har kode, der er venlig over for autofyld, så sæt dine autocomplete-attributter rigtigt op. Mål gennemførelsen i en uge, og sammenlign med ugen efter. Der bør vise sig et målbart løft.
For forudfyldte felter er testen ens. Kan du opdele din målgruppe, så vis nogle besøgende forudfyldte data og andre tomme felter. Gennemførelsen bør være højere for den forudfyldte gruppe. Hvis den ikke er, er dine data enten forkerte, eller også skaber antallet af forudfyldte felter forvirring i stedet for fremdrift.
Ofte stillede spørgsmål
Virker autofyld på samme måde på mobil som på computer?
Er det sikkert at bruge autofyld til adgangskoder?
Kan jeg forudfylde en formular med en URL-parameter?
Hvad sker der, hvis autofyldte data er forkerte?
Gør forudfyldning dataene dårligere eller giver den forældede oplysninger?
Hvilke formulartyper har mest gavn af autofyld og forudfyldning?
Autofyld og forudfyldte felter giver målbare resultater. En forbedring af hastigheden på 35 % og et fald i frafald på 75 % gælder for de besøgende, der bruger dem. De virker bedst sammen med en kort formular og tydelige feltnavne. Sammen forstærker de tre ting gevinsten i gennemførelse markant.
Læs mere om at gøre formularer kortere i den komplette guide til den ideelle formularlængde. Se den tekniske opsætning i, hvordan du forudfylder formularer med brugerdata. Læs strategien for optimering af konverteringen i formularer i guiden om optimering af formularers konverteringsrate.