Come evitare comuni trap UX
Quante volte sei stato su un sito web, solo per lasciarti frustrato e infastidito dall'esperienza che hai ricevuto durante la tua visita? Che ci crediate o no, questo è un evento abbastanza comune, specialmente quando i siti Web ignorano le buone pratiche UX.
Se sei coinvolto in qualsiasi aspetto della creazione di un sito web, è assolutamente necessario evitare i problemi comuni di UX, se vuoi rimanere nei buoni libri degli utenti. Diamo un'occhiata alle 4 trappole UX più comuni in cui i designer cadono e come evitarli ...
Forme
I moduli sono necessari per raccogliere informazioni su utenti, clienti e clienti. Non puoi andare in giro a usarli, ma non dovrebbero essere insopportabili da compilare. I moduli dovrebbero avere pochissime domande su quali informazioni sta cercando un sito web. Uno dei maggiori problemi dei moduli online è quando non ci sono istruzioni.
formattazione
Quando chiedi a qualcuno informazioni specifiche, sottolinea quello che stai cercando. Se hai bisogno di un formato speciale per qualcosa, come una data, l'ora o qualsiasi altra informazione formattata, dovrebbe venire con un esempio. Niente è più fastidioso che compilare un modulo, solo per ricevere un messaggio di errore quando hai finito.
Segnaposto
È bello quando un designer va un po 'al di sopra e al di là e ti dà un suggerimento sul tipo di informazioni che stanno cercando, fornendo il testo segnaposto nel campo modulo. Mentre questo è estremamente conveniente, ci sono state diverse volte in cui ho incontrato il testo segnaposto che non scompare quando si inizia a digitare nel campo modulo. Questo è un enorme punto di frustrazione per qualsiasi utente, perché devono smettere di digitare, selezionare tutto e cancellarlo, ricominciando da capo. Possono anche selezionare il tipo non necessario ed eliminarlo, causando un'interruzione nel loro processo di pensiero durante la compilazione del modulo. Ogni volta che si utilizza il testo segnaposto per suggerire il tipo di informazioni che si sta cercando, assicurarsi che vada via quando qualcuno seleziona quel campo di input.
Messaggio di errore
Non c'è niente di più frustrante del provare a fare qualcosa su un sito Web, solo per ricevere un messaggio di errore, senza informazioni sufficienti o affatto. Se un utente del sito web incontra un errore, dovrebbe esserci una spiegazione di cosa non è corretto e come risolverlo. Ad esempio, se accedi a un sito con un nome utente e una password, se commetti un errore con uno, dovresti dirti quale. Con così tanti accessi ai siti Web, è facile accumulare più varianti di nomi utente e password. Ci sono alcuni casi in cui ho dovuto modificare la mia usuale combinazione di nome utente e password, perché non soddisfaceva i requisiti della registrazione di un sito Web, ad esempio 2 lettere maiuscole o un numero, una lettera, una punteggiatura o un simbolo.
Altri esempi includono: se le password non corrispondono, durante il processo di registrazione, mostra un messaggio di errore prima di inviarlo. Un altro esempio potrebbe essere se un nome utente è già stato preso, mostrare che prima qualcuno invia la propria registrazione.
A nessuno piace dover ripetere qualcosa, soprattutto dopo aver ricevuto istruzioni inadeguate. Avrai un coinvolgimento molto più alto se rendi più semplice per gli utenti fornire le informazioni corrette la prima volta.
Intestazioni di navigazione fisse di grandi dimensioni
Non sono sicuro di come questo sia diventato popolare, ma l'ho visto molto, in molti siti del web. Il problema con un'intestazione così grande e tutti quegli elementi di navigazione è quando scorri verso il basso la pagina, blocca un sacco di contenuti. Ciò è particolarmente frustrante quando ci sono parti che è necessario raggiungere, o quando il contenuto riempirebbe altrimenti l'altezza del browser, ma una parte di esso è nascosta dalla navigazione.
Soprattutto sul cellulare
Ciò che è ancora peggio è che a volte, quando un sito viene ridotto alle dimensioni del cellulare, l'intestazione di grandi dimensioni è ancora mantenuta sul posto. Questa è una brutta esperienza in tutto, perché lo spazio è già limitato sugli schermi degli smartphone. Non ha bisogno di essere preso da un menu di navigazione che potrebbe altrimenti essere nascosto. Se ci sono alcuni elementi della nav che devono rimanere visibili, trasformali in icone piccole o mettile da qualche parte fuori strada.
Basso contrasto
I miei occhi sono buoni, ma non sono un fan del tentativo di distinguere visivamente il testo o le icone del carbone su uno sfondo nero. Nessuno dovrebbe doverlo passare. Il contrasto è fondamentale, specialmente nel web design.
Testo
Qualsiasi testo dovrebbe essere facilmente letto, con abbastanza peso per renderlo facile da leggere. 100 caratteri di peso non hanno praticamente alcun posto sul web (tranne in alcuni casi speciali). L'uso di un font super sottile su uno smartphone richiede semplicemente dei problemi. Ci deve essere abbastanza contrasto visivo in modo che i tuoi occhi possano distinguere le lettere.
Colore
Per tutti gli elementi di un sito web, ci dovrebbe essere un contrasto facilmente distinguibile tra i colori. Qualsiasi testo dovrebbe avere un alto tasso di contrasto dal suo background. Questo vale per qualsiasi link, elemento di navigazione o icone. Non dovrebbe essere difficile trovare quello che stai cercando.
Inviti ad azioni
Proprio come gli altri link e gli elementi di navigazione, la tua chiamata agli elementi di azione dovrebbe mostrare un alto livello di contrasto. Se vuoi che un visitatore del sito web agisca, rendilo prominente, facile da leggere e carica e cancella. Troppe volte vedrai un invito all'azione con un pulsante che non si distingue abbastanza dallo sfondo. A volte, non è affatto un pulsante, ed è solo un semplice link di testo circondato da uno spazio bianco.
Tocca gli obiettivi sul cellulare
Lo vedo su molti siti mobili ed è uno degli elementi più frustranti da affrontare. Se hai un pulsante o un link per fare clic, dagli abbastanza spazio in modo che gli utenti non colpiscano accidentalmente la cosa sbagliata. Su uno smartphone, assicurati che qualsiasi pulsante o collegamento sia abbastanza lontano dal bordo o dall'angolo dello schermo, in modo che possano essere facilmente toccati.
Molte volte, un pulsante posizionato troppo vicino a uno dei 4 angoli di uno schermo è troppo difficile da toccare con precisione. Se hai le dita più grandi, lo smartphone potrebbe non registrare affatto la tua azione. Questo fa sì che l'utente debba toccare diverse volte per far funzionare la funzione. Lo spazio per questi elementi è estremamente importante.
Conclusione
Questi problemi comuni di UX possono essere facilmente evitati con un po 'di lavoro in più e lungimiranza. Se vuoi che i visitatori del tuo sito web utilizzino e godano del tuo sito, è importante rendere il processo semplice e fluido. Evitare che i tuoi utenti ripetano le azioni e i processi di nuovo riduce la frustrazione e fornisce l'esperienza utente che tutti si aspettano da un sito ben progettato.
Immagine in evidenza, Immagine di progettazione UX via Shutterstock.