Ogni campo che aggiungi a un modulo è una decisione. Le ricerche mostrano che ogni campo obbligatorio in più riduce i tassi di completamento del 10-15%. Ma chiedere meno dati significa anche ottenere meno dati. La chiave per far salire le conversioni non è togliere del tutto i campi. È essere strategici su quali campi segnare come obbligatori, quali come facoltativi e quali nascondere finché non diventano rilevanti.
Che cosa fanno davvero i campi obbligatori ai tassi di conversione
Quando qualcuno arriva sul tuo modulo, lo scorre in pochi secondi. Non parola per parola. Guarda quanti campi ci sono, quanto dovrà scorrere e se le richieste sembrano ragionevoli.
I campi obbligatori mandano un segnale. Ognuno dice "Ho bisogno di questo da te". Due o tre campi obbligatori sembrano gestibili. Sette campi obbligatori sembrano una candidatura di lavoro. La differenza nei tassi di abbandono non è piccola.
Prendi un qualsiasi pagamento e-commerce e vedrai questo effetto in azione. Se il campo CAP è segnato come facoltativo ma l'indirizzo di spedizione è obbligatorio, i clienti restano. Se entrambi sono obbligatori e non segnalati con chiarezza, gli abbandoni del carrello salgono. La psicologia è semplice. I visitatori incerti se ne vanno.
La regola "segna la minoranza": quando segnare obbligatorio, quando facoltativo
La maggior parte dei moduli è sbilanciata. Un modulo di contatto può avere cinque campi obbligatori e uno facoltativo. Un modulo di registrazione può averne otto obbligatori e due facoltativi. In questi casi, segnare ogni campo obbligatorio spreca spazio e carico cognitivo.
L'approccio migliore è segnare solo la minoranza. Se l'80% dei tuoi campi è obbligatorio, segna solo quelli facoltativi con la scritta "(facoltativo)" accanto all'etichetta. I campi non segnati saranno considerati obbligatori. Così riduci il disordine visivo e il modulo sembra più corto.
Al contrario, guarda i moduli complessi in cui i campi obbligatori sono sparsi ovunque. Le richieste assicurative, i moduli per i prestiti e i sondaggi a più pagine spesso hanno campi obbligatori e facoltativi mescolati. In quel caso segna entrambi. Usa un asterisco (*) per i campi obbligatori e "(facoltativo)" per quelli facoltativi. Un'etichettatura chiara batte le convenzioni sottintese.
La regola è semplice. Segna la minoranza, qualunque essa sia.
Come etichettare i campi obbligatori in modo che le persone li notino
Un asterisco da solo non basta. Chi usa uno screen reader non può sentire un asterisco. Chi non è madrelingua può non riconoscere la convenzione. Chi scorre veloce può perdere del tutto un piccolo simbolo.
La soluzione è un'etichettatura a più livelli. Servono l'asterisco, la parola "obbligatorio", e entrambi devono essere chiari sia visivamente sia a livello di codice.
Usa un asterisco e abbinalo alla parola obbligatorio
Le ricerche mostrano che abbinare un asterisco rosso (*) al testo "obbligatorio" nell'etichetta elimina la confusione. L'asterisco attira l'occhio. La parola "obbligatorio" conferma che cosa significa. Insieme funzionano per chi vede, per chi usa uno screen reader e per le persone con disabilità cognitive.
Prova Indirizzo email * (Obbligatorio) oppure Numero di telefono * seguito da un testo che dice "I campi contrassegnati con asterisco sono obbligatori." Questo formato funziona bene.
Aggiungi una legenda che spieghi che cosa significa obbligatorio
Prima che inizino i campi del modulo, inserisci una riga semplice che dice "* = campo obbligatorio" oppure "I campi contrassegnati con un asterisco (*) sono obbligatori." Questa frase è breve e toglie agli utenti la necessità di interpretare il simbolo da soli.
Abbinala ad attributi HTML a livello di codice. Nel codice del modulo, aggiungi required oppure aria-required="true" a ogni campo obbligatorio. Così dici al browser e allo screen reader che il campo è obbligatorio senza affidarti al solo design visivo.
Il colore conta meno di contrasto e posizione
Gli asterischi rossi sono convenzionali, ma il vero tema è il contrasto. Se il tuo asterisco è di un grigio chiaro o si confonde con l'etichetta, chi ha una vista debole non lo vedrà. Rendi l'asterisco in grassetto e assicurati che abbia un forte contrasto con lo sfondo.
Conta anche la posizione. Metti l'asterisco subito dopo il testo dell'etichetta, non staccato. Così il segnale "obbligatorio" resta legato al nome del campo e si legge a colpo d'occhio da sinistra a destra.
Quando nascondere i campi facoltativi è meglio che segnarli
Alcuni moduli traggono vantaggio da un approccio diverso, chiamato rivelazione progressiva. Nascondi i campi facoltativi finché non diventano rilevanti. Funziona quando il tuo modulo ha un percorso principale chiaro e i campi facoltativi valgono solo per certi utenti.
Prendi un modulo di prenotazione. "Nome del brand" può essere obbligatorio per i clienti aziendali ma facoltativo per i privati. Invece di segnarlo come facoltativo e appesantire il percorso principale, mostralo solo dopo che l'utente sceglie "tipo di prenotazione" come "azienda". Non vedrà mai il campo se non lo riguarda.
La rivelazione progressiva fa sembrare i moduli più corti
I moduli che nascondono i campi facoltativi finché non servono convertono meglio di quelli che mostrano tutto subito. Il motivo è la percezione. Un modulo che mostra 12 campi (anche se 3 sono facoltativi) sembra più lungo di uno che ne mostra 9 e ne rivela altri 3 in base alle risposte dell'utente.
La logica condizionale rivela i campi in base alle risposte precedenti
I creatori di moduli moderni lo supportano in modo nativo. Quando un utente sceglie una certa opzione, compare un nuovo campo. Quando cambia opzione, il campo scompare. Il modulo si adatta alle sue esigenze in tempo reale.
Qui la logica condizionale di WEMASY dà il meglio. Puoi impostare regole come "se il settore è sanità, mostra il campo sulla conformità HIPAA" oppure "se il budget è sotto i $1000, mostra le opzioni di pagamento per i piani piccoli". L'utente vede solo le domande che lo riguardano.
Campi obbligatori condizionali: obbligatori solo quando ha senso
Il design avanzato dei moduli fa un passo in più. Alcuni campi sono facoltativi per impostazione predefinita ma diventano obbligatori in base alle risposte precedenti dell'utente. È il punto ideale tra raccolta dati ed esperienza d'uso.
Supponi che "Parlaci del tuo brand" sia facoltativo in un'iscrizione gratuita. Ma se l'utente sceglie "Sono il titolare di un brand" da un menu a tendina, lo stesso campo diventa obbligatorio. Il modulo cambia il requisito al volo.
Mostra la transizione in modo chiaro
Quando un campo passa da facoltativo a obbligatorio, l'utente deve saperlo. L'approccio migliore è aggiungere subito l'asterisco e l'etichetta "(Obbligatorio)" nel momento in cui il campo diventa obbligatorio. Alcuni creatori di moduli evidenziano il cambiamento con una sottile animazione o un cambio di colore. Segnala che qualcosa è cambiato senza risultare brusco.
Errori che affossano in silenzio i tuoi tassi di completamento
Anche con le regole giuste, piccoli errori si sommano all'abbandono. Fai attenzione a questi.
Mescolare simboli senza una legenda
Usare l'asterisco su alcuni campi e il testo "(obbligatorio)" su altri crea confusione. Scegli un approccio e mantienilo. La coerenza in tutto il tuo brand conta più di quale simbolo specifico scegli.
Segnare per errore come obbligatori dei campi facoltativi
È comune nei moduli migrati da vecchi sistemi o quando i requisiti cambiano a metà progetto. Un campo viene etichettato come facoltativo ma il backend lo richiede, o viceversa. Gli utenti compilano un campo che pensavano facoltativo, inviano il modulo e ricevono un errore. Abbandonano.
Nascondere informazioni che gli utenti devono vedere
La rivelazione progressiva funziona quando il campo nascosto è davvero facoltativo o davvero condizionale. Si ritorce contro quando nascondi campi obbligatori dietro una logica complessa. Se un campo è essenziale, mostralo. Non far chiedere agli utenti se devono compilarlo.
Usare asterischi senza testo esplicativo
Un asterisco da solo è un mistero per chi non ha mai visto quella convenzione. Senza una legenda, alcuni utenti salteranno il campo pensando che sia facoltativo. Aggiungi la legenda. Una riga in alto. Cinque parole. Previene l'abbandono.
Cambiare lo stato obbligatorio a metà modulo
Se un campo è obbligatorio, tienilo obbligatorio. Se più avanti devi renderlo facoltativo per mutate esigenze del brand, fai una revisione completa. Non cambiare di nascosto un campo da obbligatorio a facoltativo sperando che nessuno se ne accorga. Gli utenti se ne accorgeranno e si confonderanno.
Come WEMASY aiuta con i campi obbligatori e facoltativi
Il creatore di moduli di WEMASY ti dà pieno controllo sui requisiti dei campi senza toccare il codice. Imposta qualsiasi campo come obbligatorio o facoltativo dall'editor. Aggiungi logica condizionale che rende un campo obbligatorio solo quando si verificano condizioni specifiche. Aggiungi legende personalizzate per spiegare i simboli dei campi obbligatori.
Puoi anche vedere dati in tempo reale su quali campi causano più abbandoni. Se un campo facoltativo in particolare rallenta le tue conversioni, puoi nasconderlo con la rivelazione progressiva. Se gli utenti sono confusi da un campo obbligatorio, puoi passare a segnare solo quelli facoltativi e vedere quale approccio converte meglio.