Scrivere un indirizzo su un telefono è uno dei momenti più lenti che un visitatore passa sul tuo modulo. Più campi. Tastiera piccola. Facile sbagliare il nome o il numero della via. Metà delle persone salta i campi indirizzo facoltativi perché la fatica non vale la pena. Poi arriva il completamento automatico dell'indirizzo. Scrivi poche lettere. Guarda il modulo suggerire l'indirizzo completo. Un clic e l'indirizzo si inserisce correttamente in ogni campo. I moduli con la ricerca degli indirizzi vedono compilazioni più veloci del 35-40 per cento e il 70 per cento di abbandoni in meno. È la differenza tra un modulo che converte e uno che perde contatti.
Prendi un qualsiasi modulo che richiede un indirizzo e guarda cosa succede. Le persone scrivono a mano il loro indirizzo. Sbagliano il numero civico. Abbreviano quando dovrebbero scrivere per esteso. Si chiedono se il campo voglia Via o V. Alcuni moduli hanno tre campi indirizzo separati. Altri uno solo. Quando finiscono, sono stanche. Saltano i campi facoltativi. Ci ripensano prima di inviare. L'attrito si accumula. Ora aggiungi il completamento automatico dell'indirizzo allo stesso modulo. Appena scrivono le prime lettere dell'indirizzo, il modulo suggerisce l'indirizzo completo. Un clic conferma. L'indirizzo si inserisce da solo in tutti i campi giusti. Formattato correttamente. Senza refusi. Senza attrito.
Che cosa rende i campi indirizzo così diversi dagli altri campi di testo
Un indirizzo non è un'informazione semplice. È una struttura complessa con più parti. Via. Numero civico. Città. Stato o provincia. Codice postale. Paese. Ogni parte ha le sue regole. Alcune parti sono obbligatorie in certi paesi e facoltative in altri. La formattazione cambia da regione a regione. Un indirizzo valido in Canada è strutturato in modo diverso da uno negli Stati Uniti. Un indirizzo che funziona a Londra ha un codice postale in un formato diverso da uno a Tokyo.
L'inserimento manuale va in crisi perché le persone devono ricordare tutte queste regole mentre scrivono. Devono decidere come abbreviare. Devono sapere se il loro paese usa un postal code, un postcode o uno zip code. La ricerca degli indirizzi risolve il problema pensando al posto loro. Il sistema conosce la struttura. Conosce le regole di formattazione. Chi compila il modulo scrive solo le prime lettere e sceglie tra i suggerimenti.
Perché il completamento automatico dell'indirizzo conta per la compilazione dei moduli
I numeri sono impressionanti. I moduli con il completamento automatico dell'indirizzo vengono compilati il 35-40 per cento più in fretta di quelli senza. Gli abbandoni calano del 70-80 per cento. La conversione da mobile aumenta del 25 per cento o più solo aggiungendo la ricerca degli indirizzi. Non sono piccoli miglioramenti. È la differenza tra un modulo che converte e uno che perde metà dei contatti.
Il motivo è semplice. Scrivere gli indirizzi è lento e soggetto a errori. Le persone sbagliano. Si frustrano con più campi. Cominciano a chiedersi se devono davvero inviare. Il completamento automatico dell'indirizzo elimina tutti e tre i problemi insieme. La velocità sale. Gli errori spariscono. La frustrazione evapora.
Come funziona davvero la ricerca degli indirizzi dietro le quinte
La ricerca degli indirizzi non è magia. È un servizio che conosce ogni indirizzo valido di una regione. Cominci a scrivere il tuo indirizzo. Il modulo invia al servizio di ricerca ciò che hai scritto. Il servizio confronta le tue lettere con il suo database di indirizzi reali. Restituisce le corrispondenze più vicine. Vedi un elenco a tendina di suggerimenti. Clicchi su quello che corrisponde al tuo indirizzo. L'intero indirizzo si compila nel modulo, formattato correttamente e verificato.
Questo passaggio di verifica è fondamentale. Quando qualcuno scrive a mano il proprio indirizzo, i refusi possono passare. Una lettera mancante. Una abbreviazione della via scritta per esteso. Quando il modulo prende l'indirizzo da un servizio di ricerca, è stato controllato su un database di indirizzi reali. Il risultato sono dati puliti. Niente refusi. Niente incoerenze di formattazione. L'indirizzo che entra nel tuo sistema è l'indirizzo che il servizio postale riconoscerà.
Campo di testo unico o moduli indirizzo a più campi
Alcuni moduli indirizzo ti fanno scrivere l'indirizzo in un'unica casella di testo e poi usano la ricerca per separare i componenti. Altri partono con un solo campo per il numero civico e il codice postale, poi usano la ricerca per compilare tutto il resto. Entrambi funzionano. La scelta dipende dal tuo pubblico e dalla tua copertura geografica.
L'approccio a campo unico
Dai alle persone un solo campo di testo. Chiamalo Indirizzo. Scrivono il loro indirizzo completo. Il completamento automatico suggerisce corrispondenze. Ne scelgono una. Il sistema suddivide quell'indirizzo in via, città, stato, codice postale. Funziona meglio quando servi bene una regione specifica. I moduli statunitensi possono usare questo approccio perché il sistema degli indirizzi americano è coerente e il servizio di ricerca ha dati completi. Un solo campo sembra senza attrito. Il sistema gestisce la complessità.
L'approccio con numero civico e codice postale
Parti con due campi. Il primo è numero civico e via. Il secondo è il codice postale. Qualcuno scrive numero civico e via. Compaiono i suggerimenti. Ne sceglie uno. Il campo del codice postale si compila da solo. Questo approccio funziona bene per i paesi con dati solidi sui codici postali e strutture di indirizzo coerenti. Gli indirizzi del Regno Unito usano spesso questo metodo perché i postcode britannici sono accurati e completi.
L'approccio completo a più campi con rivelazione progressiva
Alcuni moduli usano ancora via, città, stato e codice postale come campi separati, ma li migliorano con il completamento automatico sul campo della via. Mentre qualcuno scrive via e numero civico, il campo della via si completa da solo. Quando seleziona un indirizzo, città e codice postale si compilano in automatico. Lo stato può essere facoltativo o compilarsi da solo a seconda che l'indirizzo sia ambiguo. Così si bilancia la chiarezza dei campi separati con la comodità del completamento automatico.
Come progettare i campi indirizzo per mobile e desktop
I campi indirizzo hanno vincoli diversi sui diversi dispositivi. Lo schermo di un telefono è stretto. Il monitor di un desktop è largo. Nessuno dei due è ideale per scrivere un indirizzo a memoria.
Progettare l'inserimento dell'indirizzo su mobile
Su un telefono, il campo indirizzo deve essere a tutta larghezza. Il campo di testo deve essere abbastanza alto da toccarlo facilmente. La tastiera deve essere quella di testo, con accesso facile a numeri e punteggiatura. Mentre qualcuno scrive i primi caratteri, l'elenco del completamento automatico deve comparire sopra la tastiera, così può vedere i suggerimenti senza che la tastiera li copra. I pulsanti dei suggerimenti devono essere abbastanza grandi da toccarli facilmente con il pollice. Quando seleziona un indirizzo, la tastiera deve chiudersi e il modulo deve passare da solo al campo successivo. Riduci al minimo il numero di tocchi.
Progettare l'inserimento dell'indirizzo su desktop
Su desktop il campo indirizzo può essere più stretto perché il cursore è più preciso di un pollice. L'elenco del completamento automatico deve comparire sotto il campo, così non spinge in basso gli altri contenuti. Mostra più suggerimenti insieme. Lascia che le persone usino le frecce per spostarsi tra i suggerimenti. Lascia che premano Invio per selezionare. Fai sì che il completamento automatico sia reattivo e comodo da tastiera per chi preferisce non usare il mouse.
Dimensioni dei campi e gerarchia visiva
La dimensione di un campo deve riflettere quanto testo si aspetta. Un campo per il codice postale deve essere piccolo e stretto. Un campo per la via deve essere più largo perché gli indirizzi sono più lunghi. Rendi il campo del codice postale visibilmente più piccolo. Questo segnale visivo dice alle persone che questo campo richiede meno informazioni. Il contrasto tra le dimensioni dei campi rende il modulo logico e riduce la confusione.
Progettare campi indirizzo internazionali e flessibili
I formati degli indirizzi cambiano da paese a paese. Un indirizzo francese ha città e codice postale ma niente stato. Un indirizzo canadese ha provincia e codice postale. Un indirizzo australiano usa i postcode. Un indirizzo tedesco può includere un distretto. Un postcode britannico può individuare quasi qualsiasi luogo senza bisogno dei dettagli della via.
Se il tuo modulo serve un solo paese, progettalo per la struttura degli indirizzi di quel paese. Se serve più paesi, aggiungi flessibilità. Lascia che le persone scelgano il paese da un menu a tendina. In base alla scelta, mostra i campi indirizzo pertinenti a quel paese. Un modulo indirizzo statunitense mostra stato e ZIP code. Un modulo britannico mostra il postcode ma potrebbe non mostrare affatto un campo per lo stato. Questo riduce la confusione perché le persone compilano i campi che contano davvero per il loro paese.
I servizi di ricerca degli indirizzi variano da paese a paese. Alcune regioni hanno database completi. Altre no. Prova il tuo servizio di ricerca in ogni paese che supporti. Assicurati che copra i quartieri e le città più piccole in cui vivono i tuoi clienti. Un servizio che copre solo le grandi aree metropolitane crea attrito per chi vive nei centri più piccoli.
L'implementazione tecnica della compilazione automatica degli indirizzi
Dal lato dell'utente, la compilazione automatica degli indirizzi sembra magica. Scrivi poche lettere, vedi i suggerimenti, ne clicchi uno. Dal lato tecnico, servono una struttura HTML corretta e gli attributi giusti.
Attributi HTML che attivano il completamento automatico
Il browser conosce già i campi comuni dei moduli. Se gli dici che un campo è un campo indirizzo, il browser può precompilarlo con l'indirizzo salvato dell'utente. Usa l'attributo HTML autocomplete. Impostalo su address-line1 per la via, postal-code per i codici postali e valori simili per gli altri campi. Il browser riconosce questi attributi e propone di compilare con le informazioni salvate dall'utente.
Non tutti hanno un indirizzo salvato nel browser, ma per chi ce l'ha, attributi di completamento automatico corretti significano che il modulo si compila con un solo clic. L'utente ha già vinto. Il campo è compilato. Va avanti. Questo funziona insieme al servizio di ricerca degli indirizzi. Il completamento automatico del browser è per chi ha salvato i propri dati. Il servizio di ricerca prende tutti gli altri.
Conta anche l'attributo name
Ogni campo indirizzo ha bisogno di un attributo name descrittivo. name=street-address per il campo della via. name=postal-code per il codice postale. Questi attributi permettono al browser di capire a che cosa serve ogni campo. Rendono anche il modulo più facile da elaborare per gli sviluppatori sul backend. Un campo senza un attributo name chiaro è più difficile da capire per il browser e più difficile da gestire nel tuo codice lato server.
Validazione lato client o lato server
La ricerca degli indirizzi restituisce suggerimenti da un database di indirizzi verificati. Questo significa che il suggerimento è già validato rispetto a un indirizzo noto e corretto. Ma valida comunque sul server dopo l'invio. Qualcuno potrebbe disattivare JavaScript nel browser. Qualcuno potrebbe inviare il modulo tramite un'API. Il tuo server valida tutto. La ricerca degli indirizzi serve alla comodità dell'utente e alla qualità dei dati. La validazione lato server serve alla sicurezza e all'integrità.
Quando le persone hanno bisogno dell'inserimento manuale dell'indirizzo
La ricerca degli indirizzi è potente, ma non copre ogni scenario. Qualcuno si è appena trasferito a un nuovo indirizzo che non è ancora nel database. Qualcuno inserisce un indirizzo in una zona rurale non coperta dal servizio di ricerca. Qualcuno inserisce un indirizzo di consegna che è tecnicamente un soprannome più che un indirizzo formale. Prevedi un'opzione di inserimento manuale. Se la ricerca non suggerisce nulla di vicino a ciò che stanno scrivendo, lascia che scrivano l'indirizzo a mano. Mostra un link per inserire l'indirizzo manualmente. Non obbligare le persone a usare la ricerca se per loro non funziona.
Errori comuni nei campi indirizzo che creano attrito
Etichette dei campi confuse
Non usare mai riga indirizzo uno, riga indirizzo due e riga indirizzo tre. Queste etichette confondono le persone. Che cosa va nella riga uno e che cosa nella riga due. Il numero dell'interno va nella riga due. La riga tre serve davvero. Usa invece etichette chiare. Via. Interno o scala (facoltativo). Città. Stato. Codice postale. L'etichetta specifica dice alle persone esattamente che cosa va in quel campo.
Rendere obbligatori campi che dovrebbero essere facoltativi
Non tutti hanno un numero di interno. Non tutti hanno bisogno di un secondo nome. Alcuni indirizzi non rientrano nella struttura standard. Rendi facoltativi interno, scala e campi simili. Fai in modo che il modulo si adatti a ciò che qualcuno sta davvero inserendo, invece di costringerlo a rientrare in una struttura standard che non lo riguarda.
Non mostrare quali campi sono obbligatori
Se via e codice postale sono obbligatori ma l'interno è facoltativo, dillo chiaramente. Un semplice asterisco o la parola obbligatorio accanto all'etichetta del campo dice alle persone che cosa devono compilare. Senza questo segnale, le persone si chiedono se devono inserire i dati e dove sono i campi obbligatori.
Una ricerca degli indirizzi che non funziona nelle zone rurali
Alcuni servizi di ricerca si concentrano sulle grandi città. Chi vive in una cittadina scrive il suo indirizzo e non riceve nessun suggerimento. Si frustra. Se il tuo modulo serve zone rurali, prova lì il tuo servizio di ricerca. Scegli un servizio che copra le cittadine più piccole e gli indirizzi di consegna rurali. Se non trovi un servizio che funzioni ovunque ti serva, rendi facile l'inserimento manuale.
Come migliorare la qualità dei dati sugli indirizzi e ridurre gli errori
Usa la verifica dell'indirizzo dopo la selezione
Quando qualcuno seleziona un indirizzo tra i suggerimenti del completamento automatico, hai un indirizzo verificato. Il servizio di ricerca ha confermato che esiste. Ma verificalo ancora una volta sul server al momento dell'invio. Ricontrolla che l'indirizzo esista ancora e abbia ancora il formato restituito dal servizio di ricerca. Così intercetti i casi limite e garantisci l'integrità dei dati.
Salva i componenti dell'indirizzo separatamente
Non salvare l'indirizzo completo come un unico campo di testo. Salva via, città, stato, codice postale e paese come campi separati nel tuo database. Così i dati sono riutilizzabili. Puoi ordinare per città. Puoi filtrare per codice postale. Puoi generare report per stato. I campi separati rendono anche più facile la validazione. Puoi controllare che il codice postale corrisponda a città e stato.
Permetti di aggiornare l'indirizzo
Le persone si trasferiscono. I quartieri cambiano. L'indirizzo di una persona di tre anni fa potrebbe non essere più valido. Lascia che le persone aggiornino il loro indirizzo nel tuo sistema. Quando lo fanno, passalo di nuovo dalla ricerca degli indirizzi per verificare che sia ancora valido e formattato in modo coerente.
Completamento automatico dell'indirizzo per tipo di modulo
Il modo in cui implementi la ricerca degli indirizzi cambia a seconda dello scopo del modulo.
Moduli di checkout
Per il checkout di un negozio online, il completamento automatico dell'indirizzo è essenziale. Ogni secondo risparmiato nel checkout è un secondo in cui qualcuno non abbandona. Un cliente inserisce un indirizzo. I suggerimenti compaiono all'istante. Clicca il suo indirizzo. Si compilano i campi di spedizione e fatturazione. Il modulo sembra veloce. Completa il checkout. Usa il miglior servizio di ricerca degli indirizzi disponibile. Il costo di un servizio completo è piccolo rispetto al valore di meno abbandoni al checkout.
Registrazione dell'account e creazione del profilo
Per la creazione di un account, la ricerca degli indirizzi è utile ma meno critica che nel checkout. Le persone si aspettano che la configurazione dell'account richieda un attimo. Ma rendila il più fluida possibile. Lascia funzionare il completamento automatico dell'indirizzo. Offri l'inserimento manuale come alternativa. Valida l'indirizzo sul server.
Moduli di contatto e di raccolta contatti
Per la raccolta di contatti, la ricerca degli indirizzi crea fiducia. Un modulo che compila correttamente un indirizzo fa sentire la persona come se il brand capisse dove si trova. Sembra personalizzato. Dà fiducia che il modulo di raccolta contatti funzioni davvero. Usa la ricerca degli indirizzi per fare colpo sui potenziali clienti.
Come WEMASY ti aiuta con la compilazione automatica dei campi indirizzo
I moduli WEMASY includono una ricerca degli indirizzi integrata, basata sulla verifica in tempo reale su un database. Crea un campo indirizzo nel creatore di moduli. Il campo offre automaticamente suggerimenti mentre qualcuno scrive. Quando seleziona un indirizzo, compila con i dati corretti tutti gli altri campi indirizzo del modulo. Indirizzo completo, formattato correttamente. Nessun inserimento manuale. Nessun refuso. Funziona per gli indirizzi statunitensi e supporta l'espansione internazionale man mano che cresci. Le statistiche del modulo mostrano chi fa fatica a inserire l'indirizzo e quali suggerimenti vengono scelti più spesso. Adatta il tuo modulo in base ai dati reali degli utenti. Il creatore di moduli gestisce tutta la complessità tecnica. Tu pensi solo a raccogliere buoni indirizzi.