Come ottimizzare i moduli di pagina di destinazione per le conversioni

Per ottimizzare i moduli della pagina di destinazione, chiedi il minor numero di campi di cui hai veramente bisogno e che utilizzerai, deponili in un’unica colonna chiara con etichette e microcopia utili, convalida delicatamente come tipo di persone e guarda le tue analisi del modulo per trovare il campo esatto in cui le persone si arrendono. Una forma è il momento tranquillo in cui l’interesse si trasforma in azione – o scivola tranquillamente via. Ogni campo in più, ogni etichetta vaga, ogni richiesta inspiegabile è un piccolo motivo per andarsene. La buona notizia è che ottimizzare una forma non è un’ipotesi: è una manciata di scelte di design oneste e umane oltre alla disciplina per misurare ciò che accade effettivamente e correggere l’attrito che trovi.

Ok, siamo onesti per un secondo. Puoi passare settimane in una splendida pagina di destinazione – il titolo, l’immagine dell’eroe, la prova sociale, i benefici perfettamente formulati – e poi perdere la persona all’ultimo passo perché il tuo modulo ha chiesto il loro numero di telefono “solo per caso” o ha lanciato un errore rosso senza alcuna spiegazione. Punge, perché la parte difficile ha funzionato. Volevano quello che offrivi. E poi la forma si è intromessa. Ecco la parte che nessuno ti dice: la forma è dove avviene la maggior parte delle tue perdite, ed è anche il posto più facile per riconquistare le conversioni. Quindi, passiamo attraverso come ottimizzare la pagina di destinazione forma il modo onesto – senza schemi scuri, senza trucchi, solo design che rispetta la persona dall’altro lato dello schermo. Prometto che questo diventa più facile una volta che vedi il modello.

Perché i moduli di landing page perdono così tante conversioni?

Una landing page è una piccola trattativa. Da un lato, stai chiedendo a qualcuno di consegnare il loro tempo, la loro attenzione e qualche informazione personale. Dall’altra parte, stanno valutando se ciò che stai offrendo ne vale la pena. Ogni campo che aggiungi suggerimenti che si allontanano un po ‘più dal “sì”. Questa è la verità fondamentale dell’ottimizzazione dei moduli: l’attrito è cumulativo e la maggior parte di esso è invisibile perché sai già cosa significa ogni campo e perché è lì.

La persona che compila il modulo non ha quel contesto. Vedono un muro di scatole e fanno un giudizio immediato sullo sforzo contro la ricompensa. Una forma lunga segnala “questo richiederà un po’ di tempo”. Un campo inspiegabile segnala “perché ne hanno bisogno?” Un errore confuso segnala “questo è rotto, dimenticalo”. Nessuno di questi sono drammatici – sono piccoli sospiri che si sommano a una scheda chiusa. E poiché il drop-off è silenzioso, spesso non ti rendi nemmeno conto che sta accadendo fino a quando non guardi i numeri.

Quindi l’obiettivo di ottimizzare un modulo non è quello di ingannare chiunque a presentare. È il contrario: è rimuovere ogni motivo inutile per esitare, rendere le parti necessarie si sentono senza sforzo e affidabili, e abbinare ciò che si chiede a ciò che si sta veramente offrendo. Quando la richiesta sembra giusta e l’esperienza sembra liscia, la gente dice di sì. Questo è tutto il gioco, e inizia con la richiesta di meno.

Quanti campi deve avere un modulo di landing page?

Pochi quanto veramente bisogno e sarà effettivamente utilizzare. Questa è la risposta onesta, ed è il singolo cambiamento di leva più alto che la maggior parte delle persone può fare. Ogni campo è una piccola tassa sulla conversione, quindi la domanda per ognuno non è “sarebbe bello avere?” – è “lo useremo davvero, e ne abbiamo bisogno in questo momento?”

Ecco il test che ho fatto per ogni campo: Puoi nominare la cosa specifica che farai con questi dati e l’esperienza della persona peggiorerebbe se non li raccogliessi? Se la risposta è “beh, potrebbe essere utile per il team di vendita un giorno”, quel campo ti sta costando conversioni per raccogliere dati che potresti non toccare mai. Questa è minimizzazione dei dati e non è solo una buona pratica di conversione — E’ un vero e proprio principio di privacy. Raccogli solo ciò di cui hai bisogno, per uno scopo che puoi nominare, e la persona si fida di te di più e Finisce il tuo modulo.

Alcuni modi onesti per ridurre la domanda:

• Abbandona completamente i campi “bello da avere”. Dimensione dell’azienda, titolo del lavoro, numero di telefono – se non hai intenzione di agire immediatamente, taglialo. Puoi sempre chiedere più tardi, una volta che c’è una relazione.
• Deriva invece di chiedere. Spesso puoi dedurre o cercare informazioni da un dominio di posta elettronica o da un passaggio successivo piuttosto che farlo digitare da qualcuno.
• Ritardare la richiesta. Per un download gratuito o una newsletter, un indirizzo email è spesso tutto ciò di cui hai veramente bisogno. I dettagli più ricchi possono venire dopo che qualcuno è nella porta e ha un motivo per condividere di più.
• Combina o semplifica. Un campo “nome completo” è più delicato di caselle di nome e cognome separate quando non è strettamente necessario analizzarle.

Ed ecco la sfumatura che mantiene questo onesto: il giusto numero di campi dipende da ciò che stai offrendo. Una newsletter veloce non dovrebbe chiedere quasi nulla. Una richiesta di preventivo personalizzato o di consultazione di alto valore può ragionevolmente chiedere di più, perché la persona si aspetta un vero scambio e il valore giustifica lo sforzo. Abbina la lunghezza del modulo al valore dell’offerta – torneremo a questo, perché è uno dei saldi più importanti per ottenere il giusto.

Qual è il layout migliore per un modulo di pagina di destinazione?

Una volta che hai tagliato i tuoi campi, la prossima vittoria è rendere quelli che rimangono senza sforzo per passare attraverso. Layout è dove un sacco di attrito tranquillo vive, e le correzioni sono rinfrescante semplice.

Usa una singola colonna. Le forme che si zigzag su due colonne fanno saltare l’occhio e rendono facile saltare un campo o leggere male quale etichetta appartiene a quale casella. Una singola colonna dall’alto verso il basso dà alle persone un percorso chiaro: riempire questo, poi questo, poi questo. Si legge come una conversazione invece di un foglio di calcolo.

Mettere i campi in un ordine logico. Inizia con le cose facili e attese – nome, e-mail – e salva tutto ciò che sembra più grande o più personale per più tardi nel flusso, una volta che un po ‘di slancio ha costruito. L’ordine conta emotivamente, non solo logicamente: le persone che hanno già digitato due risposte facili sono più disposte a dare un terzo.

Mantieni le etichette visibili e chiare. Usa etichette reali sopra ogni campo, non testo segnaposto che svanisce nel momento in cui qualcuno inizia a digitare. I segnaposto scomparsi sono una classica trappola per l’accessibilità e l’usabilità: le persone dimenticano a cosa serviva il campo e chiunque utilizzi un lettore di schermo potrebbe non avere mai un nome chiaro per questo. Un’etichetta visibile che rimane è più gentile con tutti.

Aggiungi la microcopia dove le persone esitano. Una breve riga sotto un campo – “Utilizzeremo questo solo per inviare il download” o “Format: (555) 555-5555” – risponde alla domanda silenziosa prima che diventi un motivo per fermarsi. Una buona microcopia è come una persona amichevole che si trova accanto al modulo dicendo “non preoccuparti, ecco a cosa serve questo”.

Dai spazio alla forma per respirare. Basta spaziatura, una comoda dimensione del tap-target e un chiaro raggruppamento visivo rendono una forma gestibile. Una forma angusta sembra un lavoro prima che qualcuno scriva una parola.

Come si fa a rendere i moduli facili da riempire su un telefono?

La maggior parte del traffico è probabilmente su un telefono, il che significa che il tuo modulo deve essere una gioia da completare con due pollici su un piccolo schermo. Qui è dove i dettagli tecnici tranquillamente fanno o rompono il tasso di conversione, e sono facili da ottenere a destra una volta che sai di guardare.

Utilizzare il tipo di input corretto per ogni campo. Un campo di posta elettronica dovrebbe portare la tastiera con il simbolo *; un campo di telefono dovrebbe portare il pad numero; un campo di data dovrebbe offrire un selettore di date. Quando il tipo di input corrisponde ai dati, la tastiera corretta appare automaticamente e la digitazione si sente senza sforzo. Quando non lo fa, la gente si agita con le chiavi sbagliate e alcuni si arrendono.

Lascia che l’autofill faccia il suo lavoro. Etichetta i tuoi campi con nomi standard in modo che i browser e i gestori di password possano riempirli in un tocco. Autofill è uno dei più grandi potenziamenti di conversione invisibili disponibili: una persona che può riempire l’intero modulo con un solo tocco ha molte più probabilità di finirlo. Combattere il riempimento automatico con nomi di campo personalizzati è una ferita autoinflitta.

Tap dimensioni obiettivi generosamente. I pulsanti e i campi devono essere abbastanza grandi da colpire senza zoom, con abbastanza spazio tra di loro che le persone non diano un dito grasso a quello sbagliato. Ciò che si sente bene con un mouse può essere davvero frustrante con un pollice.

Prova su un telefono reale. Non solo una finestra del browser stretta – un dispositivo reale, con un pollice reale, idealmente su una connessione più lenta. Cattura la tastiera scomoda, il campo difficile da raggiungere, il pulsante che si trova sotto la tastiera, tutte le piccole cose che non vengono visualizzate sul tuo grande monitor desktop.

Dovresti convalidare i campi come tipo di persone?

Sì – delicatamente, e in un modo che aiuta piuttosto che rimprovera. La convalida in linea significa controllare un campo mentre qualcuno lo riempie o lo supera, quindi risolvono un piccolo errore nel momento invece di premere submit, ottenere rimbalzato indietro e cacciare attraverso un muro di rosso per quello che è andato storto. Quel momento di rimbalzo è un importante punto di abbandono e la convalida in linea lo impedisce tranquillamente.

Ma la convalida fatta male è peggio di niente. Abbiamo tutti incontrato il modulo che lampeggia “non valido” prima ancora di aver finito di digitare, o rifiuta un numero di telefono perfettamente buono perché voleva un formato diverso che non ha mai menzionato. Ecco come mantenere la convalida dal lato umano:

• Valida al momento giusto. Di solito quando qualcuno finisce un campo e si muove, non su ogni battitura. Nessuno vuole che si dica che si sbagliano mentre stanno ancora scrivendo.
• Scrivi messaggi di errore amichevoli e specifici. Inserisci una email valida, come [email protected]”Dica alla gente esattamente come risolvere il problema. “Input non valido” li fa solo sentire stupidi e bloccati.
• Accetta l’input in modo flessibile. Se riesci a gestire un numero di telefono con o senza trattini, fai – non rendere la persona corrispondente al tuo formato interno.
• Confermare anche il successo. Un piccolo assegno verde quando un campo è giusto è rassicurante. Dice “Stai andando alla grande, continua”.
• Annunciare errori per tutti. I messaggi di errore dovrebbero essere legati al loro campo e annunciati ai lettori di schermo, non solo mostrati come un cambiamento di colore – il colore da solo esclude chiunque non possa percepirlo.

Lo spirito qui è semplice: gli errori stanno per accadere, quindi trattali come momenti per aiutare, non per incolpare. Una forma che ti cattura gentilmente e ti mostra la strada da seguire sembra essere dalla tua parte, e la gente lo ricompensa terminando.

Come si fa a gestire le forme lunghe senza spaventare le persone?

A volte hai davvero bisogno di maggiori informazioni: un’applicazione dettagliata, un preventivo personalizzato, un flusso di onboarding. La risposta non è quella di stipare venti campi su uno schermo intimidatorio. È quello di rompere la forma in passi logici e di dimensioni ridotte e mostrare alle persone dove si trovano.

Una forma a più passi prende un muro spaventoso e lo trasforma in una serie di piccole domande fattibili. Ogni passo sembra leggero, e c’è una delicata spinta psicologica per finire quello che hai iniziato. Raggruppa i campi correlati insieme – i dettagli di contatto su un passaggio, i dettagli del progetto su un altro – in modo che ogni schermata abbia un tema chiaro. E mostra sempre progressi: un indicatore di passo o un semplice “Passo 2 di 4” dice alle persone che la fine è in vista, che è esattamente la rassicurazione che li mantiene in corso.

Alcune cose che fanno sentire bene le forme a più passaggi piuttosto che infinite: inizia con il passo più semplice per costruire slancio, lascia che le persone si muovano all’indietro per risolvere qualcosa senza perdere le loro risposte e salva i progressi dove puoi in modo che un aggiornamento errato non cancelli tutto. L’obiettivo è che ogni passo si senta come un piccolo movimento in avanti sicuro di sé – mai come se fossi intrappolato in un tunnel senza fine. Se il drop-off è la tua preoccupazione principale, questa struttura è uno dei tuoi migliori strumenti e la nostra guida su come ridurre l’abbandono della forma va più in profondità esattamente dove le persone smettono e come riconquistarle.

Cosa dovrebbe dire il pulsante di invio?

Il pulsante è l’ultima cosa tra interesse e azione, quindi non sprecarlo sulla parola “Invia”. “Invia” descrive cosa tu non dice nulla di ciò che persona – Si’. La copia del pulsante guidata dal valore ripristina la ricompensa nei termini della persona — “Inviami la guida”, “Iniziare la mia prova gratuita”, “Ottieni la mia citazione” — Quindi il clic finale sembra come rivendicare qualcosa piuttosto che cedere le loro informazioni.

Il pulsante dovrebbe apparire inconfondibilmente come l’azione primaria, sedersi dove l’occhio atterra alla fine della forma e non competere mai con un pulsante secondario più forte accanto ad esso. Piccolo cambiamento, vera differenza – e se vuoi approfondire questo elemento, la nostra guida su come ottimizzare i pulsanti CTA copre la formulazione, il colore, il posizionamento e il test che dimostra quale versione vince.

Come si costruisce la fiducia nel modulo?

Qui è dove l’onestà e la conversione si rivelano la stessa cosa. Il momento in cui qualcuno sta per consegnare informazioni personali è esattamente il momento in cui la guardia sale – e il modo in cui gestisci quel momento guadagna il sì o lo perde. L’approccio affidabile e l’approccio ad alta conversione sono identici, che è una delle verità più belle di tutta questa arte.

Spiega perché hai bisogno di campi sensibili. Se devi chiedere un numero di telefono, di’ a cosa serve: “Quindi il nostro team può inviarti un messaggio sulla tua demo – nient’altro”. Una ragione di una riga trasforma un campo sospetto in uno ragionevole.

Collega la tua politica sulla privacy e onora il consenso. Un link chiaro e visibile al modo in cui gestisci i dati rassicura il lettore attento e rispetta tutti. Dove è richiesto il consenso, chiedilo chiaramente – e mai, mai pre-controllare una casella di opt-in. Un pre-ticcheggiato “sì, e-mail me” non è consenso; è un modello scuro che erode la fiducia e, in molti luoghi, non è nemmeno legale. Lascia che le persone scelgano di proposito.

Sii onesto su ciò che accadrà dopo. Nessun costo nascosto di presentazione, nessuna sorpresa “un venditore ti chiamerà ogni giorno”, nessuna esca e commutazione tra l’offerta e la realtà. Se l’invio li firma per qualcosa, dillo prima che facciano clic. La gente perdona molto, ma non perdona il sentirsi ingannati.

Metti la prova sociale vicino alla forma. Una breve, genuina testimonianza, un badge di fiducia che hai effettivamente guadagnato, o un conteggio reale dei clienti accanto al modulo risponde alla domanda “è questo legittimo?” nel momento esatto in cui si presenta. Mantienilo onesto – una citazione vera e specifica batte un “unisci 50.000 utenti” inventato ogni volta, e un numero che non puoi eseguire il backup alla fine ti costerà più di quanto guadagni.

Il tuo modulo è accessibile a tutti?

L’accessibilità non è un bel da avere imbullonato alla fine – è centrale in una forma che funziona effettivamente, e costruirla rende la forma migliore per assolutamente tutti. Un modulo che è facile da completare per un utente che legge lo schermo è di solito più chiaro e più calmo per gli utenti vedenti. Ecco cosa fare per essere sicuri di:

• Ogni campo ha un’etichetta reale, programmaticamente collegata — Non solo testo segnaposto — Così la tecnologia assistiva può annunciare a cosa serve ogni campo.
• L’intera forma funziona solo per tastiera, in un ordine logico di scheda, in modo che qualcuno che non può utilizzare un mouse possa completarlo comodamente.
• Il focus è sempre visibile, così la gente può vedere in quale campo si trovano mentre si muovono.
• Il colore non è l’unico segnale. Abbina il colore al testo e alle icone per gli errori e i campi richiesti e mantieni il contrasto abbastanza forte da leggere in luce intensa o con una visione bassa.
• Gli errori vengono annunciati, non solo mostrati. Collegare ogni messaggio al suo campo ed esporla alla tecnologia assistiva, quindi nessuno è lasciato a chiedersi perché il modulo non si sottometterà.

Pensa all’accessibilità come alla versione più chiara possibile del tuo modulo. Quando si ottiene la cosa giusta, non si sta solo includendo persone che altrimenti sarebbero state chiuse fuori – si sta rimuovendo la confusione per ogni singolo visitatore. Questa è l’ottimizzazione della conversione e la decenza di base che puntano nella stessa direzione.

Come scoprire quale campo sta perdendo le persone?

Questa è la parte che trasforma l’ottimizzazione della forma dall’indovinare in sapere, ed è davvero il mio passo preferito. Non devi farlo meraviglia dove la gente smette — Puoi misurarlo. Form analytics traccia come le persone interagiscono con ogni campo: quali saltano, su quali si soffermano, quali toccano prima di abbandonare l’intera cosa. Quel campo toccato all’ultimo prima dell’abbandono è oro, perché punta dritto al tuo più grande attrito.

Imposta il monitoraggio a livello di campo in modo da poter vedere, per la tua forma e il tuo pubblico, esattamente dove si verifica il picco di drop-off. Forse è il campo del numero di telefono. Forse è un formato di data confuso. Forse è un errore da cui le persone non possono riprendersi. Non lo saprai fino a quando non guarderai – e la risposta per il tuo pubblico potrebbe essere completamente diversa dalla regola empirica di chiunque altro, che è esattamente il motivo per cui misuri invece di copiare ciecamente la lista di controllo di qualcuno.

Una volta che i dati puntano a un campo problema, si ha un’ipotesi chiara e verificabile: rimuoverlo, riformulare l’etichetta, aggiungere microcopia, modificare il tipo di input o spostarlo più tardi nel flusso. Cambia una cosa alla volta, dagli abbastanza traffico e tempo per significare qualcosa e confronta onestamente la versione precedente. Questo è il cuore pulsante di un vero programma di ottimizzazione – osservare, cambiare una cosa, misurare, ripetere – ed è lo stesso ritmo che abbiamo esposto nella nostra guida su come costruire un programma CRO, che mostra come trasformare le modifiche sparse in un sistema costante di vittorie.

La tua lista di controllo di ottimizzazione del modulo di landing page

Ecco una lista di controllo che puoi eseguire oggi contro qualsiasi forma. Non cercare di risolvere tutto in una volta – lavorare dall’alto verso il basso, cambiare una cosa e misurare prima di andare avanti.

• Campi: è ogni campo che userai davvero? Puoi tagliare, ricavare o ritardare qualcuno di loro?
• Disposizione: Una colonna singola? Ordine logico, campi facili prima? Basta respiro?
• Etichette: etichette visibili (non solo segnaposto) su ogni campo? Una microcopia utile dove le persone esitano?
• Tipi di input: tastiera giusta su cellulare per ogni campo? Riempimento automatico abilitato con i nomi dei campi standard?
• Validazione: in linea, con un buon tempo, con messaggi di errore amichevoli e specifici? Errori annunciati per assistere la tecnologia?
• Lunghezza: Per una forma più lunga, è suddiviso in passi con un indicatore di avanzamento visibile?
• Pulsante: Copia guidata dal valore invece di “Invia”? Chiaramente l’azione primaria?
• Fiducia: un motivo per ogni campo sensibile? Politica sulla privacy collegata? Nessun opt-in pre-controllato? Nessun costo nascosto di presentazione?
• Prova sociale: Una testimonianza genuina e onesta o un distintivo vicino al modulo?
• Accessibilità: etichette reali, supporto tastiera, messa a fuoco visibile, forte contrasto, errori non segnalati dal solo colore?
• Analisi: Tracciamento a livello di campo in atto in modo da poter vedere dove le persone cadono?

Prova questo: l’esercizio di audit sul campo

Prima di cambiare una sola cosa, fai questo breve esercizio: è il modo più veloce per vedere la tua forma come fa uno sconosciuto. Crea una semplice tabella con una riga per campo e compila quattro colonne per ciascuno:

• Il campo – chiamalo.
• Cosa ne farai – scrivi l’uso specifico e concreto. Se non puoi nominarne uno, questa è la tua risposta.
• Quando ne hai veramente bisogno – ora, o potrebbe aspettare fino a tardi nella relazione?
• L’attrito che aggiunge – è veloce e previsto, o lento, personale, o probabile che sollevi un “perché ne hanno bisogno?”

Leggi il tuo tavolo onestamente. Qualsiasi campo senza un uso specifico e attuale è un candidato da tagliare. Qualsiasi campo sensibile che stai mantenendo ha bisogno di una ragione di una riga scritta accanto ad esso nella tua microcopia. Qualsiasi campo che può aspettare dovrebbe aspettare. La maggior parte delle persone sono sinceramente sorpresi da quanti campi falliscono questo test – e tagliarli è spesso la più grande vittoria di conversione disponibile, prima di toccare qualsiasi altra cosa. Eseguire questo audit una volta al trimestre e manterrà i moduli magra come la vostra lista dei desideri di “bello sapere” dati cerca tranquillamente di crescere.

Una nota onesta, quindi siamo sulla stessa pagina: SocialBlaze è un organico Pianificazione dei social media e strumento di analisi — non è un costruttore di moduli o una piattaforma CRO e non ospiterà la tua pagina di destinazione o non eseguirà le tue analisi a livello di campo. Ciò che è veramente grande è il passo prima il modulo: portare le persone giuste alla tua pagina in modo coerente, su ogni rete, senza che tu viva all’interno di dieci diverse app. Pensalo come il motore del traffico affidabile che alimenta il modulo appena ottimizzato — Uno strumento onesto nel tuo kit, non l’intero laboratorio.

Mettere tutto insieme

Ecco dove sei atterrato. Sai che ogni campo è un costo, quindi chiedi il minimo di cui hai bisogno e puoi nominarne un uso. Si progetta per chiarezza – una colonna, ordine logico, etichette visibili, microcopia utile, i giusti tipi di input e riempimento automatico facendo il sollevamento pesante su dispositivi mobili. Si prendono gli errori gentilmente con la convalida in linea e gli errori amichevoli. Si rompono i moduli lunghi in passaggi rassicuranti, si scrive un pulsante che nomina la ricompensa e si costruisce la fiducia con ragioni oneste, un link alla privacy, nessuna casella pre-controllata e una vera prova sociale. Lo rendi accessibile, perché la forma più chiara vince per tutti. E poi lasci che le tue analisi ti mostrino il campo esatto che sta perdendo, risolvi una cosa e misura.

Questo è l’intero mestiere di come ottimizzare le forme di landing page, e la parte bella è che il percorso onesto e il percorso ad alta conversione sono lo stesso percorso. Rispetta il tempo della persona, la sua attenzione e i suoi dati, e ti ricompenseranno con la fine. Non tutto accadrà in un pomeriggio – l’ottimizzazione non lo fa mai – ma esegui l’audit sul campo, lavora sulla lista di controllo e guarda i tuoi dati di drop-off, e ti prometto che diventa sempre più facile e migliore ad ogni round. Vai a tirare il modulo e iniziare con i campi. Sarai sorpreso di quanto si senta più leggero.

Domande frequenti