Perché i messaggi di errore sono importanti?
I messaggi di errore hanno un ruolo importante nell'esperienza utente dei tuoi visitatori. Se qualcuno è ripetutamente incapace di inviare il modulo e non ha idea del perché o di quale sia il problema, c'è una grande possibilità che si sentano frustrati, arrabbiati o semplicemente abbandonino del tutto il sito.
Aggiungendo messaggi di errore ben congegnati ai tuoi moduli, il tuo modulo si sentirà professionale e premuroso per i tuoi visitatori. Ancora più importante, i messaggi di errore miglioreranno l'esperienza utente del tuo modulo e un'esperienza utente eccezionale significa che è più probabile che tu veda un aumento delle conversioni. Significa anche clienti più soddisfatti che potrebbero tornare al tuo sito e diventare promotori della tua attività.
Per ottenere un'esperienza utente fantastica, non puoi semplicemente implementarla qualunque messaggio di errore nei tuoi moduli. In effetti, ci sono molte forme là fuori che includono messaggi di errore che non sono né pensierosi né efficaci. In questo post tratteremo alcuni degli errori dei messaggi di errore più frequenti.
Progettazione di messaggi di errore: 6 errori da evitare e buoni esempi da seguire
Esaminiamo sei errori comuni che vorrete evitare durante la creazione di messaggi di errore per i moduli Web e sei esempi preferibili che è possibile implementare.
1. Posizionamento dei messaggi di errore
Il posizionamento del tuo messaggio di errore è cruciale. Se qualcuno invia il modulo e vede una casella rossa con il messaggio "Il tuo modulo contiene errori", in realtà non saprebbero dove si trovano gli errori. Evita invece di far sentire i tuoi visitatori confusi inserendo il messaggio accanto all'errore stesso.
Errore: errato posizionamento del messaggio di errore
fonte
Questo è un esempio di posizionamento di messaggi di errore inutili e vaghi. Sarebbe eccezionalmente difficile per qualcuno conoscere automaticamente la posizione esatta dell'errore con un messaggio non chiaro situato in una finestra pop-up.
Buon esempio: ottimo posizionamento dei messaggi di errore
fonte
Questo è chiamato posizionamento dei messaggi di errore in linea – si trova direttamente in linea con l'errore in modo che i visitatori possano vedere chiaramente il problema e correggerlo rapidamente.
2. Incolpare l'utente
Mai sentito dire "Il cliente ha sempre ragione"?
Bene, lo stesso messaggio si applica ai moduli Web e ai relativi messaggi di errore. Dovresti evitare qualsiasi linguaggio negativo e astenermi dal dare la colpa ai tuoi visitatori per l'errore – usare frasi positive e non dare la colpa a nessuno o qualcosa.
Errore: incolpare l'utente
L'ultima cosa che vuoi fare è indirizzare il tuo visitatore e farlo sentire male o sminuito. Non li biasimare mai per l'errore nel modulo (anche se hanno davvero causato il problema).
Dovresti anche evitare frasi negative e vaghe come "Oops!" O "Qualcosa è andato storto." Dovendo correggere un errore o due potrebbe essere un processo frustrante per una persona in fretta o qualcuno che ha già lavorato con più errori nella stessa forma. E lascia che sia affrontato, il linguaggio negativo non renderà i tuoi visitatori entusiasti di correggere i loro errori – semplicemente non è affatto utile.
fonte
Buon esempio: non incolpare nessuno o qualcosa
fonte
Nei tuoi messaggi di errore, vuoi sembrare positivo, calmo e semplice. Dovresti anche evitare di incolpare qualcuno o qualcosa. Inserire parole e frasi gentili come "per favore" è anche un modo piacevole e professionale per chiedere ai visitatori di correggere i loro errori e allo stesso tempo fare una buona impressione.
3. Copia del messaggio di errore
La tua copia del messaggio di errore (ciò che effettivamente dice il messaggio di errore) è importante. Altrimenti, in che modo il visitatore potrebbe capire qual è effettivamente l'errore o come risolverlo? L'uso di un linguaggio chiaro e diretto aiuterà i tuoi visitatori a capire cosa ha causato il loro errore in primo luogo e come dovrebbero correggerlo.
Errore: mancanza di chiarezza
fonte
Anche se questo messaggio di errore è in linea e mostra al visitatore che c'è un problema con l'indirizzo email inserito, semplicemente dicendo che l'indirizzo è "non valido" non è utile per i visitatori. In questo scenario, in che modo i visitatori dovrebbero sapere se hanno errato il loro indirizzo email, se hanno bisogno di provare un altro indirizzo email, o se hanno già un account di cui si sono dimenticati (e devono invece dirigersi verso la pagina di accesso)?
Una copia poco chiara e vaga mette i tuoi visitatori attraverso un gioco di indovinelli non così eccitante e che richiede tempo.
Buon esempio: essere chiari e concisi
La tua copia del messaggio dovrebbe non solo essere chiara, concisa e spiegare il problema in questione, ma dovrebbe anche fornire al visitatore indicazioni semplici su come correggere l'errore. In questo modo, rimangono produttivi e sia la vostra azienda che la vostra forma si sentono professionali e premurosi.
4. Messaggio di errore Chiarezza
La copia del messaggio di errore è un grande vantaggio per un errore simile, comune: mancanza di chiarezza del messaggio di errore. Il tuo messaggio dovrebbe essere così chiaro che a elementare lo studente scolastico potrebbe capirlo e sapere come correggere l'errore.
Per determinare il livello di chiarezza del messaggio di errore, è necessario dare un'occhiata ai requisiti del campo modulo. Ad esempio, se sono presenti requisiti non chiari elencati e viene visualizzato un messaggio di errore nel modulo, i visitatori avranno difficoltà a capire in che modo devono risolvere il problema.
Errore: non elencare i requisiti del campo modulo
fonte
Se il tuo modulo ha già requisiti per la password, ma non li elenchi chiaramente da nessuna parte, molto probabilmente il tuo visitatore troverà difficoltà a creare una password valida. Dovranno utilizzare il processo di eliminazione per creare con successo una password che potrebbe richiedere molto tempo. Ancora una volta, parla di un processo di agitazione che i tuoi visitatori semplicemente non hanno il tempo per.
Buon esempio: requisiti del campo modulo elenco
Elencando chiaramente i requisiti del campo del modulo, ad esempio i requisiti esatti della password, fornisci ai visitatori una soluzione per evitare di commettere errori nel modulo. E se loro fare ancora fare un errore, possono rapidamente scremare quei requisiti per imparare come modificare il problema.
5. Descrizioni dei messaggi di errore concisi
Durante il completamento del modulo, è probabilmente sicuro presumere che i tuoi visitatori non vogliano sedersi a leggere una lunga descrizione del messaggio di errore. Leggendo descrizioni prolisse e prolisse nulla può sentirsi confuso e noioso. Per evitare ciò, le descrizioni dei messaggi di errore dovrebbero spiegare brevemente le azioni precise che i visitatori possono intraprendere per correggere il loro errore.
Errore: descrizioni dei messaggi di errore lunghe e confuse
fonte
Le descrizioni lunghe e confuse dei messaggi di errore in genere vanificano lo scopo di ciò che stai tentando di fare (che aiuta il visitatore a correggere il proprio errore). In effetti, possono rendere molto più difficile scoprire il vero problema in questione e capire come risolverlo.
Buon esempio: mantenere i messaggi di errore semplici
fonte
Quando spieghi il motivo dell'errore del tuo visitatore, cerca di essere il più diretto e il più breve possibile. Utilizza un linguaggio che indirizza direttamente il visitatore al suo errore e spiega brevemente come risolverlo in modo che possano apportare la correzione da soli senza alcuna esitazione o confusione in modo tempestivo.
6. Messaggi di errore ovvi
Rendere i tuoi messaggi di errore pop in modo che siano facili da vedere e leggere è un modo semplice per migliorare UX (esperienza utente). Rendi i tuoi messaggi di errore luminosi, audaci e ovvi in modo che i tuoi visitatori possano correggere rapidamente il loro errore e andare avanti con la loro presentazione. Per creare un messaggio di errore evidente, prendi in considerazione cose come dimensione, colore, carattere e altri fattori che contribuiscono all'aspetto generale del messaggio.
Errore: rendere il messaggio di errore difficile da vedere
fonte
In genere, i messaggi di errore e i segnali di avvertimento sono di colore rosso: questo è l'esempio di errore verde … che è un colore che spesso segnala il successo. Puoi vedere come questo potrebbe portare ad alcuni visitatori perplessi.
Anche l'uso di caratteri stretti e chiari su uno sfondo bianco è leggermente difficile da leggere. Inoltre, il pulsante di azione del messaggio, "OK", si distingue più della parola "ERRORE" nella parte superiore della finestra di riepilogo. E "Errore" è probabilmente la parte più importante di questo messaggio perché è ciò che effettivamente dice ai visitatori che c'è un problema con la loro presentazione.
Buon esempio: rendere il messaggio di errore facile da identificare
fonte
Quando crei il tuo messaggio di errore, utilizza indicazioni intuitive relative agli errori (come il colore rosso) per attirare l'attenzione del visitatore.
Alcuni potrebbero dire che un sacco di rosso vivo su una pagina potrebbe potenzialmente sopraffare un visitatore o farli prendere di mira. Ma incorporare neutri come il bianco o il nero, o anche una sfumatura di rosso sbiadito o meno abrasivo, aiuta a bilanciare il tuo messaggio. Questo messaggio di errore utilizza anche icone di segnali di avvertimento che indirizzano i visitatori alle posizioni in cui sono presenti errori, un font leggibile e un pulsante di azione di facile visualizzazione che indica chiaramente che è possibile inviare di nuovo o "Invia" nuovamente il modulo.
Indietro da te
Includere messaggi di errore ben congegnati nei moduli Web è un ottimo modo per migliorare la tua esperienza utente e, quindi, aumentare le tue conversioni. Esistono diversi modi per evitare gli errori più comuni dei messaggi di errore che possono far sì che i visitatori si sentano frustrati, arrabbiati o abbandonino del tutto il sito.
Incorporando le correzioni rapide a questi errori, le tue forme si sentiranno professionali e premurose, dando inizio a una relazione positiva con i tuoi visitatori che li farà tornare sul tuo sito. Inizia subito a creare fantastici messaggi di errore con queste linee guida di facile implementazione che miglioreranno il tuo UX e aumenteranno il numero di lead e conversioni.
Originariamente pubblicato il 3 gennaio 2019 alle 9:00:00, aggiornato il 3 gennaio 2019