Dati nei campi sbagliati: come migliorare la compilazione automatica

Capire se è sbagliato il suggerimento o la destinazione

Annota il campo, il valore atteso e quello inserito. Un vecchio indirizzo salvato nel browser è diverso da un indirizzo corretto finito nella casella dell’email. Nel primo caso il visitatore deve poter scegliere o correggere i propri dati; nel secondo va verificata la struttura del modulo.

Ripeti la prova con un profilo di test che contenga informazioni riconoscibili e distinte. Evita una scheda nella quale nome, azienda e destinatario sono quasi uguali: rende più difficile vedere gli scambi. Confronta compilazione manuale e automatica, quindi controlla il riepilogo inviato. Se i campi sembrano giusti sullo schermo ma arrivano invertiti al gestionale, il problema può riguardare il collegamento fra campi e destinazione, non i suggerimenti del browser.

Dare a ogni campo un nome e uno scopo coerenti

Scrivi etichette esplicite: “Nome del referente” e “Ragione sociale” chiariscono più di due caselle entrambe chiamate “Nome”. Le indicazioni devono restare riconoscibili durante la compilazione. Chiedi al tecnico di verificare anche identificativi, collegamento con le etichette e informazioni che descrivono lo scopo del campo al browser.

L’attributo autocomplete fornisce indicazioni sul tipo di dato atteso. Valori come name, email o organization hanno significati diversi. Non garantiscono che ogni browser si comporti allo stesso modo, ma rendono l’intenzione più esplicita. Il lavoro va accompagnato da un controllo della pagina generata: impostare correttamente il pannello di un costruttore non basta se il risultato pubblico conserva campi duplicati o nomi ambigui.

Separare fatturazione, consegna e persone differenti

In un acquisto o in una richiesta aziendale possono essere presenti più indirizzi e più persone. Decidi quali sezioni appartengono al cliente, quali al destinatario e quali al referente amministrativo. Una scelta “usa lo stesso indirizzo” deve trasferire i dati soltanto quando viene effettivamente selezionata, lasciando possibile una modifica successiva.

HTML prevede indicazioni per distinguere fatturazione e consegna, oltre a gruppi nominati con section- nei casi previsti. Il tecnico deve applicarle in modo coerente all’intera sezione. Prova soprattutto il passaggio da indirizzi uguali a indirizzi diversi. Non imporre al visitatore una correzione ripetuta ogni volta che cambia un dato: se il sito ricopia automaticamente le informazioni, deve rispettare la scelta che ha appena espresso.

Coordinare suggerimenti, tastiera e formati accettati

La tastiera visualizzata e lo scopo del campo sono aspetti collegati ma distinti. Il tipo di campo e l’attributo inputmode possono aiutare a proporre una modalità di inserimento adatta; non sostituiscono le regole che verificano il dato. Anche un valore suggerito deve poter essere corretto.

Controlla telefoni con prefisso, nomi composti, indirizzi lunghi e codici postali con zeri iniziali. Non trattare automaticamente ogni sequenza di cifre come una quantità matematica: un codice può richiedere la conservazione esatta dei caratteri. Evita che una maschera di formattazione elimini parte del valore appena autocompilato. Quando il formato non è accettato, indica il campo e il motivo, mantenendo le altre informazioni già inserite.

Mantenere l’aiuto dei suggerimenti durante la compilazione

Disattivare tutti i suggerimenti può aumentare la fatica di compilazione senza risolvere la struttura sbagliata. Il W3C sullo scopo dei campi descrive il beneficio di rendere identificabili le informazioni richieste, anche per persone che trovano difficile comprendere o reinserire dati personali.

Valuta quindi ogni campo per la sua funzione. Il cliente deve poter usare i propri strumenti, vedere cosa è stato inserito e modificarlo prima della conferma. Non introdurre caselle invisibili o nomi intenzionalmente fuorvianti per confondere il browser. Nei percorsi delicati, prevedi un riepilogo comprensibile e una correzione semplice. La guida all’accessibilità del sito aiuta a inserire questa verifica in un controllo più ampio, con tastiera, etichette ed errori riconoscibili.

Controllare i campi che cambiano durante la compilazione

Un modulo può aggiungere una sezione quando il cliente sceglie “azienda”, cambia paese o seleziona una spedizione. In quel momento deve conservare i dati pertinenti e rendere chiari quelli nuovi. Verifica che il codice non cancelli un valore autocompilato perché si aspettava un tasto premuto manualmente.

Fai controllare il percorso completo con dati salvati, inclusi cambi di scelta e ritorno al passaggio precedente. Prova anche il completamento automatico dopo che una parte del modulo è già stata compilata a mano. Se il componente ricostruisce i campi, la conferma deve corrispondere a ciò che il cliente vede. Per moduli lunghi, coordina il comportamento con il salvataggio della bozza: riprendere una richiesta non deve sostituire silenziosamente dati già confermati.

Verificare i dati ricevuti dopo un invio completo

Prepara un piccolo campione con dispositivi e browser usati dai clienti. Includi un profilo con dati salvati, una compilazione manuale e una correzione dopo il suggerimento. Per un acquisto con indirizzi differenti, usa valori di test chiaramente distinguibili e controlla anche il documento o la scheda che riceve l’operatore.

• Ogni informazione finisce nella sezione prevista.
• I valori corretti restano dopo un messaggio di errore.
• La modifica manuale prevale sui dati copiati automaticamente.
• La conferma e il sistema destinatario concordano.

Conserva queste prove per i successivi aggiornamenti del modulo. Valuta il miglioramento attraverso errori evitati e richieste comprensibili: un minor tempo di compilazione è utile solo se i dati arrivano corretti e il cliente mantiene il controllo.

Domande frequenti

Basta impostare autocomplete su off?

Non è una soluzione generale. Può togliere un aiuto utile e non corregge etichette ambigue o collegamenti sbagliati fra campi. Inoltre browser e gestori di credenziali possono avere comportamenti specifici. Valuta lo scopo di ciascun campo e prova il risultato.

L’autocompilazione garantisce che l’indirizzo sia aggiornato?

No. Il browser può proporre dati salvati in precedenza. Il sito deve permettere di riconoscerli, correggerli e verificare il riepilogo prima dell’invio o dell’acquisto.

Perché il problema compare solo sul telefono?

Browser, suggerimenti salvati, tastiera e modalità di interazione possono essere diversi. Confronta lo stesso modulo con dati di prova coerenti e controlla sia ciò che appare nei campi sia ciò che arriva al destinatario.