Come creare un buon modulo (assicurati che i tuoi moduli non spaventino le persone)

I moduli sono il modo in cui convinci le persone a interagire con il tuo sito web.

E indipendentemente dal tipo di modulo che sceglierai, devi assicurarti che sia facile da usare, in modo che le persone lo compilino.

Se i tuoi moduli offrono un’esperienza utente negativa, le persone non li compileranno. Ciò significa che lasceranno il tuo sito web e non diventeranno tuoi clienti, solo perché hai formattato i campi del modulo in modo impreciso!

Ecco perché devi sapere come creare un buon modulo.

Quali tipi di moduli godono di un buon design?

  • Moduli di lead generation: quando vuoi che le persone si iscrivano alla tua mailing list o scarichino un’offerta gratuita
  • Moduli di contatto: quando vuoi che le persone ti contattino
  • Moduli di registrazione: quando vuoi che le persone si iscrivano al tuo servizio o evento
  • Moduli di accesso: quando vuoi semplificare l’accesso
  • Moduli di pagamento: quando vuoi assicurarti che le persone non abbandonino il carrello
  • Moduli generici di acquisizione email: per qualsiasi altro momento in cui vuoi ottenere l’indirizzo email di qualcuno

Purtroppo, ci sono molti moduli scadenti in circolazione.

Fortunatamente, progettare un modulo semplice ed efficace con una buona UX non è troppo difficile.

Ecco come realizzare una buon modulo.

Principi di progettazione dei moduli da seguire (le 4 C di una buona progettazione dei moduli)

Quando devi realizzare un buon modulo, hai bisogno di due cose:

  1. Best practice semplici, ad esempio dove inserire le etichette dei campi e dove posizionare i campi
  2. I principi per la creazione di un buon modulo

Puoi imparare molto da quello che altre persone hanno già testato e tra poco elencherò una serie di best practice per la progettazione dei moduli che ti renderanno il lavoro più semplice.

Ma a volte è necessario utilizzare un modulo per qualcosa che non è ancora stato testato.

Oppure stai lavorando con un pubblico che, per qualsiasi motivo, è diverso dalla maggior parte delle persone che compilano moduli.

Comprendere i principi della progettazione dei moduli ti dà gli strumenti per creare un buon modulo in qualsiasi circostanza.

Ecco quindi i suggerimenti rapidi e specifici che ti aiuteranno ad affrontare i più comuni errori nella creazione dei moduli:

  • Metti le etichette sopra i campi, non come testo che scompare all’interno del campo. Altrimenti, quando qualcuno inizia a digitare, potrebbe dimenticare le informazioni che hai chiesto.
  • Organizza i campi verticalmente quando ce ne sono più di due. I campi verticali sono più facili da leggere velocemente rispetto a quelli orizzontali.
  • Rendi ovvio quali campi sono obbligatori. Di solito si usano gli asterischi (oppure è possibile richiamare in modo specifico i campi facoltativi).
  • Se sono presenti più di 6 opzioni in un modulo, utilizza un menu a discesa. Hai mai sentito parlare della regola del 7? Le persone possono ricordare circa 7 elementi, quindi se ne hai di più, non mostrarli tutti in una volta come pulsanti di opzione.
  • Utilizza moduli in più passaggi se hai un numero elevato di campi: potrebbe ridurre l’attrito
  • Crea campi del modulo di dimensioni diverse in base alla lunghezza della risposta prevista. Un modulo per un codice postale dovrebbe essere più breve di quello per un numero di telefono.
  • Se ricevi messaggi di errore, potrebbe essere una buona idea aggiungere la convalida
  • Non creare semplicemente un pulsante con scritto “invia”. Rendilo facilmente riconoscibile con un testo originale.

Un suggerimento rapido di Oli Gardner: chiedi email aziendali

Oli Gardner speaking

A volte le persone prestano molta attenzione a ciò che viene loro chiesto di fare, perché sono stanche o semplicemente adorano ricevere istruzioni chiare. In un esperimento che ho eseguito diverse volte, ho osservato che cambiando l’etichetta del campo in “Indirizzo email di lavoro” o “Indirizzo email aziendale” è possibile raccogliere più email con marchio aziendale (come nome@nomeazienda.com anziché nome@gmail.com).

Il vantaggio di questo è che durante l’email marketing successivo, le tue comunicazioni arrivano nella loro casella di posta di lavoro, spesso durante l’orario di lavoro, quando stanno prendendo decisioni aziendali. Un trucco semplice ma potente.”

– Oli Gardner è un rinomato promotore di marketing e co-fondatore di Unbounce, una piattaforma che semplifica la creazione e il test di landing page

E poi ci sono i principi alla base dei buoni moduli. Queste sono le quattro C di un buon design dei moduli:

  1. Chiaro
  2. Conciso
  3. Capace
  4. Cooperativo

(Nota: ringraziamento al team di Formulazione per lo sviluppo di questo modello delle 4 C).

1. I moduli chiari sono più facili da usare

I moduli chiari non fanno pensare (e questo è un bene).

Libro Don't Make Me Think

C ‘è un motivo per cui questo libro è la bibbia del web design (Amazon)

Cosa significa che un modulo sia chiaro? Significa che chi compila i tuoi moduli web deve essere in grado di farlo con il minor sforzo possibile.

Un campo obbligatorio deve essere ovviamente obbligatorio. I campi di input devono indicare chiaramente quali sono gli input richiesti.

Se hai un modulo lungo, i campi sono chiaramente etichettati e il più indolore possibile.

La chiarezza dei tuoi moduli è fondamentale. Se una qualsiasi parte del tuo modulo è confusa, perderai conversioni!

E intendo qualsiasi parte del tuo modulo. Questo include:

  • Quali parti sono opzionali o obbligatorie
  • Quali informazioni devono essere compilate
  • Quali campi del modulo corrispondono a quali informazioni
  • Cosa succede dopo l’invio del modulo
  • Per prima cosa, perché dovrebbero compilare il tuo modulo

A meno che il tuo modulo non sia qualcosa di molto forte che le persone sono legalmente obbligate a compilare (come i documenti fiscali), devi far sì che le persone vogliano compilare il tuo modulo. Ciò significa che hai bisogno di un’offerta buona e chiara con un testo di opt-in buono e chiaro.

E questo significa rendere il tuo modulo il più facile e veloce possibile da completare.

Quando progetti il tuo modulo, fatti queste domande:

  • È chiaro quello che il modulo vuole che le persone facciano?
  • Le informazioni che vengono richieste sono chiare?
  • Il formato che le informazioni devono assumere è chiaro?
  • È chiaro dove deve essere inserita ciascuna informazione?
  • Se c’è un errore, il messaggio di errore dice come correggerlo?
  • Una volta inserite le informazioni, è chiaro cosa si deve fare dopo?

2. I moduli concisi ottengono più conversioni

Conciso non significa breve! Significa non più lungo del necessario.

Sì, un modulo breve di solito ottiene più conversioni di un modulo lungo. Ma:

  1. A volte un modulo lungo converte meglio di un modulo breve
  2. A volte è davvero necessario avere più informazioni
  3. A volte si vuole essere sicuri che solo le persone più interessate ti raggiungano

Quando l’esperto di ottimizzazione dei tassi di conversione Michael Aagaard ha ridotto il suo modulo a tre campi, ha pensato che il tasso di conversione sarebbe aumentato.

Invece no. Le conversioni sono diminuite del 14%.

modulo lunga che converte meglio

“Il risultato? Un calo del 14% delle conversioni. Ho rimosso tutti i campi con cui le persone vogliono effettivamente interagire e ho lasciato solo quelli peggiori, con cui non vogliono interagire. Un po’ stupido.” – Michael Aagaard, su ConversionXL

Alcuni campi del modulo sono intrinsecamente ad attrito maggiore (ad esempio, “numero di telefono”) rispetto ad altri (ad esempio, “nome”).

Naturalmente, desideri quante più informazioni possibili sui tuoi lead. Hai solo bisogno di bilanciare con le informazioni che le persone sono disposte a darti.

D’altra parte, ci sono due buoni motivi per cui potresti voler creare un modulo più lungo:

  1. Hai davvero bisogno di tutte queste informazioni per convertire i lead in clienti
  2. Hai molti visitatori del sito web e vuoi spaventare le persone che non prendono sul serio la tua offerta

I moduli lunghi sono più comuni quando si vendono servizi più costosi, soprattutto se si vendono alle aziende.

Anche se i tuoi moduli sono lunghi, assicurati di chiedere solo le informazioni necessarie.

E ricorda: puoi trasformare un modulo lungo in un modulo a più passaggi per renderlo più facile da finire.

3. I moduli capaci aiutano le persone

Capace non significa che il tuo modulo debba avere un sacco di giochi di parole. Come abbiamo scritto prima, la chiarezza la cosa è più importante, almeno quando intelligenza significa “essere divertenti”.

In questo contesto, “capace” significa “intelligente”. I moduli sono abbastanza intelligenti quando aiutano i visitatori a completarli, eliminando passaggi irrilevanti o rendendo più facile completare i passaggi necessari.

Quali sono alcuni di questi passaggi?

  • Campi del modulo che si completano automaticamente, in modo che i visitatori possano compilare le loro informazioni più velocemente.
  • Nascondere i campi del modulo per le informazioni già in possesso
  • Nascondere i campi del modulo finché non vengono compilati i campi dei prerequisiti
  • Accettare solo alcuni input per alcuni campi del modulo (ad esempio, un indirizzo email deve contenere @).
esempio di compilazione automatica

Google ti consente di compilare automaticamente le tue informazioni. Questo esempio (da developers.google.com) illustra quanto il riempimento automatico sia più veloce.

Rendere i moduli più intelligenti rende più facile per le persone inviarli.

4. I moduli cooperative non rendono le persone frustrate

“Cooperativo” è un principio più generale rispetto agli altri tre. Se un modulo è cooperativo, significa che collabora con i visitatori per facilitarne la compilazione.

Il principio cooperativo incorpora una serie di buone pratiche. Ad esempio, le forme cooperative:

  • Lavorano con la struttura mentale utilizzata dal compilatore del modulo quando si avvicina al modulo
  • Definisce i termini e fornisce il contesto quando necessario
  • Utilizza termini familiari al tipo di persona che invia il modulo
  • Rende evidenti gli errori e fornisce i passaggi per risolverli
  • Contiene alcuni errori minori negli input (errori di ortografia, formati multipli)
  • Assicurati che sia disponibile una risposta valida e accurata per tutti i campi del modulo
  • Pone domande che hanno risposte valide, per eliminare le risposte “più adatte” che non riflettono le vere convinzioni/stato/informazioni del compilatore del modulo
  • Chiarisce cosa ci si aspetta dal compilatore del modulo e cosa può aspettarsi il compilatore dopo l’invio

L’incertezza rende le persone frustrate. Le persone frustrate non compilano moduli e non diventano clienti.

Una recente meta-analisi sugli effetti dell’incertezza ha evidenziato questo per dire come influisce sul processo decisionale.

“L’incertezza è spesso inevitabile nella vita di tutti i giorni e può essere sia stressante che eccitante… Recenti ricerche suggeriscono che gli organismi biologici tentano di risolvere e minimizzare l’incertezza, come mezzo per ottimizzare le inferenze e le previsioni sul mondo esterno e per promuovere, in ultima analisi, il successo della sopravvivenza”.

Quando ci si imbatte in un modulo confuso, qual è il modo più veloce per “risolvere e minimizzare l’incertezza”?

Non compilare il modulo!

Ecco perché i moduli cooperativi sono così importanti: evitano che chi li compila si senta frustrato.

E convincono più persone a compilare i tuoi moduli.

Conclusione: cosa viene dopo un buon modulo?

Un buon modulo è solo l’inizio dell’interazione dei visitatori con la tua azienda.

Un buon design del modulo e un potente testo di opt-in possono convincere più persone a inviare i tuoi moduli. Dopodiché, avrai bisogno di modi per continuare a coinvolgere i nuovi lead e iscritti.

Ecco alcuni modi per mantenere le persone coinvolte:

  • Inviali a una pagina di ringraziamento personalizzata. Questo ti consente di indirizzare le persone a più risorse a cui potrebbero essere interessate (e di mantenerle sul tuo sito)
  • Chiarisci il passaggio successivo richiesto. Hai intenzione di chiamarli? Inviare un’email di conferma? Loro devono fare qualcos’altro in questo momento? Chiariscilo.
  • Follow-up (puoi automatizzarlo). Invia un’email di benvenuto. Attiva follow-up automatizzati. L’impegno è massimo subito dopo l’invio del modulo, quindi colpisci mentre il ferro è caldo e contattali ora.

Impara come creare un buon modulo. Crealo. Quindi, invia follow-up. Fai crescere la tua attività semplicemente trasformando più visitatori in lead e clienti.