Un venerdì pomeriggio, il nostro gruppo di progettazione ha ricevuto un messaggio da uno dei nostri designer che chiedeva aiuto nella scelta di una tavolozza di colori. All'inizio, ho pensato che fosse solo un compito normale scegliere i colori dalla loro guida al marchio o crearne uno dal loro sito esistente. Tuttavia, si è rivelato più interessante; il designer aveva già lavorato sulla tavolozza dei colori e il cliente era tornato da noi per l'accessibilità. Hmm!

Quando ne ho sentito parlare, tre delle mie ricerche precedenti mi hanno aiutato

1. Ho lavorato sulla tavolozza dei colori per i sistemi di progettazione, dove ho implementato l'accessibilità secondo le linee guida WCAG .
2. Able Figma Plugin che ti aiuta istantaneamente a controllare l'accessibilità dei livelli di testo e di sfondo.
3. Color Blind Plugin che ti aiuta a simulare i tuoi progetti in 8 diversi tipi di schermate per le carenze della visione dei colori.

Passo 1:

Usiamo questo strumento per costruire il nostro primo set di colori , ci sono anche altri strumenti ma questo sembra più facile.

Passo 2:

Una volta creata la nostra combinazione di colori, abbiamo iniziato a etichettare i nostri colori. Ciò rende più facile tenerne traccia e modificarli rapidamente, riducendo la quantità di lavoro che dobbiamo svolgere manualmente. Per farlo, ho utilizzato questo strumento . Aiuta a dare ai colori nomi propri in base alle loro variazioni scure e chiare. Possiamo quindi utilizzare questi colori nell'interfaccia utente in diversi modi.

Passaggio 3:

Ecco che arriva la parte interessante, l'accessibilità!!!!

• Il modo standard per controllare il rapporto di contrasto, per la tavolozza scelta
• L'abbiamo applicato ai nostri schermi
• Simulare i risultati per gli schermi di deficit della vista.

Il luogo in cui lavoriamo ha dei problemi,

• Non riceveremo feedback dai clienti sul fatto che il team di progettazione abbia risolto o meno il loro problema.
• Non sappiamo se questo è il problema giusto o no
• Ci sono 2 o 3 mediatori in mezzo (anche il cliente ha condiviso qualcosa, è stato tradotto in modo diverso da noi)

In che modo la scelta di una tavolozza di colori ti aiuterà nell'accessibilità?

• Affrontare il colore è una parte, ci sono molti altri parametri che dobbiamo considerare quando si tratta di accessibilità questo requisito ci è venuto esplicitamente per Colors, quindi l'abbiamo risolto in questo modo!

Sempre pronto per nuove opportunità

Chiedi aiuto senza esitazione (Self Advice)

Sii aperto al feedback

Apprendimenti

L'accessibilità è importante nel design. Quando si progetta tenendo presente l'accessibilità, tutti possono utilizzare e interagire con il prodotto, indipendentemente dal proprio livello di abilità. Ciò include persone con disabilità fisiche, sensoriali o cognitive. Per assicurarsi che tutti possano utilizzare il prodotto, dovrebbe avere funzionalità come colori ad alto contrasto, sintesi vocale, caratteri di grandi dimensioni e navigazione da tastiera. L'accessibilità fa parte della progettazione inclusiva, che tiene conto dei bisogni di tutte le persone.

Riferimenti

Nozioni di base sulla creazione della tavolozza dei colori

Grazie a tutti i creatori di plugin