E se un solo campo del tuo modulo ti stesse costando 12 milioni di dollari all’anno in vendite perse? Ebbene, è ciò che ha scoperto Expedia dopo aver rimosso un campo facoltativo “Azienda” dal suo processo di prenotazione. Allo stesso modo, la convalida in linea, che informa immediatamente gli utenti se hanno commesso un errore, può aumentare il tasso di conversione del 22 percento.
Nell’ottimizzazione dei moduli, anche piccoli ritocchi come questi possono generare enormi vantaggi. Allo stesso modo, se i moduli non riescono a convertire, potrebbe essere a causa di piccoli problemi di design facilmente risolvibili.
Vediamo come ottimizzare i moduli per migliorare il tasso di conversione dei moduli e ridurre l’abbandono dei moduli. Ecco cinque tecniche chiave per l’ottimizzazione dei moduli; consideratele come i cinque pilastri di un buon modulo:
- Struttura il tuo modulo in modo che gli utenti non debbano pensare.
- Elimina tutto ciò che è superfluo.
- Scegli il campo di input giusto per ogni domanda.
- Smetti di usare “Invia”; puoi fare di meglio.
- Progetta per il mobile; testa prima di lanciare.
Jotform è uno dei migliori costruttori di moduli online e dispone di tutte queste funzionalità integrate.
Migrate existing forms instantly
Non c'è alcun bisogno di ricreare da zero i tuoi moduli online. Fai la migrazione dei tuoi moduli e dati esistenti verso il tuo account Jotform, in un click, così sarai in grado di raccogliere dati con la massima facilità.
Your form can not be migrated.
Please ensure that your form URL is correct and that your form is set to “public” before attempting to migrate it again.
1. Struttura il tuo modulo in modo che gli utenti non debbano pensare
L’aspetto del tuo modulo determina se gli utenti decideranno addirittura di iniziare. Un layout disordinato e confuso li farà allontanare prima ancora che digitino il loro nome. Parti da una struttura di modulo efficace e tutto il resto sarà molto più semplice.
Usa una singola colonna; non far zigzagare lo sguardo
I layout a più colonne interrompono il naturale flusso di lettura. Un cattivo design del modulo che costringe le persone a passare da sinistra a destra può indurre gli utenti a saltare campi, perdere il segno o uscire senza compilare nemmeno un campo, soprattutto su mobile.
Una singola colonna è l’impostazione predefinita più sicura. Il tuo utente inizia dall’alto e finisce in basso, ed è evidente se ha saltato un campo.
Questo non significa che i campi a più colonne non funzionino mai. Due colonne funzionano meglio quando hai due campi brevi strettamente correlati (ad esempio, nome/cognome, città/provincia) e separarli sembrerebbe addirittura più strano. Ma se hai dei dubbi, opta per una singola colonna.
Ordina i campi dal più facile al più difficile
Un modo semplice per ottimizzare i tuoi moduli è iniziare con campi a basso sforzo dalle risposte facili prima di chiedere informazioni più delicate o complesse, o cose che gli utenti dovranno cercare, consultare o su cui dovranno riflettere. Fai in modo che gli utenti compilino il loro nome e l’indirizzo email prima di passare a campi come i dettagli di pagamento, pacchetti extra facoltativi o il numero di telefono del partner.
Potrebbe sembrare banale, ma si basa su una vera psicologia. Una volta che qualcuno inizia a compilare un modulo, è molto meno probabile che si fermi. Questo perché gli utenti pensano “Ci ho già dedicato cinque minuti, tanto vale finire”, un principio psicologico chiamato fallacia dei costi irrecuperabili, oppure pensano “Dovrei finire ciò che inizio, perché è la cosa responsabile da fare”.
Qualunque siano le motivazioni interne del tuo utente, inizia in modo semplice e poi passa a cose più complicate.
Suddividi i moduli lunghi in passaggi; non mostrare tutto in una volta
Se il tuo modulo ha più di cinque o sei campi, suddividilo in passaggi. Puoi dividere un modulo in sezioni su una singola pagina o, ancora meglio, su più pagine. In questo modo, il tuo utente non si troverà mai davanti a un modulo lungo e intimidatorio con cento caselle di controllo da affrontare.
I moduli a più passaggi con una barra di avanzamento possono essere particolarmente efficaci e superano costantemente i moduli a pagina singola. La barra di avanzamento aumenta la motivazione a raggiungere il traguardo.
Jotform dispone di una funzionalità a più passaggi nel suo editor con trascinamento della selezione che gestisce tutto questo al posto tuo, inclusa la generazione automatica della barra di avanzamento.
2. Elimina tutto ciò che è superfluo
Ogni campo in più, ogni passaggio superfluo e ogni CAPTCHA è un motivo per abbandonare. Se sei spietato con il tuo modulo, i tuoi utenti avranno molti meno motivi per andarsene.
Chiedi solo ciò di cui hai assolutamente bisogno
Il caso di studio di Expedia merita di essere ripetuto: l’azienda ha rimosso un singolo campo facoltativo e ha aumentato le entrate di 12 milioni di dollari all’anno. È un prezzo alto da pagare per scoprire se chi prenota un hotel lavora per Microsoft o McDonald’s.
Se non riesci a spiegare chiaramente perché ti serve un’informazione, non chiederla. “Potrebbe essere utile in seguito” non è un motivo sufficiente per rendere un modulo più lungo del necessario. La maggior parte dei moduli necessita solo di tre o cinque campi. Per la generazione di lead, ad esempio, nella maggior parte dei casi è sufficiente chiedere il nome di una persona, l’indirizzo email e il numero di contatto, oltre al prodotto a cui è interessata
Lascia che la compilazione automatica e i valori predefiniti intelligenti facciano il lavoro
Ogni campo già compilato per il tuo utente è un motivo in meno per abbandonare. Attiva la compilazione automatica del browser in modo che possa inserire le informazioni che possiedi già; se qualcuno ha effettuato l’accesso, non è necessario chiedere di nuovo il suo indirizzo email. Usa valori predefiniti intelligenti, come la selezione automatica dell’opzione più popolare o l’uso dell’indirizzo IP per impostare il campo del paese.
Pro Tip
Per gli indirizzi, usa il completamento automatico di Google Maps. Evita al tuo utente di dover compilare quattro o cinque campi.
Rimuovi il CAPTCHA; ti sta costando conversioni
Tutti odiano i CAPTCHA, e ci sono dati che lo dimostrano. Uno studio ha rilevato che avere un CAPTCHA sul tuo modulo può ridurre le conversioni fino al 40 percento.
Esistono alternative moderne migliori per la protezione dallo spam, come i campi honeypot (input nascosti compilati solo dai bot), reCAPTCHA invisibile e filtri antispam integrati. I filtri di Jotform intercettano lo spam senza chiedere agli utenti di cliccare su semafori o biciclette.
Se stai ancora usando un CAPTCHA tradizionale, sostituirlo è la modifica dal maggiore impatto e dal minore sforzo che puoi apportare oggi. Consideralo una delle principali best practice per i moduli online.
3. Scegli il campo di input giusto per ogni domanda
Il tipo di input sbagliato costringe il tuo utente a compiere uno sforzo inutile. Non offrirgli una casella di testo quando basterebbe un menu a tendina, o un menu a tendina dove i pulsanti di opzione sarebbero più chiari. Queste piccole incongruenze si sommano rapidamente.
Abbina il tipo di input alla domanda; non usare le caselle di testo come scelta predefinita
Le caselle di testo sembrano la scelta più utile, ma richiedono il massimo sforzo cognitivo da parte degli utenti. Invece di scegliere un’opzione, devono pensare a cosa digitare. Usale solo quando hai bisogno di risposte in testo libero, come nome o indirizzo email.
Per tutto il resto, abbina il tipo di input alla domanda:
- Se gli utenti devono scegliere una tra due e cinque opzioni, usa i pulsanti di opzione. Tutte le scelte sono visibili a colpo d’occhio.
- Se gli utenti devono selezionare più elementi, usa le caselle di controllo. Sono semplici e logiche.
- Se gli utenti devono selezionare tra sei o più opzioni, usa i menu a tendina. Mantengono il modulo compatto preservando la possibilità di scelta.
- Per semplici input numerici, usa gli stepper o i cursori. Usa però il buon senso; non useresti uno stepper per un numero di telefono.
- Per le date, usa sempre un selettore di date.
- Per le risposte sì/no, usa un interruttore o una singola casella di controllo.
Indica agli utenti cosa non va prima che premano Invia
La convalida in linea, una funzionalità che informa immediatamente gli utenti se inseriscono un valore errato o impossibile, può aumentare le conversioni del 22 percento e porta a un numero di errori inferiore del 22 percento, a un aumento della soddisfazione del 31 percento e a un incremento della velocità di completamento del 42 percento.
Questi messaggi di errore dovrebbero essere utili. Dire agli utenti che la password proposta non è valida è fastidioso, ma dire loro che deve contenere almeno otto caratteri o includere un simbolo speciale è un’informazione utile.
Imposta la tastiera giusta per gli utenti mobile
Gli smartphone hanno tastiere diverse per campi di input diversi. Se imposti il campo di input su “tel” o “email”, i tuoi utenti otterranno la tastiera giusta: un tastierino numerico o una tastiera completa con il simbolo @ facile da trovare. Anche se può sembrare un dettaglio, è un vero punto di attrito. Digitare un numero di telefono su una tastiera QWERTY è fastidioso.
Buona notizia: Jotform gestisce questo automaticamente per tutti i tipi di campo.
4. Smetti di usare “Invia”; puoi fare di meglio
ContentVerve ha condotto un test in cui ha modificato un pulsante da “Inizia la tua prova gratuita di 30 giorni” a “Inizia la mia prova gratuita di 30 giorni”. Hanno cambiato una sola parola e hanno ottenuto un aumento del 90 percento del tasso di clic. Queste piccole modifiche al testo possono avere risultati sproporzionati.
Sostituisci “Invia” con un pulsante che indichi agli utenti cosa otterranno
“Invia” non ha significato. Non indica agli utenti cosa succede dopo o cosa ottengono completando il tuo modulo. È un residuo dei primi tempi del web design.
Le call to action (CTA) orientate all’azione superano costantemente un generico pulsante “Invia”. “Ottieni la mia guida gratuita”, “Crea il mio account” e “Invia la mia richiesta” sono tutte promesse concrete di ciò che accadrà dopo. Il pulsante è l’ultima cosa che un utente legge prima di impegnarsi, quindi fai in modo che valga la pena cliccarlo.
Metti le etichette prima dei campi, non al loro interno
Il testo segnaposto all’interno dei campi (ad esempio, un “Inserisci la tua email” in grigio chiaro) scompare nel momento in cui un utente ci clicca sopra. Se si distrae per un secondo, non riesce più a vedere cosa dovrebbe inserire.
Usa invece etichette allineate in alto e sempre visibili. Sono più facili da scorrere e funzionano benissimo su mobile. I segnaposto sembrano ordinati nei mockup ma falliscono nella pratica. Possono funzionare come suggerimento supplementare, se vuoi, ma non dovrebbero essere l’unica etichetta.
Aggiungi microtesti che eliminano l’esitazione
Gli utenti hanno spesso obiezioni specifiche in punti specifici. Temono lo spam quando inseriscono il loro indirizzo email, di essere sovraccaricati di costi quando inseriscono la carta di credito, o di perdere tempo quando vedono un modulo lungo.
Un testo piccolo e ben posizionato può rassicurare il tuo utente:
- Inserisci “non ti invieremo mai spam” accanto a un campo email.
- Prova “richiede meno di due minuti” su un modulo di registrazione.
- “Nessuna carta di credito richiesta” è utile su un modulo per la prova gratuita.
Puoi anche usare segnali di fiducia come badge di sicurezza, badge di conformità e indicatori SSL per rassicurare gli utenti sul fatto che possono affidarti dati sensibili.
5. Progetta per il mobile; testa prima di lanciare
Un modulo che appare benissimo su desktop ma non funziona su smartphone e tablet perde una grande parte dei tuoi utenti prima ancora che qualsiasi ottimizzazione inizi a contare. Puoi modificare la CTA quanto vuoi, ma se non appare sullo schermo di un telefono perché ha dimensioni sbagliate, non funzionerà.
Progetta prima per i pollici, poi per i mouse
Oltre la metà del traffico web è mobile. I campi dei moduli, i pulsanti e le aree da toccare devono essere abbastanza grandi da poter essere usati comodamente su uno schermo piccolo. Riduci la necessità di ingrandire e la possibilità che un utente tocchi accidentalmente il campo sbagliato.
Questa è un’altra area in cui Jotform semplifica la vita: i suoi moduli sono adattivi per dispositivi mobili per impostazione predefinita. Nessun lavoro aggiuntivo necessario.
Non lasciare che uno script di modulo lento affossi il tuo tasso di conversione
I moduli a caricamento lento sono un killer silenzioso delle conversioni. Script pesanti, incorporamenti non ottimizzati e tracker di terze parti possono tutti aumentare il tempo di caricamento del tuo modulo e rendere più probabile l’abbandono da parte degli utenti, soprattutto sulle reti mobili.
Le soluzioni richiedono alcune conoscenze tecniche, ma vale la pena metterle in pratica. Carica gli script in modo asincrono così da non bloccare il rendering della pagina, riduci al minimo le dipendenze di terze parti e testa il tempo di caricamento del tuo modulo con lo strumento PageSpeed di Google e con una vera connessione mobile, non con il Wi-Fi del tuo ufficio.
In alternativa, puoi usare uno strumento come Jotform, che fa tutto questo lavoro al posto tuo. Un modulo ottimizzato per i dispositivi mobili può aumentare enormemente gli invii dei moduli.
Testa prima di dare per scontato: usa la regola dei cinque secondi
Chiunque guardi il tuo modulo dovrebbe capire a cosa serve e perché dovrebbe compilarlo entro cinque secondi. In caso contrario, è troppo complesso.
Puoi verificarlo. Mostra il tuo modulo a un amico o a un collega per alcuni secondi e poi chiedigli a cosa serve. Se non sa dirtelo, rendilo più chiaro. È il test di usabilità più economico e veloce che tu possa fare.
Ottimizza i tuoi moduli senza scrivere una sola riga di codice
Ottimizzare i tuoi moduli non deve essere un processo complicato. Jotform può gestirne ogni aspetto in modo nativo:
- I moduli a più passaggi e i layout a colonna singola semplificano la strutturazione dei tuoi moduli.
- Quando si tratta di eliminare tutto ciò che è superfluo, la logica condizionale e i filtri antispam di Jotform sono fondamentali.
- Con oltre 30 tipi di campo, Jotform ha l’input giusto per ogni domanda.
- Puoi personalizzare qualsiasi pulsante o campo per trasformare un “Invia” in una vera CTA, aggiungere etichette e includere microtesti utili.
- Ogni modulo Jotform è adattivo per dispositivi mobili. Qualsiasi modulo tu crei è progettato per il mobile.
Tutto questo è facile da realizzare con l’editor drag-and-drop di Jotform. La Mountain West Conference è passata da un altro costruttore moduli a Jotform e ha risparmiato il 50 percento di tempo amministrativo. Ha inoltre registrato miglioramenti nei processi di lavoro e nell’organizzazione dei dati.
“In precedenza Mountain West utilizzava un altro costruttore moduli, ma i dipendenti non riuscivano a ottenere dati tempestivi e organizzati”, afferma il Chief Financial Officer di Mountain West, Gary Walenga. “Dopo alcune ricerche, [siamo] passati a Jotform. Da allora, la conference ha registrato un doppio miglioramento sia nei suoi processi di lavoro sia con Jotform.”
Quindi, se vuoi ottimizzare i tuoi moduli e migliorare il tuo tasso di conversione, la cosa migliore da fare è provare Jotform oggi stesso. È uno dei migliori costruttori moduli e puoi provarlo gratuitamente. Jotform offre l’ottimizzazione dei moduli in modo semplice.
Domande frequenti sull’ottimizzazione dei moduli
Ai moduli si applicano i principi di base del design visivo e le best practice dell’esperienza utente. Usa un branding coerente, con colori e tipografia in linea con il tuo marchio; lascia ampio spazio bianco; e opta per un layout a colonna singola e pulito come impostazione predefinita. Oppure usa semplicemente Jotform. Ha oltre 1.000 temi e un costruttore di temi personalizzati facile da usare.
Attieniti ai cinque pilastri dei buoni moduli:
- Struttura il tuo modulo in modo che sia facile da compilare per gli utenti.
- Elimina con decisione qualsiasi campo superfluo.
- Scegli l’input giusto per ogni domanda.
- Includi CTA, etichette e microtesti per guidare gli utenti attraverso il tuo modulo.
- Progetta per i dispositivi mobili, che rappresentano la metà di tutto il traffico web.
Un modulo efficace è quello che raccoglie i dati giusti con il minimo attrito. Sappi quali dati ti servono e poni solo le domande che ti consentono di ottenere quei dati, nulla di più. Rendi le domande chiare, specifiche e concrete. Sii chiaro con gli utenti su ciò di cui hai bisogno, perché ne hai bisogno e cosa accadrà in ogni fase.
Il modulo più semplice è quello con il minor numero di campi e con il maggior numero di risposte precompilate. Elimina le domande superflue, consenti il riempimento automatico del browser, convalida le risposte in linea, usa i tipi di input corretti ed etichetta chiaramente tutto affinché gli utenti capiscano cosa ci si aspetta. Inoltre, usa tecniche moderne di prevenzione dello spam invece dei CAPTCHA.
Questo articolo è rivolto a marketer, UX designer e product manager che creano moduli di lead generation, registrazione o checkout e vogliono ridurre l’abbandono, aumentare i tassi di completamento e ottenere di più dal traffico che già hanno.
Invia un Commento: