Prevenire UX non riesce con Smart Design
Una cosa su cui non ci sono abbastanza designer per concentrarsi quando si progettano siti Web sta riducendo gli errori degli utenti. È un peccato perché gli errori degli utenti hanno un impatto diretto sull'esperienza utente di un sito ... che ha un impatto diretto sulle conversioni di un sito ... che ha un impatto diretto sulla quantità di denaro che il tuo cliente ha da perdere.
Detto in altro modo: se c'è una cosa che puoi fare immediatamente per assicurarti che il tuo cliente rimanga felice e continui a lanciare il lavoro di progettazione a modo tuo, è prevenire preventivamente gli errori degli utenti fin dall'inizio. Progettare con questa filosofia proattiva non solo migliorerà drasticamente l'esperienza dell'utente, ma ti farà anche sembrare davvero buono per i tuoi clienti.
Prevenire gli errori degli utenti si riduce a un principio che dovrebbe essere sempre il primo nel sistema di valori di ogni designer: progettare per l'utente finale a tutti i costi.
Modelli di progettazione
I modelli di design sono layout e interfacce che colpiranno gli utenti con familiarità perché li hanno visti innumerevoli volte in tutti gli anni di navigazione sul Web. Pertanto, ha senso presentare gli utenti con progetti che hanno già visto prima per ridurre gli errori degli utenti. Dopotutto, quando un utente ha avuto esperienza nella navigazione attraverso un certo progetto, allora è una buona scommessa che non creerà errori relativi alla perdita del tuo sito, non riuscendo a capire quale sia l'obiettivo della pagina, o non capendo come eseguire un'azione specifica.
Le statistiche dicono questo circa il 40% della popolazione della Terra attualmente gode di accesso a Internet. Questi utenti hanno visto il tuo menu di navigazione di base (orizzontale, verticale, ecc.), Sanno come scorrere sotto la piega, capire che gli inviti all'azione dovrebbero essere cliccabili e molto altro ancora. Hanno anche familiarità con le varie tendenze del design, dallo scrolling della parallasse e dal design piatto al minimalismo e alla pagina a scorrimento lungo. Lavora all'interno di questi modelli ben compresi per ridurre drasticamente la possibilità di errori degli utenti!
Dillard i grandi magazzini esemplifica questo approccio di base al web design. Sulla sua homepage, puoi vedere chiaramente quanti elementi ha ragione:
- menu di navigazione orizzontale che offre un accesso semplice e chiaro a diversi reparti;
- design a colonna singola;
- spazio bianco per focalizzare l'attenzione sul contenuto;
- barra di ricerca per facilitare la buona UX che consente agli acquirenti di trovare rapidamente ciò che desiderano;
- grandi immagini che mostrano i prodotti in modo forte e attraente.
Con questo layout, le persone che navigano per la prima volta su Dillard passeranno immediatamente attraverso la canalizzazione di conversione e-commerce grazie all'interfaccia familiare del sito.
Affidatevi alle affordances
Gli accessi sono quelle indicazioni che dicono ai tuoi utenti come possono interagire con il sito del cliente. Sono assolutamente essenziali per una grande esperienza utente e, quindi, per ridurre gli errori degli utenti.
Gli accessi arrivano in tutte le forme e dimensioni:
- fisico;
- linguaggio;
- modello;
- simbolico o iconico.
Senza chiari vantaggi o nessuno, anche l'utente più esperto avrà un'esperienza utente putrida sul tuo sito.
Prendi, ad esempio, le offerte linguistiche, che sono i modi più espliciti di comunicare ai tuoi utenti come possono interagire con il tuo sito. Uno dei luoghi più comuni in cui è possibile trovare questi sono in moduli Web per aiutare gli utenti a capire cosa devono inserire nei vari campi.
Mentre alcune forme possono essere relativamente brevi, ogni utente andrà perso senza la disponibilità linguistica per dire loro cosa dovrebbero inserire in ogni campo.
Sopra Dropbox di homepage, puoi vedere il modulo di iscrizione visualizzato in primo piano nel mezzo dello schermo. Il modulo ha solo quattro campi, ma per aiutare l'utente nell'esperienza, Dropbox ha incluso l'offerta linguistica in ogni campo, in modo che tutti gli utenti sappiano che è necessario digitare il loro nome e cognome, indirizzo e-mail e password per iscriversi.
Ora che gli utenti sono sicuri al 100% su cosa entrare in questi campi, non commetteranno errori e, di conseguenza, la registrazione sarà estremamente semplice perché non ci saranno attriti nel processo.
Usa una cancellazione sicura
Uno degli errori utente più comuni è basato su cancellazioni accidentali di lavori creati, sia che questi lavori richiedano molto tempo, come report scritti, o solo media condivisi come fotografie che richiedono solo un secondo per scattare. È ovvio, quindi, che la creazione di efficaci misure di protezione contro le cancellazioni accidentali è uno dei modi migliori per ridurre gli errori degli utenti.
Quasi tutti hanno, in un punto o un altro, sperimentato una situazione in cui ha cancellato accidentalmente un contenuto prezioso o necessario. Il costo di un tale errore utente può spesso essere più che la frustrazione di aver premuto il pulsante sbagliato o di non aver letto più attentamente i messaggi pop-up. Le cancellazioni accidentali possono cancellare in modo permanente ricordi preziosi e documenti relativi al lavoro che costano denaro reale.
La finestra di dialogo di conferma, che chiedeva agli utenti se intendevano davvero cancellare un oggetto, è comunque un fail safe vitale che deve far parte di ogni progetto ben funzionante. La bellezza di questo sistema di sicurezza è che, in linea con la regola sull'uso delle convenzioni di progettazione, tutti gli utenti ne saranno immediatamente a conoscenza, aumentando così la sua efficacia come sistema di prevenzione delle perdite.
Google Drive L'interfaccia usa finestre di dialogo di conferma che catturano immediatamente l'attenzione dell'utente, assicurando che non possano essere ignorate.
Nota come la casella presenta la domanda di conferma in caratteri più grandi di tutti gli altri testi nella casella, quasi fosse un titolo proprio? Inoltre, le parole orientate all'azione come "cancella" iniziano la domanda, rendendo ancora più probabile che gli utenti ne prendano nota. Anche la riga contenente l'avviso è in grassetto, contribuendo all'urgenza della domanda. Infine, nota come il pulsante call to action di "cancel" è quello evidenziato in blu, indicando il desiderio dei progettisti di far sì che gli utenti commettano errori di prudenza in caso di cancellazioni accidentali.
Tutto sommato, un tale uso di finestre di dialogo di conferma si comporta come un fail-safe contro gli utenti rash che potrebbero non aver intenzione di premere un determinato pulsante.
Conclusione
Una cosa che diciamo costantemente nel web design è quanto sia importante progettare pensando all'utente in ogni momento. L'esperienza dell'utente dovrebbe essere prima di tutto in tutte le decisioni di progettazione. Tuttavia, l'aspetto interessante del design è il modo in cui i designer di solito associano l'esperienza dell'utente nel contesto di ciò che possono aggiungere a un design per migliorare l'esperienza degli utenti. Raramente si avvicinano alla progettazione pensando all'utente in primo luogo dal punto di vista dell'eliminazione di potenziali errori in cui l'utente può essere coinvolto.
Ecco perché è essenziale che i designer cerchino sempre di mettersi nei panni dell'utente e cercare di anticipare come si comporterà mentre naviga nella progettazione. Solo allora gli errori degli utenti possono essere minimizzati.