I migliori consigli per creare moduli online per migliorare i tassi di conversione

I moduli online possono servire a una varietà di scopi. Che si tratti di iscriversi a una newsletter, registrare un account con un sito Web, effettuare un acquisto o semplicemente una richiesta, ora siamo abituati a compilare le informazioni richieste.

Tuttavia, una brutta esperienza con un modulo online può indurre gli utenti ad abbandonare completamente un'attività e ad andare su un altro sito web.

Con l'uso sempre crescente di siti per dispositivi mobili e il recente aggiornamento dell'algoritmo di classificazione ottimizzato per dispositivi mobili di Google, la creazione di moduli intuitivi per i dispositivi mobili è più vitale che mai. Sono sicuro che tutti possiamo pensare di essere estremamente frustrati nel tentativo di compilare un modulo sul nostro telefono che semplicemente non è utilizzabile su quel dispositivo!

Ecco i nostri migliori consigli per creare moduli online di facile utilizzo sia per desktop che per dispositivi mobili, per evitare di perdere i tuoi potenziali clienti all'ultimo ostacolo del processo di conversione:

1. Disposizione

Può sembrare ovvio, ma l'utilizzo di un layout pulito e semplice per il modulo online renderà il percorso del cliente il più agevole possibile e incoraggerà più persone a compilare tutte le informazioni. I layout verticali, come questo esempio di House of Fraser, sono più intuitivi:

Ma anche i layout orizzontali possono funzionare, come in questo esempio di Travel Republic:

La chiave è mantenerla semplice e utilizzare il minor numero di campi possibile per acquisire le informazioni necessarie.

Per gli utenti mobili, questo è particolarmente importante. Gli utenti saranno molto più propensi ad abbandonare il modulo se impiega troppo tempo per essere completato.

Starbucks ha un buon esempio di un modulo pulito, semplice e verticale per creare un account sul proprio sito mobile:

Rimuovere una qualsiasi delle normali opzioni di navigazione dal modulo online aiuterà anche a mantenerlo pulito e semplice. Ad esempio, Fortnum e Mason hanno rimosso il loro menu dalla parte superiore della pagina e lo hanno sostituito con un banner "Pagamento sicuro" nella pagina delle opzioni di pagamento:

Ciò non solo mantiene pulito il modulo, ma impedisce anche agli utenti di tornare ad altre parti del sito Web una volta avviato il processo di conversione. Avere un'opzione di checkout degli ospiti è consigliato anche per i siti di e-commerce, come hanno fornito Fortnum e Mason. Gli utenti potrebbero essere riluttanti a fornire tutti i propri dati personali per creare un account quando effettuano un acquisto rapido.

2. Etichette dei campi e metodi di input

È importante che i campi obbligatori siano chiaramente etichettati. Utilizzare etichette ovvie e riconoscibili per evitare errori di immissione che potrebbero portare l'utente ad abbandonare il modulo. Se necessario, includi una spiegazione del campo per evitare qualsiasi confusione. OK Magazine ne ha un esempio nel campo "Nome della schermata" sul modulo di registrazione online:

Pensa al metodo di input più adatto da utilizzare per ogni campo. Ne esistono di vari tipi:

• Campi di digitazione
• Caselle di controllo
• pulsanti
• Calendari
• Menu a discesa

Nella maggior parte dei casi, sarà probabilmente ovvio quale metodo sarebbe il migliore. Tuttavia, quando si tratta di moduli mobili, è meglio evitare alcuni metodi. Ad esempio, il WWF ha questo modulo sul proprio sito mobile, che presenta alcuni problemi per gli utenti:

I pulsanti Sì/No sono probabilmente troppo piccoli per essere selezionati facilmente con la punta del dito. Inoltre, la casella di controllo "Questo è un regalo" nella sezione blu è quasi completamente oscurata. Sarebbe frustrante tentare di compilare questo modulo su un dispositivo mobile.

Expedia, d'altra parte, garantisce che il suo metodo di inserimento del calendario sia abbastanza grande per i dispositivi mobili:

3. Mappa il processo

Se ritieni che il tuo modulo online stia diventando troppo lungo, non aver paura di dividerlo in più pagine per suddividerlo per gli utenti. La chiave quando si esegue questa operazione è gestire le aspettative dell'utente mappando il processo per lui fin dall'inizio.

Confused.com ne ha un ottimo esempio, con le diverse fasi chiaramente numerate nella parte superiore della pagina:

Il sito web del Times presenta i diversi passaggi del modulo in un formato leggermente diverso. Questa è la prima pagina del modulo per la registrazione di un account online:

Se scorriamo verso il basso, possiamo vedere i passaggi successivi:

Se la lunghezza del modulo è chiara agli utenti fin dall'inizio, possono prendere una decisione informata se hanno abbastanza tempo per completarlo o se devono tornare più tardi. Ciò eviterà un problema solitamente associato a moduli più lunghi, per cui gli utenti iniziano a compilare il modulo, solo per sentirsi frustrati dalla lunghezza e abbandonare l'attività.

4. Sii utile

Simile all'esempio precedente di OK Magazine, Barclaycard ha un esempio più dettagliato di spiegare esattamente quali informazioni richiedono nel modulo di accesso all'online banking:

Barclaycard non solo spiega le informazioni di cui ha bisogno, ma offre all'utente la possibilità di scegliere il tipo di informazioni che può inserire. Questo sarebbe utile, ad esempio, se non riuscissi a ricordare il tuo nome utente o il numero ID, ma avevi la tua carta con te e potresti inserire questo numero.

Forniscono anche opzioni "Dimenticati" per entrambi i campi. Questo è previsto come standard per i moduli di accesso online ora, ma vale la pena notare, poiché può essere molto frustrante se queste opzioni non sono disponibili.

Un altro modo per essere utili ai tuoi utenti è essere onesti su ciò che stai facendo con le informazioni. Virgin Active lo fa sul modulo di richiesta online:

La "promessa di Virgin di utilizzare il tuo numero solo per richiamarti", sebbene non copra ciò che intendono fare con il tuo indirizzo email, offre una certa rassicurazione all'utente.

Aiuta i tuoi utenti a sapere che hanno completato correttamente ogni campo senza errori prima di fare clic sul pulsante "continua" o "invia", con simboli dopo che ogni casella è stata riempita. Molto hanno un esempio di questo sul loro modulo di registrazione online, utilizzando segni di spunta verdi e croci rosse:

Se ci sono errori, contrassegnali chiaramente accanto al campo pertinente, magari con una spiegazione di quanto richiesto se necessario. In questo modo, gli utenti possono essere sicuri che il modulo verrà accettato al primo clic.

5. Prova sempre!

Quando crei un modulo online, provalo sempre tu stesso sul maggior numero di dispositivi possibile prima di avviarlo. Completa il modulo in tutti i modi possibili per assicurarti che tutti i campi funzionino.

I moduli online sono strumenti preziosi per il tuo sito web. Che si tratti di acquisire dati, elaborare una vendita o ricevere una richiesta, avrai bisogno di un modulo per completare la conversione.

A questo punto, hai fatto la maggior parte del duro lavoro nell'incoraggiare i visitatori ad acquistare / registrarsi / registrarsi, ecc. Assicurati di non lasciare che qualcosa di semplice come un modulo online ostacoli questa importantissima conversione!