Compilazione automatica e campi precompilati sono due modi per ridurre quanto i visitatori devono scrivere. La compilazione automatica lavora dal lato del browser. I campi precompilati lavorano dal tuo backend. Insieme portano i tassi di completamento molto più in alto.
Questo capitolo spiega che cosa fanno entrambi, come funzionano, quando usare l'uno o l'altro e come implementarli nel modo giusto.
I vantaggi misurabili di compilazione automatica e campi precompilati
Uno studio di Chrome Developers ha seguito migliaia di moduli negli Stati Uniti. Quando i visitatori usano la compilazione automatica del browser, completano i moduli circa il 35% più in fretta. Il loro tasso di abbandono scende di circa il 75%, anche quando la compilazione automatica riempie solo una parte del modulo. Gli utenti devono comunque controllare e confermare ciò che il browser ha inserito, ma a fare la differenza è la minore fatica di scrittura.
In un insieme di dati su più tipi di modulo, il 23% degli utenti ha attivato la compilazione automatica durante il percorso. Quegli utenti hanno finito il modulo nel 71% dei casi. Per i visitatori che non l'hanno usata, il tasso di completamento era del 59%. Quel divario di 12 punti percentuali cresce in fretta quando gestisci moduli su larga scala.
I campi precompilati mostrano un andamento simile. Quando un modulo appare già in parte compilato, gli utenti sono più propensi a finirlo rispetto a quando vedono un modulo vuoto. Funziona perché completare qualcosa già avviato sembra più facile che partire da zero.
Come funziona la compilazione automatica e cosa devi fare per supportarla
La maggior parte dei visitatori oggi usa un browser con compilazione automatica. Chrome e tutti gli altri browser principali ce l'hanno. Molti usano gestori di password, che estendono ancora di più le capacità di compilazione automatica. Ma la compilazione automatica funziona solo se il tuo modulo è impostato per riceverla.
Il browser guarda il nome di ogni campo e il suo attributo type. Se il tuo campo si chiama in modo generico come "field1" o "input2", il browser non ha idea di che cosa inserire. Se lo chiami "email" e imposti il tipo "email", il browser lo sa. Se lo chiami "shipping_address_line_1" e imposti l'attributo autocomplete su "address-line1", il browser sa esattamente che cosa mettere lì.
Il tuo HTML deve corrispondere a ciò che i browser si aspettano. Usa nomi di campo standard. Imposta l'attributo type corretto (email, tel, number, text). Aggiungi l'attributo autocomplete con il valore giusto per ogni campo. I più comuni che gli utenti si aspettano siano gestiti dalla compilazione automatica sono i campi email (type="email" e autocomplete="email"), i campi telefono (type="tel" e autocomplete="tel"), i campi indirizzo (valori autocomplete specifici come autocomplete="address-line1" per la via, autocomplete="address-level1" per la provincia o lo stato, autocomplete="postal-code" per il CAP) e i campi nome (type="text" e autocomplete="given-name" per il nome oppure autocomplete="family-name" per il cognome).
Se il tuo modulo non usa affatto l'attributo autocomplete, i browser proveranno comunque a indovinare in base ai nomi dei campi. Ma i valori autocomplete espliciti funzionano meglio. L'impegno di impostare bene questi attributi si ripaga ogni volta che il browser di qualcuno inserisce il suo indirizzo senza che debba scriverlo.
Come funzionano i campi precompilati e quando aiutano davvero
I campi precompilati funzionano meglio quando l'utente sa che hai quell'informazione. Se qualcuno ha effettuato l'accesso al proprio account, si aspetta che numero di telefono e nome siano già lì. Se ha cliccato un link in una email con scritto "Conferma il tuo indirizzo", si aspetta di vedere l'indirizzo precompilato. I dati non sono una sorpresa.
Precompila i campi comuni che gli utenti ti hanno già dato. L'email, se si sono iscritti con l'email. Il nome dell'azienda, se si sono registrati con un'azienda. Qualsiasi indirizzo che hai già chiesto. Lascia vuoti i campi che chiedono informazioni nuove. Un visitatore vuole vedere che ti sei ricordato ciò che ti ha detto, ma vuole anche il controllo su ciò che entra in un modulo che sta per inviare.
Qui la trasparenza conta. Spiega con chiarezza perché quei campi sono precompilati. "Abbiamo il nome della tua azienda in archivio" oppure "Questo è l'indirizzo che ci hai dato l'ultima volta" richiede due secondi da aggiungere come piccola nota sopra il modulo e toglie la confusione. L'attrito nasce quando i campi sembrano compilati senza consenso.
Quando evitare la precompilazione e cosa può andare storto
I campi precompilati funzionano solo se i dati sono accurati e aggiornati. Se un visitatore ha cambiato numero di telefono ma il modulo attinge da un vecchio database, vede informazioni sbagliate e deve correggerle. Quell'attrito vanifica lo scopo. Dai sempre agli utenti la possibilità di modificare e correggere i dati precompilati. Non bloccare mai un campo obbligando a contattare l'assistenza per cambiarlo.
Se non sei sicuro dell'accuratezza dei dati, precompila solo i campi che aggiorni con regolarità e lascia vuoti gli altri. Nei settori regolamentati come i servizi finanziari o la sanità, evita di precompilare i campi sensibili anche se hai i dati. Non precompilare i metodi di pagamento nel checkout a meno che il visitatore non abbia salvato proprio quel metodo. L'obiettivo è ridurre l'attrito per i visitatori, non creare l'illusione di un modulo già completato.
Usare insieme compilazione automatica e campi precompilati per il massimo effetto
L'approccio più forte usa entrambi allo stesso tempo. Per i visitatori che hanno effettuato l'accesso, precompila i dati che il tuo sistema ha. Per i visitatori con un browser o un dispositivo nuovo, assicurati che gli attributi autocomplete siano impostati bene, così la compilazione automatica del browser può funzionare. Alcuni visitatori vedranno dati precompilati. Alcuni useranno la compilazione automatica del browser. Alcuni entrambi. In ogni caso il modulo richiede meno scrittura e i tassi di completamento migliorano.
I visitatori arrivano in situazioni diverse. Un cliente che torna e ha effettuato l'accesso è uno scenario. Un nuovo visitatore alla prima interazione è un altro. Un visitatore che torna da un dispositivo nuovo è un terzo. Ognuno beneficia dell'uno o dell'altro meccanismo. Insieme creano un'esperienza di modulo efficiente, qualunque strada prenda il visitatore.
Cosa conviene precompilare e cosa lasciare vuoto
Compilazione automatica e precompilazione sono più efficaci per le informazioni generali. Email, telefono, nome, indirizzo, nome dell'azienda, CAP. Questi campi compaiono in molti moduli, quindi sia i visitatori sia i browser traggono vantaggio dal fatto che vengano ricordati.
Per le informazioni sensibili, sii selettivo. I moduli finanziari non dovrebbero precompilare i metodi di pagamento a meno che il visitatore ne abbia salvato uno in modo esplicito. I moduli sanitari non dovrebbero precompilare la storia clinica. I campi di sicurezza come le password non dovrebbero mai essere precompilati a mano (i gestori di password se ne occupano in automatico). Se il tuo settore ha obblighi di conformità, segui quelle indicazioni a prescindere dai vantaggi di comodità.
Come misurare l'impatto sui tuoi tassi di completamento
Dagli invii del modulo non puoi vedere se un visitatore ha usato la compilazione automatica. Ma puoi misurare l'impatto confrontando i tassi di completamento prima e dopo aver implementato il supporto. Se oggi non hai codice adatto alla compilazione automatica, imposta bene gli attributi autocomplete. Misura il tasso di completamento per una settimana, poi confrontalo con la settimana successiva. Dovrebbe comparire un aumento misurabile.
Per i campi precompilati il test è simile. Se puoi segmentare il tuo pubblico, mostra ad alcuni visitatori i dati precompilati e ad altri i campi vuoti. Il tasso di completamento dovrebbe essere più alto per il gruppo con i dati precompilati. Se non lo è, o i tuoi dati sono imprecisi o il numero di campi che precompili crea confusione invece di slancio.
Domande frequenti
La compilazione automatica funziona allo stesso modo su mobile e su desktop?
È sicuro usare la compilazione automatica per i campi password?
Posso precompilare un modulo con un parametro nell'URL?
Che cosa succede se i dati compilati automaticamente sono sbagliati?
Precompilare un modulo riduce la qualità dei dati o introduce informazioni vecchie?
Quali tipi di modulo traggono più vantaggio da compilazione automatica e precompilazione?
Compilazione automatica e campi precompilati danno risultati misurabili. Un miglioramento del 35% nella velocità e una riduzione del 75% dell'abbandono riguardano i visitatori che li usano. Funzionano meglio insieme a un modulo corto e a etichette chiare. Insieme, questi tre elementi moltiplicano in modo significativo i guadagni nei completamenti.
Scopri di più su come ridurre la lunghezza dei moduli nella guida completa alla lunghezza ideale del modulo. Per l'implementazione tecnica, vedi come precompilare i moduli con i dati dell'utente. Per la strategia di ottimizzazione più ampia, consulta la guida all'ottimizzazione del tasso di conversione dei moduli.