Come progettare per il daltonismo

Sommario:

Come progettare per il daltonismo
Come progettare per il daltonismo

Video: Come progettare per il daltonismo

Video: Come progettare per il daltonismo
Video: La mia VITA da DALTONICO 2024, Maggio
Anonim

Progettare contenuti utilizzabili per le persone con daltonismo è un ottimo modo per renderlo più accessibile per il pubblico in generale. Le persone con daltonismo hanno difficoltà a distinguere tra determinati colori, come il rosso, il verde o il blu. Alcune persone daltoniche non possono vedere alcun colore, rendendo difficile la navigazione in siti e app che fanno molto affidamento sui colori. Utilizzando alcuni semplici suggerimenti e linee guida, puoi rendere le tue informazioni facili da usare per tutti coloro che fanno clic su di esse, indipendentemente dai colori che possono (o non possono) vedere.

Passi

Metodo 1 di 2: testo e sfondo

Design per daltonismo Fase 1
Design per daltonismo Fase 1

Passaggio 1. Scegli colori contrastanti per testo e sfondi

I colori troppo simili tra loro possono essere difficili da distinguere per chi soffre di daltonismo. Quando scegli i colori del testo e dello sfondo, scegli quelli che si distinguono l'uno dall'altro.

Nero su bianco o bianco su nero è una scelta ovvia, ma puoi anche usare blu e giallo, giallo e viola o blu scuro e nero

Design per daltonismo Fase 2
Design per daltonismo Fase 2

Passaggio 2. Scegli combinazioni di colori come blu/giallo e arancione/viola

Le persone con daltonismo sono in grado di vedere alcuni colori meglio di altri. Quando scegli le combinazioni di colori, cerca di attenerti a:

  • Blu e giallo
  • Marrone e blu
  • Arancione e viola
  • Verde e viola
  • Giallo e rosa
  • rosso e blu
Design per daltonismo Passaggio 3
Design per daltonismo Passaggio 3

Passaggio 3. Stai lontano da verde/rosso, verde/marrone e blu/viola

La maggior parte delle persone daltoniche ha problemi con combinazioni di colori specifiche. Stai lontano da quei colori per rendere leggibile il tuo design.

Dovresti anche evitare il verde e il blu, poiché queste tonalità possono essere molto simili tra loro

Design per daltonismo Passaggio 4
Design per daltonismo Passaggio 4

Passaggio 4. Usa colori brillanti e audaci

Pastelli e colori tenui tendono a sfumare l'uno nell'altro, soprattutto per le persone daltoniche. Attieniti ai colori neon o primari per aiutarli a distinguere tra tutti i colori sulla pagina.

Design per daltonismo Passaggio 5
Design per daltonismo Passaggio 5

Passaggio 5. Mantieni la tavolozza dei colori al minimo

Meno colori usi, più eviterai confusione. Non esiste una regola rigida per questo, ma meno sono e meglio è!

Ad esempio, puoi scegliere 3 colori e utilizzarli come tema per la tua pagina web

Metodo 2 di 2: immagini e collegamenti

Design per daltonismo Passaggio 6
Design per daltonismo Passaggio 6

Passaggio 1. Sottolinea i link cliccabili

Normalmente, i collegamenti sono evidenziati con il colore, ma le persone daltoniche potrebbero avere problemi a vederli. Se c'è un link cliccabile, sottolinealo ed evidenzialo sulla pagina.

Se non vuoi sottolinearlo, rendi il testo in grassetto

Design per daltonismo Passaggio 7
Design per daltonismo Passaggio 7

Passaggio 2. Includi simboli e chiavi

Le persone con daltonismo possono avere difficoltà a comprendere grafici e grafici basati solo sul colore. Assicurati di includere simboli e chiavi sul lato dell'immagine come riferimento.

  • Ad esempio, potresti inserire un codice colore a lato del grafico per spiegare il significato di ciascun colore.
  • In alternativa, puoi utilizzare i simboli su una mappa per etichettare aree diverse, come campeggi e servizi igienici.
Design per daltonismo Passaggio 8
Design per daltonismo Passaggio 8

Passaggio 3. Aggiungi texture a mappe, grafici e grafici

I colori solidi possono essere difficili da distinguere. Prova a utilizzare linee, punti e segni di cancelletto per differenziare le sezioni su grafici, mappe e grafici.

  • Questa è un'ottima idea per grafici a barre e grafici a torta.
  • Puoi utilizzare la trama e il colore nelle tue immagini, quindi non devi cambiarle completamente.
Design per daltonismo Passaggio 9
Design per daltonismo Passaggio 9

Passaggio 4. Delinea le sezioni sulle mappe

Se stai usando i colori per differenziare stati o bordi, usa anche un contorno nero. Questo aiuterà le persone daltoniche, poiché saranno in grado di vedere le linee nere.

Questo è un ottimo modo per far risaltare maggiormente anche le tue immagini

Design per daltonismo Passaggio 10
Design per daltonismo Passaggio 10

Passaggio 5. Etichettare le informazioni senza utilizzare i colori

I grafici a torta, i grafici e i sistemi di trasporto utilizzano spesso i colori per differenziare sezioni o metodi. Etichetta le informazioni con parole e colori per renderle accessibili a chi soffre di daltonismo.

  • Ad esempio, se utilizzi un grafico a torta, puoi etichettare ciascuna sezione e utilizzare colori diversi per separarle.
  • Qualcuno con daltonismo completo (che può vedere solo in bianco e nero) non sarà in grado di utilizzare una chiave colorata.

Consigliato: