Cum să optimizați formularele pentru a profita de completarea automată

Surprinde! Puteți face mai ușor pentru utilizatori să cumpere produsele dvs. online cu puterea completării automate.

Trebuie să fie ziua ta norocoasă. Sau, bine, ani?

Completarea automată nu este nouă, deși s-a îmbunătățit de-a lungul timpului. Este, totuși, o modalitate fantastică de a încuraja utilizatorii să completeze formularele dvs. web - indiferent dacă doriți ca ei să vă contacteze sau să introducă informațiile lor de plată, astfel încât să poată apăsa acel buton mare și frumos Cumpărați.

Completarea automată a formularelor preia tot efortul din formularele web, care pot fi plictisitoare, consumatoare de timp și o barieră în calea conversiei. Când completați automat datele din formular pentru utilizatorii dvs., oferiți o interfață de utilizator și o experiență de utilizator (UX) mai bune, economisind timp utilizatorilor și reducând potențialul de erori (cum ar fi greșelile de scriere).

De asemenea, îi scutește pe utilizatori de a fi nevoiți să se gândească prea mult sau, mai rău, să se ridice din confortul canapelei pentru a parcurge distanța de temut până la portofel.

Ai putea crede că suntem dramatici, dar uneori, după o zi lungă de muncă, conducerea ta este prea epuizată pentru a te ridica. Sau sunt o mamă ocupată care s-a gândit că vor face o achiziție rapidă în timpul pauzei de 5 minute și, dintr-o dată, nu au timp.

Într-un studiu, Google a descoperit că utilizatorii au completat formularele cu 30% mai rapid, cu completarea automată a formularelor activată. Această viteză, combinată cu confortul absolut al completării automate, mărește ratele de trimitere a formularelor și conversiile, făcând în același timp utilizatorii fericiți în acest proces. Și utilizatorii fericiți sunt utilizatori care revin.

Acesta este motivul pentru care capabilitățile automate sunt pe lista noastră de cele mai bune practici de proiectare a formularelor.

Deci, cum faceți ca completarea automată să funcționeze pe formularele dvs. web?

Totul începe cu ca dezvoltatorul dvs. web să vă optimizeze formularele pentru a funcționa cu browserul utilizatorului, astfel încât acesta să poată recunoaște câmpurile dvs. de formular pentru ceea ce sunt.

Cum funcționează completarea automată?

Ce zici să începem aici: ce este completarea automată în primul rând?

Completarea automată este un instrument ingenios oferit de majoritatea browserelor pentru utilizatorii lor. Când utilizatorii activează completarea automată, browserul lor va completa automat formularele pentru ei cu toate datele aplicabile ale utilizatorului pe care le-a salvat. Drept urmare, utilizatorul nu trebuie să completeze manual fiecare câmp.

Diferitele browsere salvează date de utilizator ușor diferite, dar sunt similare în general:

Notă: „Adresele” include numerele de telefon, adresele de e-mail și adresele de expediere.

Acum, cum își face umplerea automată magia?

Este destul de simplu. Browserul colectează informațiile pe care un utilizator le-a introdus în formularele anterioare de pe site-urile altora sau pe ale dvs. Unii utilizatori pot chiar să configureze completarea automată în setările de completare automată ale browserului lor și să ofere informațiile direct pentru a ușura viața. În acest caz, browserul poate salva date sensibile, cum ar fi o metodă de plată, printr-o procedură de autentificare.

Utilizatorii controlează preferințele de completare automată prin setările de completare automată și pot alege să o activeze sau să o dezactiveze.

Atâta timp cât este activat, browserul lor va folosi mai multe euristici pentru a determina care dintre câmpurile formularului poate completa automat pe baza permisiunilor utilizatorului.

Cum să adăugați completarea automată a formularelor la formularele dvs. web

Ești pregătit pentru o veste bună?

Atâta timp cât vă creați formularele web utilizând cele mai bune practici de formulare, completarea automată este de obicei un lucru dat, deoarece funcționalitatea principală este inclusă în browserul sau dispozitivul utilizatorului. Deci, trebuie să vă concentrați doar pe dezvoltarea de formulare care îndeplinesc standardele de codificare. Gestionați asta, iar completarea automată ar trebui să funcționeze pe formularele dvs. mobile și desktop.

Dacă nu, Google oferă două motive pentru care completarea automată ar putea să nu funcționeze pentru utilizatori:

1. 1. Este posibil ca site-ul dvs. să nu fie suficient de sigur pentru ca Chrome să furnizeze date despre utilizatori.
   2. Dacă site-ul dvs. este securizat, este posibil ca Chrome să nu poată detecta câmpurile dvs. de formular.

Pentru a preveni aceste probleme cu formularele dvs. web, asigurați-vă că site-ul dvs. este suficient de sigur pentru a îndeplini standardele browserului. Setați reguli de securitate, mențineți site-ul web și software-ul actualizate, utilizați un firewall și VPN și preveniți silozările de date.

Dacă site-ul dvs. este securizat și completarea automată nu funcționează de la sine, confirmați că formularul dvs. respectă următoarele cele mai bune practici privind codul de formular.

Cele mai bune practici din formular pentru a garanta lucrările de completare automată

În timp ce browserele își fac magia pentru a ușura viața utilizatorului, există modalități prin care îi puteți ajuta. Prin dezvoltarea de formulare web care oferă sugestiile potrivite browserului, puteți garanta că va putea completa automat datele formularului pentru utilizatorii dvs.

Începeți prin a oferi browserelor indicii despre tipul de date cu care ar trebui să umple câmpurile formularului, astfel încât browserul să vă citească formularul și să-și facă treaba mai ușor.

Pentru a face acest lucru, asigurați-vă că utilizați tipul de intrare corect și etichetele de intrare corespunzătoare. De asemenea, veți dori să furnizați atributul nume și atributul de completare automată pentru fiecare element de intrare. Imaginea de mai jos arată numele comun și atributele de completare automată conform standardelor HTML de care ați putea avea nevoie.

Fotografie de la Google Developers.

Pentru a respecta practicile standard de formulare HTML, dvs. sau dezvoltatorul site-ului dvs. ar trebui să vă asigurați că elementele de intrare sunt împachetate într-o etichetă <form> pentru a activa completarea automată. Browserul web Google Chrome necesită ca câmpurile de formular să fie într-o etichetă de formular HTML sau va oferi doar sugestii și nu va completa automat datele formularului.

Ce să nu faci: practici care împiedică completarea automată

În timp ce unele practici ajută browserele să completeze automat datele formularelor, altele îi stau în cale. Când creați formulare, asigurați-vă că:

• • Evitați capcanele de validare pe teren, cum ar fi validarea pe partea clientului
  • Utilizați câmpuri de intrare standard în loc să creați propriile câmpuri
  • Utilizați atributul substituent în câmpurile de intrare în loc de substituenți falși
  • Nu copiați o adresă de expediere în adresa de facturare
  • Asigurați-vă că formularele dvs. funcționează cu managerii de parole
  • Uneori, datele browserului nu sunt singura mână de ajutor atunci când vine vorba de completarea automată a formularelor.

Utilizatorii s-au săturat să țină evidența unui milion de parole și îi poți învinovăți? Nimic nu este mai rău decât să ghicești o parolă până când nu ai acces la un cont sau să renunți și să resetați o parolă doar pentru a vi se spune că nu o puteți folosi pe cea actuală. (Nu l-ai încercat deja?!)

La rândul lor, managerii de parole care țin evidența tuturor numelor de utilizator și parolelor într-un singur loc au crescut în popularitate. Cei mai buni dintre acești manageri, cum ar fi LastPass și 1Password, vin cu capacitatea de a completa automat parolele în formularele de conectare.

Pentru proprietarii de site-uri web, aceasta înseamnă să vă asigurați că formularele dvs. de conectare funcționează cu aplicațiile de completare automată a parolelor.

Din fericire, managerii de parole se agață singuri în formularele corect construite – la fel ca browserele. Urmați sfaturile de mai sus, iar formularul dvs. ar trebui să funcționeze perfect cu LastPass și 1Password.

Dar, la fel ca și browserele, există modalități prin care puteți ajuta managerii de parole să vă citească formularul și să le garantați funcționarea:

• • Nu utilizați formulare de conectare care adaugă sau elimină câmpuri în mod dinamic
  • Afișați formularul pe prima redare a paginii web
  • Folosiți atributele de substituent așa cum este prevăzut
  • Evitați utilizarea formularelor de conectare cu mai multe pagini atunci când este posibil

Cum să completați automat: alte sfaturi

Când vine vorba de formarea UX, îndeplinirea așteptărilor utilizatorilor este cerința minimă, iar depășirea așteptărilor este scopul. Uneori, aceasta înseamnă implementarea flexibilității aspectului formularelor pentru a se adapta la diferențele dintre așteptările utilizatorilor.

În cazul funcționalității de completare automată, crearea unui aspect flexibil de formular poate fi crucială pentru companiile care fac afaceri în sau deservesc consumatorii din mai multe țări, deoarece oamenii din întreaga lume scriu adresele diferit. Pentru a satisface așteptările și browserele acestor utilizatori, luați în considerare furnizarea unui formular flexibil care ajustează câmpurile de adrese în consecință.

Configurarea formularelor de completare automată pentru aplicații

Când creați o aplicație pe care utilizatorii o vor accesa pe dispozitivele Apple, asigurați-vă că aplicația dvs. acceptă funcționalitatea de completare automată a parolei Apple și configurați domeniile asociate aplicației dvs. conform instrucțiunilor de aici:

Cerințe de completare automată iOS

Pentru aplicațiile de pe dispozitive Android, cadrul de completare automată Android va completa automat formularele, atâta timp cât aplicația dvs. utilizează vizualizări standard. Puteți optimiza modul în care funcționează aplicația dvs. în cadrul cadru completând un flux de lucru de completare automată, configurarea domeniilor asociate, marcarea câmpurilor ca importante și folosind atributul android:autofillHints așa cum este descris aici:

Operarea și instrucțiunile de completare automată Android

Obțineți mulțumiri în conversii

Asigurarea faptului că formularele dvs. funcționează bine cu capabilitățile de completare automată ale browserelor și ale managerilor de parole este una dintre cele mai bune modalități de a îmbunătăți UX-ul formularelor și de a reduce frecarea în jurul trimiterilor de formulare. Cui nu-i place să obțină același rezultat cu jumătate (sau mai puțin!) din efort?

Completarea automată ușurează viața utilizatorilor, făcând formularele mai rapid și mai simplu de completat, ceea ce înseamnă că utilizatorii obțin ceea ce căutau și veți obține mai multe conversii.

Și, în opinia noastră, conversiile sunt cel mai bun mod în care un utilizator poate spune mulțumesc.

Sunteți interesat să faceți formularele dvs. de nebunie (alias rapid, superb, ușor de utilizat și optimizat pentru completarea automată a datelor din formular)? Echipa noastră este pasionată de toate acestea și ne place să vorbim. Întinde mâna.