6 pratiche di progettazione della pagina di registrazione per moduli senza attrito

Come marketer, probabilmente ti piace pensare di comprendere bene i tuoi potenziali clienti: chi sono, come si comportano, ecc. Quindi, se uno di loro visitasse il tuo sito Web o la pagina di registrazione, cosa pensi che farebbe dopo?

Probabilmente registrati per il tuo servizio, giusto?

Non è sempre così, come ha scoperto un marchio. Per loro, qualcosa tra quel CTA e la loro pagina di "grazie" stava causando all'azienda la perdita di quasi un quarto dei suoi potenziali clienti.

Si è verificato un problema con la loro pagina di registrazione.

Che cos'è una pagina di registrazione?

Le pagine di registrazione, note anche come "pagine di registrazione", non sono tutte uguali. Alcune sono pagine di destinazione post clic PPC; altri sono collegati alla home page tramite la navigazione, alcuni addirittura sono la home page. Nonostante le loro differenze, condividono tutti lo stesso obiettivo: generare iscrizioni per un servizio.

In molti casi, la pagina di registrazione è l'ultimo passaggio nella canalizzazione di conversione di un'azienda. È dove navigano i potenziali clienti dopo aver valutato un marchio e deciso che il suo servizio offre ciò di cui hanno bisogno.

Per questo motivo, le pagine di iscrizione si concentrano meno sul persuadere il potenziale cliente a convertire e più sul ridurre al minimo l'attrito coinvolto nel farlo. L'attenzione all'usabilità significa che altri elementi tradizionali della pagina di destinazione post clic come prove sociali, testimonianze e media che attirano l'attenzione passano in secondo piano.

Basta guardare la pagina di registrazione di Shopify di seguito, che viene visualizzata sulla home page dopo aver fatto clic su "inizia".

È davvero solo una forma breve. E, come vedrai un po' più avanti, la maggior parte delle pagine di registrazione sono costruite allo stesso modo, con nient'altro che un titolo, alcuni campi del modulo e un invito all'azione.

Ma solo perché molti sono progettati in questo modo non significa che sia il modo giusto. La creazione di una pagina di registrazione di successo va oltre l'eliminazione delle distrazioni e la riduzione dei campi del modulo. Il compito è duplice.

Per generare il massimo delle iscrizioni, devi ridurre al minimo i passaggi necessari per la registrazione e, allo stesso tempo, sfruttare al meglio i pochi elementi che utilizzi. Ecco alcuni suggerimenti e approfondimenti dagli esperti.

1. Usa un titolo orientato ai vantaggi

Quando un potenziale cliente arriva alla tua pagina di registrazione, nella maggior parte dei casi, ha già valutato il tuo servizio e determinato che si adatta alle sue esigenze. Ma questo significa che non dovresti ricordare loro perché sono lì?

Di seguito, Copyblogger utilizza un titolo a prova di social per convincere gli utenti a registrarsi e, soprattutto, Shopify ricorda ai potenziali clienti che la loro prova è gratuita per 14 giorni.

Semplice è buono, ma se hai la possibilità di rafforzare la tua USP con un titolo, fallo. È probabile che avrà un impatto più positivo sulle conversioni che negativo.

2. Rendi tutti i tuoi campi obbligatori

Questo suggerimento riguarda meno la richiesta ai visitatori di completare il modulo e altro l'assicurarsi di aver selezionato i campi giusti. Con ciò intendiamo che se hai stabilito che un campo del modulo è facoltativo, non hai bisogno di quell'informazione per iscrivere il potenziale cliente.

Ad esempio, un servizio come Groupon deve conoscere la tua posizione al momento della registrazione per offrirti offerte e coupon pertinenti. Ma la posizione non è un'informazione cruciale per Instapage per conoscere i suoi clienti, motivo per cui non la chiediamo durante la registrazione.

Se non hai davvero bisogno di conoscere l'azienda del tuo potenziale cliente, la sua posizione o quanti dipendenti ha, non chiedere. Meno lavoro hanno da fare, meglio è.

Campi del modulo da considerare

Alcuni campi del modulo da considerare di consolidare/eliminare:

• Nome utente: i tuoi utenti hanno davvero bisogno di un nome utente per registrarsi? Oppure puoi semplicemente chiedere la loro email e poi lasciare che determinino il loro nome utente una volta effettuato l'accesso?
• Conferma password: questo campo è obsoleto e necessario solo a causa del mascheramento della password, un'altra tecnica poco pratica.

Il mascheramento della password è la tecnologia che fa sembrare ogni lettera un identico punto elenco quando viene inserita in un modulo. Dà l'impressione di una maggiore sicurezza, ma l'unica cosa da cui protegge davvero sono le persone che sbirciano da sopra la tua spalla.

Chiediti: i miei potenziali clienti stanno davvero creando le loro password in un ambiente pubblico affollato? Non probabile.

Invece di utilizzare un campo "conferma password", consenti agli utenti di vedere cosa stanno digitando smascherando il campo "password" originale o utilizzando una funzione "mostra/nascondi", come fa MailChimp nella loro pagina di registrazione:

• Nome e cognome: considera di consolidare nome e cognome in un unico campo "nome completo". Oppure, chiedi semplicemente il nome. Diamine, forse anche pensare di sbarazzarsene del tutto.

In diversi esempi di seguito (Buffer, Asana, Crazy Egg), le pagine di registrazione non chiedono il nome immediatamente, ma consentono ai clienti convertiti di inserire i dettagli una volta che hanno effettuato l'accesso alla piattaforma.

• Accordo con l'utente: invece di fare in modo che i tuoi utenti facciano clic su una casella di controllo che dichiara che accettano i termini dell'utente, considera di includere un messaggio sopra il tuo CTA come fa LinkedIn di seguito. Si afferma che effettuando la conversione l'utente acconsente automaticamente.

3. Se hai assolutamente bisogno di tutte queste informazioni, chiedile in passaggi

Guarda, a volte hai davvero bisogno di molte informazioni per registrare un nuovo utente. Le registrazioni che richiedono il pagamento in loco richiedono moduli lunghi per acquisire informazioni sensibili come l'indirizzo di fatturazione e il numero della carta di credito. Quando ciò accade, considera di suddividere il processo di registrazione in più passaggi.

Un rapporto di Formstack mostra che lo scorso anno i moduli di registrazione multipagina hanno superato quelli a pagina singola di oltre il 9%:

Come mai?

I moduli multipagina rendono la conversione meno impegnativa separando il processo in diversi brevi passaggi. Più pagine significano più spazio per caratteri più grandi, campi più lunghi ed etichette descrittive che potrebbero non adattarsi a un formato più breve. Inoltre, le registrazioni multipagina di solito sono dotate di una comoda barra di avanzamento che consente agli utenti di sapere a che punto sono nella registrazione.

Ricorda: se puoi abbreviare il modulo eliminando alcuni campi, accorcialo. Se non puoi, non cercare di farlo sembrare più corto stipando tutto in una piccola quantità di spazio. Ingombrerai solo la tua pagina e sopraffarai il tuo potenziale cliente.

4. Considera l'utilizzo di una finestra modale

Per chi ha una procedura di registrazione rapida, come Canva, una finestra modale offre alcuni vantaggi.

Il designer, Joshua Johnson, spiega perché:

Si sovrappongono al contenuto corrente invece di portarti a una pagina diversa. In qualche modo è solo meno inquietante dell'essere portato via in un posto nuovo, che sembra un'interruzione. Oscurando la grafica della homepage e visualizzando un modulo di registrazione del segno modale, hai la sensazione che il processo sarà rapido e indolore e che tornerai a navigare in pochissimo tempo.

In un momento in cui gli utenti di Internet sono più impazienti che mai, dare loro l'impressione che torneranno a navigare in un istante è un'ottima pratica.

5. Abilita la compilazione automatica social

In quasi tutti gli esempi di pagina di registrazione di seguito, noterai i pulsanti di riempimento automatico social. Questi consentono agli utenti di ignorare il modulo con un solo clic importando informazioni personali rilevanti che hanno già inviato ai social network.

Formstack ha scoperto che includendo questa funzione, gli utenti sono stati in grado di generare conversioni di moduli superiori del 189%. Inoltre, l'86% delle persone afferma che creare nuovi account utente su diversi siti Web è scomodo. Quando il tuo obiettivo è rendere la conversione il più semplice possibile, sfruttare la compilazione automatica dei social è un gioco da ragazzi.

6. Elimina il testo segnaposto

Per convertire, i visitatori devono sapere come compilare il modulo. Tuttavia, l'utilizzo del testo segnaposto non è il modo migliore per mostrarli.

Secondo il Nielsen Norman Group, l'aggiunta di testo grigio chiaro ai campi del modulo ha il potenziale per:

• Sforzare la memoria a breve termine degli utenti. Quando iniziano a digitare e il testo grigio scompare, pensano a se stessi: "Quanti caratteri deve avere di nuovo la mia password?"
• Rendi invisibili i campi del modulo. I campi modulo vuoti sono in realtà più evidenti dai potenziali clienti rispetto a quelli con segnaposto.
• Irritare gli utenti che navigano attraverso il modulo. Coloro che completano rapidamente il modulo utilizzando il pulsante "scheda" non avranno il tempo di leggere il testo segnaposto esplicativo prima che scompaia.
• Confondere i visitatori. Potrebbero scambiare il testo segnaposto per informazioni che sono state compilate automaticamente.

Per evitare qualsiasi confusione, includi un'etichetta sopra ogni campo che indichi esattamente ai visitatori cosa devono includere in esso. Il testo segnaposto creerà solo più attrito sulla tua pagina di registrazione.

Come i professionisti costruiscono le pagine di registrazione

Ora che sai cosa includere nella tua pagina di registrazione, diamo un'occhiata a come i professionisti costruiscono la loro.

LinkedIn

Questa pagina di iscrizione a LinkedIn è del tipo di pagina di destinazione post clic. È autonomo, il che significa che non è collegato al sito Web dell'azienda tramite la navigazione, nemmeno nel logo.

Sopra il modulo, il titolo potrebbe trasmettere un vantaggio più forte. Su di esso, quattro campi mantengono basso l'attrito. Tuttavia, combinando nomi e cognomi in un campo "nome completo", tale attrito potrebbe essere ridotto ancora.

Sopra ogni casella di testo, le lettere grigie consentono ai potenziali clienti di sapere cosa devono digitare e, sopra il campo "password", quell'etichetta è ancora più specifica. Tuttavia, quel campo "password" non segue le migliori pratiche visualizzando punti elenco identici per ogni lettera che i tipi di prospettiva.

Ulteriori caratteri grigi sotto il campo dell'ultimo modulo consentono ai visitatori di sapere che facendo clic su "Iscriviti ora", accettano l'accordo con l'utente, l'informativa sulla privacy e l'informativa sui cookie di LinkedIn. Ciò risparmia al potenziale cliente il passaggio aggiuntivo di dover fare clic su una casella di attivazione per acconsentire.

Nella call to action, la parola "now" sottolinea che una volta che l'utente fa clic sul pulsante CTA, fa immediatamente parte della rete. Per quanto riguarda il pulsante stesso, potrebbe schioccare un po' di più, non credi? Uno sfondo diverso o un colore del pulsante diverso potrebbe attirare maggiormente l'attenzione sul punto in cui l'utente deve fare clic per partecipare.

Al di sotto di questo, un pulsante "Continua con Facebook" semplifica l'intero processo. Se hai un profilo sul social network più grande del mondo, fai clic su quel pulsante per consentire la compilazione automatica del modulo utilizzando i dati che hai già condiviso con Facebook.

Copyblogger

Ecco una pagina di registrazione che è più di un semplice modulo. La prima cosa che probabilmente noteranno i potenziali clienti è quel titolo gigantesco e pieno di prove sociali. Tradotto, dice: "se siamo abbastanza bravi per 334.000 marketer, siamo abbastanza bravi anche per te".

Sfrutta anche un fenomeno comunemente noto come "FOMO", che significa "paura di perdere qualcosa". Nessuno vuole perdere il vantaggio che hanno 334.000 dei loro colleghi del settore.

Al di sotto di questo, un'anteprima di tutti i preziosi contenuti gratuiti che i potenziali clienti ottengono dopo la registrazione li tenta a compilare quel modulo. La forma stessa, tuttavia, potrebbe essere progettata meglio.

Eliminando il campo "reinserisci password" e condensando il nome e il cognome in "nome completo", Copyblogger potrebbe ridurre il numero di caselle di testo da 5 a 3 e, a sua volta, la quantità di attriti coinvolti nella registrazione. Al posto del campo "reinserisci password", è possibile utilizzare un'opzione mostra/nascondi per garantire la precisione durante l'immissione di una password.

Per ridurre ulteriormente l'attrito, le etichette all'interno di ciascun campo dovrebbero invece essere posizionate sopra. In questo momento, le lettere grigie scompaiono quando i potenziali clienti fanno clic nella casella di testo, rendendo più facile dimenticare ciò che stavano digitando.

Nel complesso, mentre alcune carenze nel modulo e un paio di link in uscita potrebbero danneggiare le conversioni su questa pagina di registrazione, il contenuto gratuito di Copyblogger è troppo prezioso per lasciarselo sfuggire.

Uovo Pazzo

Prima di tutto, un'azienda che si definisce "il leader" nel suo settore è come un caffè che definisce il suo caffè il migliore del mondo. Sono in tanti a dirlo, ma pochi a dimostrarlo. Invece di definirti il ​​migliore, conferma la tua affermazione con una statistica o citando un noto cliente che crede che tu lo sia.

Sotto quel titolo c'è un'immagine che mostra in anteprima l'intuizione che ottieni quando usi Crazy Egg e, a destra dell'immagine, tre righe di testo spiegano cos'è quell'intuizione insieme a cosa puoi fare con essa.

Su questa forma super corta, l'attrito è minimo. Il titolo sottolinea che la prova è gratuita, il pulsante si apre sullo sfondo bianco e l'invito all'azione è scritto in prima persona. In questo momento, l'unica cosa che impedisce a questo modulo di essere indolore è il testo segnaposto grigio che distrae in ogni campo.

Al di sotto di questo, la prova sociale sotto forma di loghi dei clienti riconoscibili e il testo "Oltre 200.000 aziende si convertono meglio con Crazy Egg" aumenta la capacità di persuasione di questa pagina di registrazione.

Nel complesso, questa pagina rende la conversione un gioco da ragazzi per i visitatori.

Respingente

Quando fai clic sull'invito all'azione "Iscriviti gratuitamente" su Buffer.com, la home page si trasforma in una pagina di registrazione distribuendo un breve modulo pop-up e oscurando il contenuto circostante.

In quel pop-up, il processo di conversione è semplice: fai clic su uno dei tre pulsanti di accesso social per ignorare il modulo o inserisci un indirizzo e-mail e una password. In ogni caso, l'attrito è minimo. L'unico modo in cui questo modulo potrebbe essere più semplice da completare? Sbarazzati di quel testo segnaposto che distrae.

Asana

Al massimo, registrarsi su questa pagina da Asana richiede due clic. Con una funzione di accesso di Google, potrebbe bastarne uno.

Una frase sopra il modulo ti dice come completare il modulo, anche fino all'email con cui dovresti registrarti.

Subito sotto, però, un campo modulo pieno di testo segnaposto grigio distrae l'utente. Ma impedirà alle persone di iscriversi? Non probabile. Questo modulo è quasi privo di attrito e facile da completare.

Inizia a creare una pagina di registrazione ottimizzata con Instapage, richiedi oggi stesso una demo di Instapage Enterprise.