Automatikus kitöltés és előre kitöltött mezők: hogyan növeli a kényelem az űrlapkitöltést

Ha az automatikus kitöltés működik, a kitöltés 35%-kal gyorsabb, az elhagyás 75%-kal csökken. Nézd meg, hogyan növeld velük a konverziót.

Piszkozat

Az automatikus kitöltés és az előre kitöltött mezők két módja annak, hogy a látogatóknak kevesebbet kelljen gépelniük. Az automatikus kitöltés a böngésző oldaláról működik. Az előre kitöltött mezők a te háttérrendszeredből. Együtt jelentősen magasabbra viszik a kitöltési arányt.

Ez a fejezet azt mutatja meg, mit tesz mindkettő, hogyan működnek, mikor melyiket használd, és hogyan valósítsd meg helyesen.

Az automatikus kitöltés és az előre kitöltött mezők mérhető előnyei

Egy Chrome Developers vizsgálat az Egyesült Államokban több ezer űrlapot követett. Amikor a látogatók böngészős automatikus kitöltést használnak, nagyjából 35%-kal gyorsabban töltik ki az űrlapot. Az elhagyási arányuk nagyjából 75%-kal csökken, még akkor is, ha az automatikus kitöltés csak az űrlap egy részét tölti ki. A felhasználóknak még át kell nézniük és meg kell erősíteniük, amit a böngésző beírt, de a gépelés csökkenése okozza az igazi különbséget.

Egy több űrlaptípust átfogó adatkészletben a felhasználók 23%-a használta az automatikus kitöltést az űrlap során. Ők az esetek 71%-ában befejezték az űrlapot. Azoknál, akik nem használtak automatikus kitöltést, a kitöltési arány 59% volt. Ez a 12 százalékpontos különbség gyorsan összeadódik, ha nagy léptékben futtatsz űrlapokat.

Az előre kitöltött mezők hasonló elmozdulást mutatnak. Ha egy űrlap részben kitöltöttnek látszik, a felhasználók nagyobb valószínűséggel fejezik be, mint egy üres űrlapot. Ez azért működik, mert egy már megindult dolog befejezése könnyebbnek érződik, mint a tiszta lapról indulás.

Hogyan működik az automatikus kitöltés, és mit kell tenned a támogatásához?

Ma a legtöbb látogató automatikus kitöltéssel rendelkező böngészőt használ. A Chrome-ban és a többi nagy böngészőben is megvan. Sokan használnak jelszókezelőket, amelyek még tovább bővítik az automatikus kitöltés lehetőségeit. De az automatikus kitöltés csak akkor működik, ha az űrlapod fel van készítve a fogadására.

A böngésző megnézi az egyes beviteli mezők nevét és a type attribútumot. Ha a meződ valami általános nevet visel, például „field1” vagy „input2”, a böngésző nem tudja, mivel töltse ki. Ha „email” a neve, és a típusa „email”, a böngésző tudja. Ha „shipping_address_line_1” a neve, és az autocomplete attribútum „address-line1”, a böngésző pontosan tudja, mit írjon oda.

A HTML-ednek meg kell felelnie annak, amit a böngészők várnak. Használj szabványos mezőneveket. Állítsd be a helyes type attribútumot (email, tel, number, text). Add hozzá az autocomplete attribútumot az egyes mezők megfelelő értékével. A leggyakoribbak, amelyekre a felhasználók automatikus kitöltést várnak: az e-mail mezők (type="email" és autocomplete="email"), a telefonmezők (type="tel" és autocomplete="tel"), a címmezők (konkrét autocomplete értékekkel, például autocomplete="address-line1" az utcához, autocomplete="address-level1" a megyéhez, autocomplete="postal-code" az irányítószámhoz), és a névmezők (type="text" és vagy autocomplete="given-name" a keresztnévhez, vagy autocomplete="family-name" a vezetéknévhez).

Ha az űrlapod teljesen kihagyja az autocomplete attribútumot, a böngészők akkor is megpróbálnak találgatni a mezőnevek alapján. De a kifejezett autocomplete értékek jobban működnek. Az attribútumok helyes beállításába fektetett munka minden alkalommal megtérül, amikor valakinek a böngészője begépelés nélkül kitölti a címét.

Hogyan működnek az előre kitöltött mezők, és mikor segítenek valójában?

Az előre kitöltött mezők akkor működnek a legjobban, ha a felhasználó tudja, hogy megvan nálad az információ. Ha valaki bejelentkezett a fiókjába, azt várja, hogy a telefonszáma és a neve már ott legyen. Ha egy e-mailben az „Erősítsd meg a címedet” hivatkozásra kattintott, azt várja, hogy a cím előre kitöltve jelenik meg. Az adat nem meglepetés.

Töltsd ki előre a gyakori mezőket, amelyeket a felhasználók már megadtak. Az e-mail-címet, ha e-mail-címmel iratkoztak fel. A cégnevet, ha céggel regisztráltak. Minden címet, amelyet már kértél. Hagyd üresen azokat a mezőket, amelyek új információt kérnek. A látogató azt akarja látni, hogy megjegyezted, amit mondott, de azt is akarja, hogy ő irányítsa, mi kerül egy olyan űrlapba, amelyet mindjárt beküld.

Az átláthatóság itt számít. Tedd világossá, miért vannak előre kitöltve a mezők. Az „A cégneved nálunk van nyilvántartva” vagy az „Ezt a címet adtad meg legutóbb” két másodperc alatt hozzáadható kis megjegyzésként az űrlap fölé, és megszünteti a zavart. A nehézség ott jön, amikor a mezők úgy érződnek, mintha beleegyezés nélkül töltenék ki őket.

Mikor tartsd vissza magad az előre kitöltéstől, és mi romolhat el?

Az előre kitöltött mezők csak akkor működnek, ha az adat pontos és friss. Ha a látogató módosította a telefonszámát, de az űrlap egy régi adatbázisból húz, rossz információt lát, és javítania kell. Ez a nehézség lerontja a célt. Mindig adj lehetőséget a felhasználóknak az előre kitöltött adatok szerkesztésére és javítására. Soha ne zárolj egy mezőt úgy, hogy az ügyfélszolgálatot kelljen megkeresni a módosításhoz.

Ha nem vagy biztos az adat pontosságában, csak azokat a mezőket töltsd ki előre, amelyeket rendszeresen frissítesz, a többit hagyd üresen. A szabályozott ágazatokban, mint a pénzügyi szolgáltatások vagy az egészségügy, kerüld az érzékeny mezők előre kitöltését, még ha megvan is az adat. Ne töltsd ki előre a fizetési módot a pénztárnál, hacsak a látogató kifejezetten el nem mentette. A cél a látogatók nehézségének csökkentése, nem a kész űrlap illúziójának keltése.

Az automatikus kitöltés és az előre kitöltött mezők együtt a legnagyobb hatásért

A legerősebb megközelítés mindkettőt egyszerre használja. A bejelentkezett látogatóknál töltsd ki előre azt, amit a rendszered tud. Az új böngészőt vagy eszközt használóknál győződj meg róla, hogy az autocomplete attribútumok helyesen vannak beállítva, hogy a böngésző automatikus kitöltése működhessen. Egyes látogatók előre kitöltött adatot látnak. Egyesek a böngésző automatikus kitöltését használják. Egyesek mindkettőt. Így vagy úgy, az űrlap kevesebb gépelést igényel, és a kitöltési arány javul.

A különböző látogatók különböző állapotban érkeznek. A bejelentkezett visszatérő vevő az egyik helyzet. Az új látogató az első interakcióján a másik. A visszatérő látogató új eszközön a harmadik. Mindegyik az egyik vagy a másik módszerből profitál. Együtt olyan űrlapélményt hoznak létre, amely hatékonynak érződik, bármelyik úton jön is a látogató.

Mit érdemes előre kitölteni, és mit kell üresen hagyni?

Az automatikus kitöltés és az előre kitöltés az általános információknál a leghatásosabb. E-mail-cím, telefonszám, név, cím, cégnév, irányítószám. Ezek a mezők sok űrlapon megjelennek, ezért a látogatók és a böngészők is profitálnak abból, hogy megjegyzik őket.

Az érzékeny információknál légy válogatós. A pénzügyi űrlapok ne töltsék ki előre a fizetési módot, hacsak a látogató kifejezetten el nem mentett egyet. Az egészségügyi űrlapok ne töltsék ki előre az egészségügyi előzményeket. A biztonsági mezőket, mint a jelszavakat, soha ne töltsd ki kézzel előre (a jelszókezelők ezt automatikusan kezelik). Ha az ágazatodban megfelelési követelmények vannak, kövesd azokat, a kényelmi előnyöktől függetlenül.

Hogyan mérd a hatást a kitöltési arányodra?

Az űrlapbeküldésekből nem látod, hogy a látogató használt-e automatikus kitöltést. De a hatást mérheted, ha összehasonlítod a kitöltési arányt az automatikus kitöltés támogatásának bevezetése előtt és után. Ha ma még nincs automatikus kitöltéshez illő kódod, állítsd be helyesen az autocomplete attribútumokat. Mérd egy hétig a kitöltési arányt, aztán hasonlítsd össze a következő héttel. Mérhető javulásnak kell mutatkoznia.

Az előre kitöltött mezőknél a teszt hasonló. Ha tudod szegmentálni a közönségedet, mutass egyes látogatóknak előre kitöltött adatot, másoknak üres mezőket. Az előre kitöltött csoportnál magasabbnak kell lennie a kitöltési aránynak. Ha nem az, vagy pontatlan az adatod, vagy az előre kitöltött mezők száma zavart okoz lendület helyett.

Gyakran ismételt kérdések

Mobilon ugyanúgy működik az automatikus kitöltés, mint asztali gépen?
Az automatikus kitöltés mobilon kevésbé megbízható az asztali gépnél, mert minden mobilböngésző másképp valósítja meg. Az iPhone-ok alapértelmezett böngészőjében van automatikus kitöltés, de másképp működik, mint a Chrome Androidon. A jelszókezelők mobilon jól működnek, és gyakran jobb automatikus kitöltési képességekkel rendelkeznek a böngésző beépítettjénél. A legjobb gyakorlat, hogy az autocomplete attribútumok helyesek legyenek, és több böngészőben teszteld. A mobilfelhasználók még jobban értékelik az automatikus kitöltést az asztali gépeseknél, mert telefonon lassabb a gépelés, így minden gépelés-csökkentés többet számít. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon beállíthatod.
Biztonságos az automatikus kitöltés a jelszómezőknél?
A jelszókezelők kezelik a jelszómezők automatikus kitöltését, és ez biztonságos. A böngészős jelszó-kitöltés a HTTPS-titkosításra támaszkodik, így a böngésző nem tölt ki jelszómezőt titkosítatlan oldalon. Ha az űrlapod jelszó létrehozását kéri a felhasználótól, ne töltsd ki kézzel előre a jelszómezőt. Hagyd, hogy a jelszókezelő kezelje. Ha az űrlapod meglévő jelszó megadását kéri (például bejelentkezési űrlap), a böngésző és a jelszókezelő biztonságosan kitöltheti, amíg az oldalad HTTPS-t használ.
Kitölthetek előre egy űrlapot URL-paraméterrel?
Igen. Ha egy olyan URL-paraméter, mint a ?email=visitor@example.com, megérkezik az űrlapodhoz, az űrlapod beolvashatja a paramétert, és kitöltheti az e-mail mezőt. Ez gyakori, ha az űrlapra e-mailekből vagy külső forrásokból hivatkoznak, amelyek ismerik a látogató e-mail-címét. A technikai beállítás platformonként eltér, de a legtöbb űrlapszerkesztő támogatja az URL-paraméteres előre kitöltést. Az előny, hogy olyan adatot töltesz ki, amelyet a forrásalkalmazás kifejezetten megad, nem az adatbázisodból származót. Ügyelj rá, hogy érzékeny információt ne tegyél URL-paraméterekbe, ahol véletlenül naplózhatják vagy gyorsítótárazhatják.
Mi történik, ha az automatikusan kitöltött adat hibás?
A látogató látja a hibás adatot, és kijavítja. Ezért fontos, hogy a mezők szerkeszthetők legyenek. Beírja vagy törli a mezőt, és megadja a helyes információt. A kitöltött űrlap még mindig beküldhető. A hátránya, hogy egy javítási lépést adtál hozzá, nem pedig megszüntettél egyet. Ha azt veszed észre, hogy az automatikusan kitöltött adatok rendszeresen hibásak (például olyan város és megye, amely nem egyezik az irányítószámmal), kínálhatsz automatikus kiegészítési javaslatokat, hogy a látogatót a helyes kombinációhoz vezesd, vagy megkérheted, hogy a beküldés előtt egy összefoglaló megjelenítésével ellenőrizze az adatot.
Az űrlap előre kitöltése rontja az adatminőséget, vagy elavult információt hoz?
Az előre kitöltött adat elavult lehet, ha az adatbázisodat régen frissítették. A minőségi kérdés az, hogy a legjobb vagy a régi adatodat mutatod-e a látogatóknak. Ha a telefonszámokat töltöd ki előre, és a látogatók kétévente váltanak számot, az előre kitöltött szám lehet hibás. A megoldás, hogy megkéred a látogatókat, erősítsék meg az előre kitöltött adatot a beküldés előtt, vagy csak azokat a mezőket töltöd ki előre, amelyeket gyakran frissítesz, a többit üresen hagyod. Mindig hagyd, hogy a beküldés előtt szerkeszthessék.
Mely űrlaptípusok profitálnak a legtöbbet az automatikus és az előre kitöltésből?
A pénztári űrlapok, az érdeklődőgyűjtő űrlapok és a fiókregisztrációs űrlapok kapják a legnagyobb lökést az automatikus és az előre kitöltéstől, mert ugyanazt az információt kérik ismételten (e-mail-cím, cím, telefonszám). A visszajelzési űrlapok és kérdőívek kevésbé profitálnak, mert minden alkalommal egyedi információt kérnek. Az olyan űrlapok, amelyek csak e-mail-címet kérnek, kevesebbet profitálnak az előre kitöltésből, mert amúgy is csak egy mezőt kell kitölteni. A prioritási sorrend: először a pénztári és webshop-űrlapok, aztán a fiókkal kapcsolatos űrlapok (bejelentkezés, jelszó-visszaállítás, regisztráció), majd az elérhetőséget vagy címet kérő űrlapok. Alacsony prioritású célpontok az egymezős űrlapok vagy a nagyon specifikus, minden alkalommal egyedi információt kérő űrlapok.

Az automatikus kitöltés és az előre kitöltött mezők mérhető eredményeket hoznak. A 35%-os gyorsulás és a 75%-os elhagyáscsökkenés azokra a látogatókra vonatkozik, akik használják őket. A legjobban egy rövid űrlap és világos feliratozás mellett működnek. Együtt ez a három elem jelentősen összeadja a kitöltési nyereséget.

Az űrlap hosszának csökkentéséről többet olvashatsz az ideális űrlaphossz teljes útmutatójában. A technikai megvalósításhoz nézd meg, hogyan tölts ki előre űrlapokat felhasználói adatokkal. A tágabb optimalizálási stratégiához fedezd fel az űrlap-konverzióoptimalizálási útmutatót.

Használd ki azonnal
a saját weboldaladon.

Kezdd ingyen a WEMASY-vel, és építsd fel az oldaladat pár perc alatt.