Come creare una buona forma (assicurati che le tue forme non spaventino le persone)

I moduli sono il modo in cui fai in modo che le persone facciano cose sul tuo sito web. E indipendentemente dal tipo di modulo che utilizzi, devi assicurarti che sia facile da usare, in modo che le persone lo compilino.

Se i tuoi moduli danno un'esperienza utente negativa, le persone non li compileranno. Il che significa che lasciano il tuo sito Web, per non diventare mai un cliente, tutto perché hai formattato i campi del modulo in modo un po' traballante!

Ciò significa che devi sapere come creare una buona forma.

Quali tipi di moduli trarranno vantaggio da un buon design dei moduli?

• Moduli per la generazione di lead: per quando desideri che le persone aderiscano alla tua lista e-mail o scarichino un'offerta gratuita
• Moduli di contatto : per quando vuoi che le persone si mettano in contatto
• Moduli di registrazione : per quando desideri che le persone si iscrivano al tuo servizio o evento
• Moduli di accesso : per quando desideri rendere più semplice l'accesso per le persone
• Moduli di pagamento : per quando vuoi assicurarti che le persone non abbandonino i carrelli della spesa
• Moduli di acquisizione e-mail generali : per qualsiasi tempo necessario per ottenere l'indirizzo e-mail di qualcuno

Sfortunatamente, ci sono molte cattive forme là fuori.

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

Ecco come fare una buona forma.

Principi di progettazione della forma da seguire (le 4 C di una buona progettazione della forma)

Quando devi fare una buona forma, hai bisogno di due cose:

1. Procedure consigliate semplici, come dove inserire le etichette dei campi e come impilare i campi
2. I principi che regolano come fare una buona forma

Puoi imparare molto da cose che altre persone hanno già testato, e in un secondo elencherò una serie di best practice per la progettazione di moduli che ti semplificheranno la progettazione.

Ma a volte è necessario utilizzare un modulo per qualcosa che non è 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 offre gli strumenti per creare un buon modulo in qualsiasi circostanza.

[blog-subscribe headline="Questo modulo segue i principi" description="E quando inserisci la tua e-mail, riceverai 1 e-mail a settimana, con i nostri migliori consigli di marketing."]

Così. Ecco i suggerimenti rapidi e specifici che ti aiutano a gestire gli errori comuni dell'esperienza utente dei moduli:

• Metti le etichette sopra i tuoi campi , non come testo che scompare all'interno del campo. Altrimenti, quando qualcuno inizia a digitare, potrebbe dimenticare quali informazioni hai chiesto.
• Impila i campi verticalmente quando ce ne sono più di due. I campi verticali sono più facili da scansionare rispetto a quelli orizzontali.
• Rendi evidente quali campi sono obbligatori. Gli asterischi sono comuni (oppure puoi richiamare specificamente campi facoltativi).
• Se sono disponibili più di 6 opzioni per un modulo, utilizzare un menu a discesa . Mai sentito parlare della regola del 7? Le persone possono ricordare circa 7 elementi, quindi se hai quel numero o più, non mostrarli tutti in una volta come pulsanti di opzione.
• Usa i moduli a più passaggi se hai un numero elevato di campi: può ridurre l'attrito
• Rendi i campi del modulo di dimensioni diverse in base alla lunghezza della risposta che ti aspetti. Un modulo per il codice postale dovrebbe essere più breve di una volta per il numero di telefono.
• Se hai messaggi di errore, potrebbe essere una buona idea aggiungere la convalida inline
• Non fare in modo che il pulsante di invio dica "invia". Rendilo visivamente distintivo con microcopie avvincenti.

E poi ecco i principi alla base delle buone forme. Queste sono le quattro C di un buon design della forma:

1. Chiaro
2. Conciso
3. Intelligente
4. Cooperativa

(Nota: merito al team di Formulate per lo sviluppo di questo modello 4 C).

1. I moduli chiari sono più facili da usare

Le forme chiare non fanno pensare alle persone (e questa è una buona cosa).

C'è un motivo se è come la Bibbia del web design (Amazon)

Cosa significa avere una forma chiara? Significa che la persona che compila i tuoi moduli web dovrebbe essere in grado di farlo con il minor sforzo possibile.

Un campo obbligatorio dovrebbe essere ovviamente obbligatorio. I campi di input dovrebbero chiarire quali input stanno chiedendo.

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

La chiarezza nelle tue forme è fondamentale. Se una qualsiasi parte del tuo modulo è confusa, perderai conversioni!

E intendo qualsiasi parte della tua forma. Quello include:

• Quali parti sono opzionali o obbligatorie
• Quali informazioni compilare
• Quali campi del modulo vanno con quali informazioni
• Cosa accadrà dopo l'invio del modulo
• Perché dovrebbero anche compilare il tuo modulo in primo luogo!

A meno che il tuo modulo non sia qualcosa di follemente intenso 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 una copia di adesione buona e chiara.

E significa rendere il tuo modulo il più semplice e indolore possibile da completare.

Quando progetti il ​​tuo modulo, poni queste domande:

• È ovvio cosa il modulo vuole che qualcuno faccia?
• È ovvio quali informazioni vengono richieste?
• È ovvio quale formato devono assumere le informazioni?
• È ovvio dove inserire ogni informazione?
• Se c'è un errore, il messaggio di errore dice come correggerlo?
• Una volta inserite le informazioni, è ovvio cosa fare dopo?

2. I moduli concisi ottengono più conversioni

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

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

1. A volte una forma lunga converte effettivamente meglio di una forma breve
2. A volte hai davvero bisogno di più informazioni
3. A volte vuoi assicurarti che solo le persone più interessate ti raggiungano

Quando l'esperto di ottimizzazione del tasso di conversione Michael Aagaard ha abbreviato il suo modulo di tre campi, ha pensato che il tasso di conversione sarebbe aumentato.

No. Le conversioni sono diminuite del 14%.

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

Alcuni campi modulo sono intrinsecamente più friabili (ad es. "numero di telefono") rispetto ad altri (ad es. "nome").

Naturalmente, vorresti quante più informazioni possibili sui tuoi contatti. Devi solo bilanciarlo con le informazioni che le persone sono disposte a darti.

D'altra parte, ci sono due ottime ragioni 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 vendi servizi più costosi, soprattutto se vendi alle aziende.

Anche se i tuoi moduli sono lunghi, assicurati di chiedere solo le informazioni di cui hai bisogno.

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

3. I moduli intelligenti aiutano le persone

Intelligente non significa che la tua forma dovrebbe avere un sacco di giochi di parole. Come abbiamo scritto prima, la chiarezza è più importante dell'intelligenza, almeno quando l'intelligenza significa "essere divertenti".

In questo contesto, "intelligente" significa "intelligente". I moduli intelligenti sono moduli abbastanza intelligenti da aiutare i tuoi visitatori a completarli, eseguendo passaggi irrilevanti o rendendo più facile per i visitatori completare i passaggi necessari.

Quali sono alcuni di questi passaggi?

• Campi del modulo che si completano automaticamente, così i tuoi visitatori possono compilare le loro informazioni più velocemente
• Nascondere i campi del modulo per le informazioni che già possiedi
• Nascondere i campi del modulo fino a quando non vengono compilati i campi prerequisiti
• Accettando solo alcuni input per alcuni campi del modulo (es. un indirizzo email deve contenere @)

Google ti consente di compilare automaticamente le tue informazioni. Questo esempio (da developer.google.com) illustra quanto sia più veloce la compilazione automatica.

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

4. Le forme cooperative non rendono le persone frustrate

“Cooperativa” è un principio più generale degli altri tre. Se un modulo è cooperativo, significa che funziona con i tuoi visitatori per semplificare la compilazione.

Il principio di cooperazione incorpora una serie di migliori pratiche. Ad esempio, forme cooperative:

• Lavora con la struttura mentale che usa il compilatore quando si avvicina al modulo
• Definisci i termini e dai un contesto quando necessario
• Utilizza termini che risulteranno familiari al tipo di persona che invia il modulo
• Rendi evidenti gli errori e fornisci i passaggi per risolverli
• Accoglie 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 di chi compila il modulo
• Chiarisci cosa ci si aspetta dal compilatore e cosa può aspettarsi il compilatore dalla compilazione del modulo

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 detto questo su come influisce sul processo decisionale.

"L'incertezza è spesso inevitabile nella vita di tutti i giorni e può essere sia stressante che eccitante... Ricerche recenti suggeriscono che gli organismi biologici tentano di risolvere e ridurre al minimo l'incertezza, come mezzo per ottimizzare le inferenze e le previsioni sul mondo esterno e, in definitiva, per promuovere il successo della sopravvivenza".

Quando ti imbatti in una forma confusa, qual è il modo più veloce per "risolvere e ridurre al minimo l'incertezza?"

Non compilando il modulo!

Ecco perché i moduli cooperativi sono così importanti: impediscono ai compilatori di moduli di essere frustrati.

E convincono più persone a compilare i tuoi moduli.

Conclusione: cosa viene dopo una buona forma?

Una buona forma è solo l'inizio dell'interazione dei tuoi visitatori con la tua attività.

Un buon design dei moduli e una potente copia di opt-in possono indurre più persone a inviare i tuoi moduli. Dopodiché, avrai bisogno di modi per continuare a coinvolgere i tuoi nuovi contatti e iscritti.

Ecco alcuni modi per coinvolgere le persone:

• Inviali a una pagina di ringraziamento personalizzata. Una pagina di ringraziamento personalizzata ti consente di indirizzare le persone a più risorse a cui potrebbero essere interessate (e le mantiene sul tuo sito)
• Rendi chiaro il passaggio successivo richiesto. Li chiamerai? Inviare un'e-mail di conferma? Hanno bisogno di fare qualcos'altro in questo momento? Rendilo ovvio per loro.
• Follow-up (puoi automatizzare questo). Invia un'e-mail di benvenuto. Attiva il follow-up automatizzato. Il coinvolgimento è massimo subito dopo l'invio del modulo, quindi colpisci mentre il ferro è caldo e allunga la mano ora.

Impara come creare una buona forma. Fallo. Quindi, segui. Fai crescere la tua attività semplicemente trasformando un numero maggiore di visitatori in lead e clienti.