Test sui moduli: vincono meno campi
La complessità dei campi spinge all'abbandono
Più campi significano più attrito. Ogni campo è un motivo per lasciare perdere. Gli studi mostrano che l'abbandono dei moduli cresce a ogni campo in più. Un campo ha un abbandono vicino a zero. Cinque campi hanno il trenta percento di abbandono. Dieci campi hanno il cinquanta percento di abbandono.
Parti da un modulo minimo funzionante. Solo i campi che ti servono davvero. Prova a togliere campi prima di aggiungerne.
Quali campi provare a togliere
Togli prima i campi facoltativi. Il numero di telefono quando ti serve solo l'email. L'URL del sito quando non c'entra. Il codice postale quando basta il paese.
Togli i campi che duplicano informazioni che hai già altrove. Se conosci il dominio dell'email, non chiedere l'azienda. Se il modulo è al checkout, non chiedere il telefono quando hai già l'ordine.
Prova a togliere un campo alla volta. Se togliere il telefono aumenta le compilazioni del cinque percento, lascialo fuori. Poi prova a togliere il campo successivo.
L'ordine dei campi conta
I visitatori leggono il modulo dall'alto verso il basso. I campi più difficili in alto causano abbandoni precoci. Metti prima i campi facili. L'email prima dell'azienda. Il nome prima del telefono.
I campi condizionali funzionano bene nei test. "Hai un'azienda?" Se sì, mostra il campo azienda. Se no, saltalo. Accorci il modulo e aumenti i completamenti.
Test sul tipo di campo
Menu a tendina contro campi di testo
Menu a tendina per opzioni note. Elenco dei paesi. Elenco delle province. Categorie note.
Campi di testo per risposte aperte. Nome. Email. Input libero.
Prova a mostrare le opzioni. Un menu a tendina con cinquanta paesi contro un solo campo di testo con "Inserisci il paese". Il menu a tendina è più veloce per gli utenti se l'elenco è breve. Il campo di testo è più veloce se l'elenco è lungo.
Modulo unico contro modulo a più passaggi
Un modulo unico e lungo sembra opprimente. Mostra tutti i campi insieme.
Il modulo a più passaggi mostra tre campi per passaggio. Sembra più corto. Fa meno paura. I visitatori hanno più probabilità di finirlo.
Prova un modulo unico da cinque campi contro un modulo in tre passaggi con due, due e un campo. Il modulo a più passaggi di solito vince sul completamento, ma costa abbandoni tra un passaggio e l'altro. Misura il completamento totale, non quello del singolo passaggio.
Testo segnaposto contro etichette
Il testo segnaposto sta dentro il campo. Quando il visitatore scrive, il segnaposto sparisce. Il campo sembra vuoto.
L'etichetta sopra il campo resta visibile. Il visitatore sa sempre di che campo si tratta.
Prova solo segnaposto contro etichetta sopra il campo. Le etichette vincono sul completamento. Il solo segnaposto confonde i visitatori sui campi che saltano.
Test su layout della pagina e gerarchia visiva
Posizione above the fold
L'above the fold è la parte che i visitatori vedono senza scorrere. Spostare i contenuti chiave above the fold aumenta il coinvolgimento.
Prova a spostare il pulsante di call to action above the fold contro a metà pagina. Prova a spostare il titolo principale più in alto. Prova a spostare il modulo in cima alla pagina.
I visitatori che vedono la CTA senza scorrere hanno più probabilità di cliccare. Molti di quelli che devono scorrere se ne vanno prima di arrivare al pulsante.
Riordino dei contenuti e flusso
Flusso tipico della pagina: titolo, sottotitolo, problema, soluzione, funzionalità, CTA, modulo.
Alternativa: titolo, modulo, prove, altre funzionalità, CTA.
Prova a mostrare il modulo prima delle prove contro dopo le prove. Nel B2B di solito funziona il modulo prima. Nel B2C servono prima più prove. Prova con il tuo pubblico.
Prova la posizione dell'immagine. Immagine principale sopra il titolo contro di lato. I test mostrano che a volte vince l'affiancamento. Dipende dalla qualità dell'immagine e dalla forza del titolo.
Elementi del design visivo
Il colore del pulsante influisce sui clic. Pulsante rosso contro blu contro verde. Prova ciascuno contro quello attuale.
Gli spazi vuoti influiscono sulla leggibilità. Pagina affollata contro pagina ariosa. Di solito vince quella ariosa per i prodotti premium. Quella affollata vince per sconti e urgenza.
Prova l'allineamento del testo. Il testo centrato sembra formale. Il testo allineato a sinistra sembra naturale e leggibile.
Test sulla posizione della riprova sociale
Posizione delle testimonianze
Testimonianza above the fold contro below the fold. Le testimonianze creano fiducia. Mettere le testimonianze prima del modulo aumenta le compilazioni.
Prova le testimonianze accanto al modulo contro le testimonianze in un'altra sezione. La vicinanza alla CTA conta.
Segnali di fiducia
Prova a mostrare i loghi dei clienti. Prova a mostrare il numero di recensioni. Prova a mostrare i badge dei premi. Prova a mostrare la garanzia soddisfatti o rimborsati.
Ognuno aggiunge credibilità. Prova la posizione: sopra la CTA aumenta la fiducia prima dell'impegno. Sotto la CTA rassicura dopo che si sono impegnati.
Test su moduli e layout specifici per mobile
Lunghezza del modulo su mobile
Gli utenti mobile sono impazienti. I moduli lunghi su mobile ottengono il venti percento di completamenti in meno rispetto al desktop.
Prova a togliere più campi su mobile. Cinque campi su desktop. Tre campi su mobile. Prova a nascondere dei campi in modo condizionale su mobile.
Tipi di input su mobile
Il campo numerico apre la tastiera numerica. Il campo email apre la tastiera per l'email. Il campo telefono apre la tastiera numerica con il segno più.
Prova i tipi di input corretti. Il tipo sbagliato rende più difficile scrivere. Il tipo giusto rende la scrittura più veloce.
Direzione del layout su mobile
Desktop: colonna sinistra con titolo e modulo. Colonna destra con immagine.
Mobile: titolo, immagine, modulo. Una pila verticale. L'ordine conta. Prova immagine prima del modulo contro modulo prima dell'immagine.
Domande frequenti
Se tolgo un campo e ottengo più compilazioni ma lead di qualità più bassa, devo toglierlo comunque?
Misura l'impatto sulla qualità dei lead. Se ottieni il trenta percento di compilazioni in più ma un tasso di conversione più basso del trenta percento, sei in pareggio. Ma hai il trenta percento di conversazioni in più con i potenziali clienti. Più conversazioni di solito vincono nel lungo periodo. Fai durare il test un mese. Calcola le conversioni totali, non solo il tasso di compilazione. Contano qualità e quantità. A volte vincono più conversazioni anche con tassi di conversione singoli più bassi. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo sito.
Come testo i campi se il mio modulo è incorporato in più pagine in modi diversi?
Testa prima la pagina con il modulo che riceve più traffico. Di solito la homepage o la pagina prodotto. Quando trovi la variante vincente sulla pagina più visitata, applicala ovunque. Poi testa le pagine secondarie se il traffico lo permette. Un test alla volta per pagina, per non confondere cosa ha causato il cambiamento.
Il modulo a più passaggi è sempre meglio del modulo unico per il completamento?
Non sempre. Il modulo a più passaggi riduce l'abbandono per singolo passaggio ma aggiunge abbandoni tra un passaggio e l'altro. Qualcuno se ne va tra un passaggio e l'altro. Prova entrambi. Misura il tasso di completamento totale dall'inizio all'ultimo passaggio, non passaggio per passaggio. Il modulo unico di solito vince sotto i tre campi. Il modulo a più passaggi vince oltre i cinque campi. Tra tre e cinque campi è un testa o croce. Prova con il tuo pubblico.
Devo provare a togliere un campo obbligatorio o cambiare quali campi sono obbligatori?
Se il campo è obbligatorio, prova a renderlo facoltativo prima di toglierlo del tutto. Un campo facoltativo viene saltato da alcuni visitatori. Raccogli comunque i dati di chi li inserisce. È meglio che perderli per tutti. Se la maggior parte dei visitatori salta un campo facoltativo, allora toglilo.
Se sposto il modulo above the fold, danneggio la SEO della pagina?
No. L'above the fold non ha penalità SEO. A Google interessano la qualità e la pertinenza dei contenuti, non il layout. Spostare il modulo above the fold migliora l'esperienza utente, la conversione e le metriche aziendali. L'impatto sulla SEO è positivo o neutro. Fallo.
Come testo le modifiche ai moduli in una pagina con più moduli?
Testa un modulo alla volta. Moduli diversi convertono per motivi diversi. Il modulo di contatto ha un design ottimale diverso dall'iscrizione alla newsletter. Testarli insieme confonde i risultati. Individua quale modulo porta più valore. Testa prima quello. Cambialo. Poi testa il modulo successivo.