Design e Daltonismo

Table Of Contents

Il legame tra design e daltonismo è un elemento che ogni designer deve tenere in considerazione quando realizza un progetto sia offline che online.

Il daltonismo è un difetto di natura genetica che consiste nella ridotta capacità di distinguere i colori. Talvolta può essere considerato un vero e proprio inconveniente per tutti i progettisti che lavorano nel campo del design, poiché la psicologia del colore, è parte integrante di ogni design di successo.

Senza dubbio la gestione cromatica rappresenta la sfida più interessante quando si progetta per il daltonismo, proprio perché il numero di colori da utilizzare è assai limitato. Questo è dovuto al fatto che molti colori, avendo uno scarso contrasto (ad esempio il rosso e il verde N.d.A.), appaiono molto simili tra loro, provocando confusione e rendendo difficile la distinzione.

Le forme più comuni di daltonismo sono la Protanopia (insensibilità al colore rosso), Protanomalia (scarsa sensibilità al colore rosso), la Deuteranopia (insensibilità al colore verde) e la Deuteranomalia (scarsa sensibilità al colore verde). Molto più rari sono i casi di Tritanopia (insensibilità) e Tritanomalia (scarsa sensibilità) al blu e giallo. [Fonte IAPB]

Negli esempi qui sotto è possibile vedere come le varie tipologie di daltonici vedrebbero la ruota dei colori. 

Ruota Colore

Visione normale

Protanopia Daltonismo

Protanopia

Deuteranopia Daltonismo

Deuteranopia

Tritanopia Daltonismo

Tritanopia

Si parla molto di accessibilità nel settore del web design benché anche nella progettazione degli elaborati di design offline va tenuto conto che l'utente daltonico potrebbe potenzialmente avere problemi di comprensione.

Design e daltonismo: progettare con le linee guida per l'accessibilità

Purtroppo molte aziende porgono poca attenzione agli utenti affetti dal daltonismo, forse per la bassa percentuale di daltonici rispetto al più ampio numero di utenti a cui ci si rivolge.

Nonostante il numero di persone affette da qualche forma di daltonismo sia ridotta, è comunque importante tenere presente questa percentuale perché rappresenta un enorme numero di persone e, quindi, una potenziale quantità di clienti.

Quando si deve iniziare un progetto facendo attenzione ai soggetti daltonici, è possibile trovare una vastità di risorse o consigli sul web che possono aiutarci a testare i nostri progetti grafici. Ne riporto alcune molto interessanti.

Linee guida per l'accessibilità degli utenti daltonici

Il contrasto è importante

La scelta dei colori è fondamentale e ancor più importante è la valutazione del contrasto cromatico. È necessario marcare nettamente la differenza tra i vari colori lavorando su tonalità, saturazione e luminosità, evitando l'uso di colori simili.

Un facile approccio per verificare se un progetto funzionerà, è semplicemente convertire le nostre grafiche in scala di grigi. In tal modo potremmo verificare se tutti gli elementi saranno ben distinti gli uni dagli altri e apportare le dovute modifiche qualora dovessimo riscontrare difficoltà di percezione visiva.

Migliorare l'accessibilità usando le texture

Texture Daltonismo

Un'opzione che può essere utilizzata per differenziare elementi simili, è l'utilizzo delle texture insieme al colore. Questa potrebbe essere una valida soluzione quando ci si trova a realizzare un'infografica piuttosto che un grafico o un diagramma.

Nel web design attenzione ai pulsanti

Nel web design, una buona consuetudine per gli elementi interattivi come i pulsanti, è quello di introdurre un cambiamento cromatico nei diversi stati, tenendo sempre presente che i due colori dovranno avere differenze di tonalità, saturazione e luminosità. Poiché il cambiamento dell'aspetto del tasto segnalerà molto chiaramente all'utente la possibilità d'interazione con il pulsante, ciò risulterà utile anche a chi è affetto da daltonismo perché percepirà comunque una variazione cromatica.

Altre soluzioni valide, sempre usando l'esempio del tasto, sono la possibilità d'inserire un bordo, invece del solo cambiamento del colore, oltre all'aggiunta di un elemento iconico nel caso di alert box .

Pessime combinazioni cromatiche per l'accessibilità

Per non incappare in qualche errore, è fondamentale evitare le seguenti combinazioni di colori, che sono particolarmente ostiche per i daltonici:

Daltonismo Rosso Verde
Daltonismo Verde Marrone
Daltonismo Blu Viola
Daltonismo Verde Chiaro Giallo

Conclusioni

In generale, progettisti e designer dovrebbero creare elaborati e siti web accessibili, di facile utilizzo per tutti gli utenti. Purtroppo non c'è una soluzione progettuale univoca che possa soddisfare le varie forme di daltonismo. Basta tenere a mente i principi fondamentali: 

  • Non fare affidamento solo sul colore per trasmettere un messaggio
  • Integrare una descrizione testuale alle immagini
  • Mantenere 2 o 3 colori (sfruttando tonalità, saturazione e luminosità)
  • Utilizzare texture per marcare il contrasto
  • Evitare l'uso di pessime combinazioni di colori

condividi l'articolo

Claudio Troisi
Designer. Rugbista semiserio. Amante della buona cucina e della birra artigianale. Nel lavoro, come nel rugby, vado sempre avanti, dritto verso la meta. Credo fortemente che la vita vada presa con un sorriso e ogni tanto con qualche spallata. Vivo e lavoro a Roma benché le opportunità mi portino in giro per l'Italia.

Ti protrebbe interessare

Raccontami il tuo progetto

Raccontami le tue idee, le tue aspettative e i tuoi obiettivi. Costruiamo insieme un’identità visiva forte per trasmettere i valori che rendono unica la tua azienda.

Brief

Prendiamoci un caffè al bar o via skype e raccontami il tuo progetto.

Proposta

Elaboro una soluzione sulla base del tuo brief e della mia analisi.

Consegna

Fatte tutte le rifiniture, il progetto è consegnato e tu sei super soddisfatto!
Daltonismo e Graphic Design
© Claudio Troisi · Tutti i diritti riservati.
È vietato copiare o riprodurre i contenuti del sito su qualsiasi supporto, digitale e non senza l’espresso consenso scritto di Claudio Troisi.
BIO
SERVIZI
PROGETTI
FAQ
BLOG
CONTATTI
bookmarkbubblethumbs-up linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram