Ogni campo in più che aggiungi ti costa completamenti. I ricercatori di agenzie di UX hanno scoperto che ogni nuovo campo obbligatorio riduce i tassi di completamento del 10-15%. In altre parole, un modulo con cinque campi verrà completato a un tasso circa dimezzato rispetto a un modulo con due campi, a parità di altre condizioni.
Ma non puoi eliminare ogni campo. Ti servono le informazioni per ricontattare. La soluzione non è meno moduli. Sono moduli che chiedono meno, lavorano di più e rispettano il tempo che i visitatori hanno già investito.
Questo articolo spiega le strategie collaudate per togliere l'attrito che fa abbandonare il modulo a metà strada e con cosa sostituirlo.
Cos'è davvero l'attrito nei moduli
L'attrito nei moduli è qualsiasi punto dell'esperienza di compilazione in cui l'utente pensa "che noia" o "è troppo" e decide di chiudere la scheda del browser. Non è una cosa sola. È una serie di piccole frustrazioni che si sommano.
Un campo che chiede informazioni già date altrove. Un elenco a tendina con 200 opzioni. Un campo telefono che non accetta un formato comune. Un messaggio di errore che non spiega cosa è andato storto. Ognuno è attrito.
L'attrito peggiora quanti più campi hai. Ma peggiora anche se chiedi qualcosa che il modulo potrebbe capire da solo. Peggiora se chiedi qualcosa che le persone non vogliono dare. E peggiora se il modulo non dice a che punto sono.
Il modo migliore di affrontare l'attrito è smettere di pensare ai moduli come a pagine bianche da riempire e iniziare a pensarli come conversazioni. Se un amico ti facesse cinque domande di fila senza pause, ti sentiresti interrogato. Ma se ne facesse una, aspettasse la tua risposta e poi facesse la successiva, sembrerebbe un dialogo.
Il metodo in tre passaggi per ridurre l'attrito nei moduli
I ricercatori di UX di un noto istituto di ricerca sull'usabilità hanno sviluppato un metodo chiamato EAS che funziona perché attacca l'attrito da tre lati invece di provare a sistemare tutto in una volta.
Passo 1: eliminare. Togli i campi che non sono essenziali, urgenti o pertinenti. Chiediti per ogni campo: mi serve questa informazione adesso per far avanzare questa persona, o potrei chiederla dopo? Il modulo sarà inutilizzabile senza questo campo, o sto solo essendo scrupoloso? Molti moduli chiedono cose per abitudine ("l'abbiamo sempre chiesto") o per un seguito facoltativo che potrebbe aspettare.
Passo 2: automatizzare. Compila gli spazi che il modulo può compilare da solo. Se puoi ricavare città e provincia di qualcuno dal CAP, fallo. Se conosci già il suo paese dall'indirizzo IP, non chiedergli di sceglierlo. Se ha già inviato un modulo sul tuo sito, salva nome ed email, così deve solo verificarli, non riscriverli. L'automazione non è ingannevole. È rispettosa.
Passo 3: semplificare. Rendi più facili da rispondere le domande che restano. Usa valori predefiniti intelligenti. Abbina il tipo di campo alla domanda (un selettore con calendario per le date, una tastiera telefonica per i numeri di telefono). Lascia che le persone scrivano i numeri di telefono nel modo che viene loro naturale e formattali sul backend. Mostra una sola domanda alla volta se usi un modulo a più passaggi. Gli indicatori di avanzamento dicono alle persone che non resteranno intrappolate per sempre sulla prima domanda.
Come eliminare i campi senza perdere informazioni
L'istinto di aggiungere campi è forte. Ogni reparto vuole dati. Il marketing vuole dati comportamentali. Le vendite vogliono segnali di qualificazione. L'assistenza vuole informazioni per smistare i ticket. Ma ogni campo che aggiungi è una scommessa che il valore che ottieni valga i completamenti che perdi.
Parti elencando ogni campo che il tuo modulo ha oggi. Accanto a ciascuno, scrivi: ci serve fin dal primo giorno, o è facoltativo? Possiamo dedurlo da ciò che già sappiamo? Possiamo chiederlo dopo l'invio, per email o in una chiamata di follow-up?
Le domande che vale la pena tenere nel modulo iniziale sono quelle che escludono o smistano un contatto. Nome ed email restano quasi sempre. Una domanda che separa i contatti di alto valore da quelli di basso valore vale l'attrito. Un campo che sarebbe bello avere ma non è decisivo per il passo successivo deve sparire.
La logica condizionale è una tua alleata. Se gestisci un'attività di servizi che lavora sia con negozi online sia con aziende SaaS, puoi chiedere "Che tipo di attività hai?" e poi mostrare domande successive diverse in base alla risposta. Vedono solo i campi che contano per loro.
Automazione al posto dell'inserimento manuale
Il più grande risultato rapido per ridurre l'attrito è il completamento automatico. Se qualcuno ti ha già dato le sue informazioni, dovresti già conoscerle. I moduli WEMASY possono precompilare i campi per i visitatori che tornano, se hai già raccolto i loro dati.
La ricerca dell'indirizzo è un'altra automazione che riduce molto l'attrito. Invece di scrivere l'indirizzo completo, gli utenti inseriscono CAP e città e poi scelgono la via da un menu a tendina. È più veloce e più preciso che scrivere.
Per i numeri di telefono, la geolocalizzazione può impostare il prefisso internazionale e il formato in base a dove si trova il visitatore. Il numero lo scrive comunque lui, ma il campo sa quale formato aspettarsi.
I valori predefiniti intelligenti funzionano perché partono dalla risposta più comune. Se il 90% dei tuoi clienti è negli USA, imposta quello come paese predefinito. Se chiedi la dimensione dell'azienda e la maggior parte dei tuoi clienti sono piccoli brand, fai partire il menu a tendina da quell'opzione. Gli utenti possono cambiarla con un clic se è sbagliata, ma stai eliminando una decisione per la maggioranza.
Tattiche di semplificazione che funzionano
Dopo aver tagliato il superfluo e automatizzato ciò che puoi, semplifichi le domande che restano.
Una domanda alla volta. I moduli a più passaggi (una domanda per schermata, o una rivelazione progressiva) sembrano più brevi dei moduli in una sola pagina con lo stesso numero di campi. Dopo aver risposto alla prima domanda, le persone si sentono coinvolte. Hanno più probabilità di arrivare fino in fondo.
Tipi di campo chiari. I visitatori da mobile dovrebbero vedere una tastiera telefonica quando inseriscono un numero di telefono, un selettore di date quando chiedi una data. Sono integrati nei browser moderni e nei creatori di moduli. Usali.
Formattazione flessibile. I numeri di telefono non hanno tutti lo stesso aspetto. Alcuni aggiungono trattini. Alcuni aggiungono parentesi. Alcuni scrivono solo le cifre. Lascia che li inseriscano come vogliono e formattali sul backend. Il modulo deve funzionare per loro, non farli lavorare per lui.
Indicatori di avanzamento. Se usi un modulo a più passaggi, mostra a che punto del percorso si trovano. "Domanda 2 di 5" dice loro che non sono bloccati. Sanno cosa resta.
Messaggi di errore che aiutano. Se qualcuno compila qualcosa in modo sbagliato, non dirgli "Input non valido." Digli cosa ti serve davvero. "Inserisci un numero di telefono nel formato 123-456-7890" è chiaro. "Formato non valido" lo lascia a indovinare. Scopri di più sul design e la validazione dei campi dei moduli.
Il tracciamento per campo rivela il vero problema
Il tasso di completamento complessivo del modulo è una metrica utile, ma non abbastanza specifica. Se sai che il 60% delle persone completa il tuo modulo, non sai se il problema è il campo uno o il campo dieci. Potresti fare modifiche che non risolvono il vero collo di bottiglia.
Gli strumenti di analisi dei moduli ti permettono di tracciare il completamento per campo. Puoi vedere dove le persone abbandonano. Se noti che l'80% delle persone inizia il tuo modulo ma solo il 50% supera il campo dell'indirizzo, è lì che ti concentri. Forse la ricerca dell'indirizzo aiuterebbe. Forse la logica condizionale può renderlo facoltativo in base alla risposta precedente.
Questo tipo di informazione per campo è la differenza tra indovinare e sapere. Puoi migliorare in base ai dati invece che alle supposizioni.
I moduli mobile richiedono più cura
Sui dispositivi mobili l'attrito si moltiplica. Scrivere è più lento. Gli schermi sono più piccoli. Un menu a tendina con 50 province è estenuante su un telefono. Un campo indirizzo che richiede maiuscole esatte è una trappola.
Progetta prima per il mobile. Se il tuo modulo funziona bene su uno schermo da 5 pollici, funzionerà ovunque. Usa aree da toccare più grandi (44 pixel come minimo). Tieni i moduli a una sola colonna. Usa tipi di campo che attivano la tastiera giusta. Valuta una barra di avanzamento, così chi usa il mobile sa di fare progressi. Per una guida completa al design dei moduli mobile, scopri come ottimizzare i tuoi moduli per chi usa il telefono.
Come WEMASY riduce l'attrito nei moduli
Il creatore di moduli di WEMASY è pensato per ridurre l'attrito fin dal momento in cui qualcuno inizia a compilare il tuo modulo. Puoi impostare la logica condizionale, così i visitatori vedono solo le domande pertinenti. Precompila i campi con i dati che già hai. Usa valori predefiniti intelligenti per far partire dalla risposta più comune. Aggiungi indicatori di avanzamento, così le persone sanno a che punto sono.
Le statistiche dei moduli in WEMASY ti mostrano il completamento per campo, così puoi individuare dove le persone abbandonano e sistemare il vero problema invece di tirare a indovinare. Puoi provare versioni diverse del tuo modulo per vedere quale si completa di più.
Guarda cosa è incluso in ogni piano WEMASY.