Daltonismo o carenza di visione dei colori (CVD) colpisce circa 1 su 12 uomini e 1 su 200 donne in tutto il mondo. Ciò significa che per ogni 100 utenti che visitano il tuo sito Web o app, fino a 8 persone potrebbero effettivamente sperimentare il contenuto in modo molto diverso da quello che ti aspetteresti. Ma come si fa a garantire che la vostra esperienza utente fa appello ugualmente a questi visitatori? Siamo qui per dare una mano. Quindi, prima di correre al tuo team di progettazione in preda al panico, dai un’occhiata alla nostra carrellata di cose migliori da considerare quando si progetta una UX per l’accessibilità del colore.,

Per prima cosa, cos’è esattamente il daltonismo?

La maggior parte dei daltonici sono in grado di vedere le cose altrettanto chiaramente come il resto della popolazione, la differenza è la loro incapacità di distinguere la luce rossa, verde o blu. La carenza è il risultato di una mutazione nel cromosoma X-il che significa che le donne hanno maggiori probabilità di essere portatrici rispetto ai malati – e può manifestarsi in 3 modi principali.

Il più comune è il daltonismo rosso/verde, dove i malati mescolano tutti i colori che hanno il rosso o il verde come parte dell’intero colore., Le persone affette da daltonismo Protan sono meno sensibili alla luce rossa, mentre chi soffre di Deuteranopia ha lo stesso problema con il verde. Ad esempio, una persona con Protanopia confonderà blu e viola perché non possono riconoscere l’elemento rosso del colore viola. Il terzo tipo di carenza di colore, Tritanopia, è il meno comune e si riferisce ai malati che lottano per distinguere la luce blu o gialla. L’immagine qui sotto mostra come può apparire l’arcobaleno agli individui con ciascuna di queste forme di daltonismo.,

Quindi, come posso progettare per una migliore accessibilità del colore?

Potresti pensare: “perché dovrei preoccuparmi di progettare per un gruppo così piccolo di utenti?”Ma in generale, gli elementi che sono favorevoli per gli utenti daltonici sono in realtà considerati buone pratiche di progettazione in senso lato. Quindi, se il tuo sito è ben progettato, dovrebbe già essere accessibile a tutti gli utenti.

Progettare per l’accessibilità non significa che l’integrità estetica del tuo design debba risentirne., Con questo in mente, ecco i primi cinque elementi su cui dovresti concentrarti per una UX daltonica:

Usa sia i colori che i simboli

Non dovresti fare affidamento sul solo colore per trasmettere un messaggio; ad esempio, alcuni tipi di daltonismo potrebbero rendere difficile o addirittura impossibile vedere i comuni messaggi di errore rossi. Un approccio consiste nell’utilizzare sia i colori che i simboli in cui è richiesta l’attenzione degli utenti. Un buon esempio di ciò sono i campi del modulo di Facebook e la messaggistica di errore allegata.,

Curiosità: il logo di Facebook e la nota combinazione di colori blu sono stati scelti appositamente perché Mark Zuckerberg è daltonico rosso-verde e vede il blu il migliore.

Mantienilo minimo

Dovresti limitare la tavolozza dei colori che usi per il tuo sito web; meno colori usi nel tuo design, meno istanze ci saranno per confusione.

Non solo il design minimalista è una tendenza senza tempo ed esteticamente gradevole, ma è anche utile quando si progetta per l’accessibilità del colore.,

Utilizzare modelli e texture per mostrare il contrasto

Provare a utilizzare texture diverse, al contrario di più colori, per gli elementi che richiedono enfasi. Ad esempio, potrebbe essere difficile per gli utenti daltonici interpretare grafici e grafici. In questo caso, è meglio usare motivi contrastanti e, ove possibile, posizionare il testo.

Fai attenzione ai colori e alle tonalità contrastanti

Invece di affidarti al bianco e nero come unici colori contrastanti; prova a utilizzare una gamma di colori e tonalità chiaramente contrastanti nel tuo design., Ad esempio, il gioco Word Feud utilizza quattro colori per le sue piastrelle che possono essere facilmente distinti da quelli con o senza deficit di visione dei colori.

Evita le cattive combinazioni di colori

Devi essere intelligente quando scegli le tue combinazioni di colori. Poiché il daltonismo colpisce le persone in modi diversi, è difficile determinare quali colori sono “sicuri” da utilizzare nel web design.,iv id=”7030bde3c1″> Red

Side note: how do you know if you’re color blind?,

Beh Some alcune persone passano anni senza sapere di essere daltonici poiché gli effetti possono passare relativamente inosservati a meno che qualcun altro non li indichi. L’immagine qui sotto è comunemente usato per testare per daltonismo-dare un andare! (Puoi trovare un link al test completo in fondo a questo articolo.)

Non sei ancora sicuro?

1. Ishihara Daltonismo Test: Si può prendere il 38 piastra base di prova e ottenere un feedback pure.,
2. Controllo daltonico: un’app Android creata da daltonico in cui è possibile verificare se si è daltonici in ±60 secondi.
3. Coblis: Daltonismo Simulator: qui è possibile caricare un’immagine e dare un’occhiata a quello che sarebbe simile attraverso gli occhi di persone con diversi tipi di daltonismo.
4. Applicazioni mobili: ecco 3 Android e iOS applicazioni specificamente sviluppate per aiutare gli utenti daltonici.,

Conclusione

Generalmente, i progettisti UX dovrebbero creare siti web accessibili e facili da usare per tutti., Purtroppo, non c’è un one-size-fits-all soluzione quando si progetta per la cecità di colore in particolare, ma ci sono alcuni essenziali principi di UX design per tenere a mente che sarà certamente di aiuto:

1. non fare affidamento solo sul colore per veicolare un messaggio.
2. Tenere la tavolozza di colori limitata a 2 o 3 colori
3. texture e modelli per mostrare il contrasto
4. Selezionare con attenzione qualsiasi contrasto di colori e sfumature
5. Evitare l’uso di bad combinazioni di colori