La percezione dei colori applicata al Web

di: Nicola Convertini     20 Ottobre 2003

Con questo articolo intendiamo stimolare la vostra attenzione su un argomento rilevante: effettuare una scelta di colori che tenga presente non solo le finalità estetiche ma anche quelle legate alla tutela e alle fruizione dei contenuti da parte di utenti con limitate capacità percettive del colore.

Il problema non è marginale. Se tanto risorse vengono impiegate per la compatibilità cross-browser al fine di cogliere la fetta di utenti infedeli al browser Microsoft almeno altrettante dovrebbero essere riservate alla scelta di un impostazione del layout utilizzante colori in grado di permettere la corretta fruizione dei contenuti alla totalità dei navigatori.

Il colore blu

Con l'invecchiamento, gli occhi diventano meno sensibili al colore blu. Questo fenomeno è dovuto al deterioramento dell'occhio umano. Tale fatto implica una difficoltà maggiore nel distinguere una tonalità di blu in età avanzata.

Oltre a ciò, leggere un testo in caratteri piccoli e blu diventa difficile, al punto che il testo potrebbe risultare illeggibile. Significa, innanzitutto, che scegliere una tonalità di blu per il colore del testo di un sito Web non è una buona idea, anche se il suo aspetto risulta gradevole. Significa, anche, che la scelta del blu come colore standard per i link è stata una sbagliata, e non derivante da preventivi studi di ergonomia.

Di conseguenza, è necessario rispettare la consuetudine ma non impedire all'utente di modificare le preferenze.

Altro dato interessante è che gli uomini in generale non sono molto sensibili al colore blu. Sia gli standard di decodifica JPEG che MPEG sono in grado di sfruttare questo fenomeno a loro favore. Usando codifiche percettive è possibile ridurre enormemente la quantità di informazioni blu contenute in una immagine senza degradarne significativamente la qualità.

Il funzionamento della percezione visiva

La percezione dei colori è un fenomeno complesso che riguarda occhio e cervello. All'interno dell'occhio, incaricati della trasmissione del colore, sono i coni, mentre della percezione della luce si occupano i bastoncelli. Essi sono di tre tipi e ognuno di essi è preposto alla rilevazione di un colore primario (tricromatismo). L'assenza nel soggetto di una tipologia di coni comporta una forma di cecità ai colori riassunta nella seguente tabella:

NUMERO DEI CONI PRESENTI ANOMALIA DENOMINAZIONE
Nessuno Monocromate tipico o acromatrico Monocromatismo da bastoncelli
Uno Monocromate atipico Monocromatismo da coni
Due Dicromate Protan (Assenza cono rosso) Deutan (Assenza cono verde) Tritan (Assenza cono blu)
Tre (Uno anomalo) Tricromate anomalo Protanomalo Deuteranomalo Tritanomalo
Tre Tricromate normale Nessuna anomalia

La percentuale stimata di soggetti affetti da errata percezione dei colori è stimata nel 5% dei soggetti maschi, mentre un dato USA riporta che una persona ogni 33.000 è affetta da acromatismo.

È facile perciò intuire come basare il messaggio unicamente sul colore sia una pessima idea. Da parte dei soggetti con alterata percezione dei colori la pagina web può:

  • Non riuscire a mostrare i contenuti.
  • Non riuscire a mostrare i contenuti con lo stesso appeal.

Chi scrive individua una soluzione parziale nell'utilizzazione di colori primari o con un'altra prevalenza di uno di questi. Un colore secondario, permetterà la percezione di una componente dello stesso e almeno, quindi, la fruizione dei contenuti.

Nella figura sotto, si nota come il giallo sia un colore secondario derivante dall'unione del colore verde e del colore rosso. Del colore giallo, un dicromate protan percepirà il verde, un dicromate deutran il rosso, un dicromate teutran coglierà correttamente il colore giallo. Mutatis mutandis per i tricomati anomali.

Spettro dei colori primari

Sulla conservazione dell'appettibilità cromatica c'è poco da dire. Non è praticabile conservarla invariata per i soggetti. La creazione di fogli di stile personalizzati per ogni tipologia di cecità ai colori non è una soluzione praticabile non fosse altro per il fatto che la maggior parte dei tricromati anomali non sono coscienti della loro deficienza.

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti