Articles

Cum de a proiecta pentru daltonism

daltonism sau deficit de vedere de culoare (CVD) afectează aproximativ 1 din 12 bărbați și 1 din 200 de femei din întreaga lume. Acest lucru înseamnă că pentru fiecare 100 de utilizatori care vizitează site-ul sau aplicația dvs., până la 8 persoane ar putea experimenta conținutul mult diferit pe care l-ați aștepta. Dar cum vă asigurați că experiența dvs. de utilizator se adresează în mod egal acestor vizitatori? Suntem aici pentru a da o mână de ajutor. Așadar, înainte de a alerga la echipa dvs. de design într-o panică, aruncați o privire la brevetul nostru de lucruri de top de luat în considerare atunci când proiectați un UX pentru accesibilitatea culorilor.,

în primul rând, ce este exact orbirea colorată?cei mai mulți oameni orbi de culoare sunt capabili să vadă lucrurile la fel de clar ca și restul populației, diferența fiind incapacitatea lor de a distinge lumina roșie, verde sau albastră. Deficiența este rezultatul unei mutații în cromozomul X – ceea ce înseamnă că femeile sunt mai susceptibile de a fi purtătoare decât suferinzii-și se poate manifesta în 3 moduri principale. cel mai frecvent este orbirea de culoare roșie/verde, unde suferinzii amestecă toate culorile care au roșu sau verde ca parte a întregii culori., Cei afectați de orbirea de culoare Protan sunt mai puțin sensibili la lumina roșie, în timp ce persoanele care suferă de Deuteranopie au aceeași problemă cu verdele. De exemplu, o persoană cu Protanopie va confunda albastru și violet, deoarece nu poate recunoaște elementul roșu al culorii violet. Al treilea tip de deficiență de culoare, Tritanopia, este cel mai puțin frecvent și se referă la suferinzi care se luptă să distingă lumina albastră sau galbenă. Imaginea de mai jos arată cum poate arăta curcubeul indivizilor cu fiecare dintre aceste forme de orbire colorată.,

Deci, cum pot proiecta pentru o mai bună accesibilitate a culorilor?

s-ar putea să vă gândiți: „de ce ar trebui să mă deranjez să proiectez pentru un grup atât de mic de utilizatori?”Dar, în general, elementele care sunt favorabile pentru utilizatorii colorblind sunt de fapt considerate a fi bune practici de proiectare în sens mai larg. Deci, dacă site-ul dvs. este bine conceput, acesta ar trebui să fie deja accesibil tuturor utilizatorilor.

proiectarea pentru accesibilitate nu înseamnă că integritatea estetică a designului dvs. trebuie să aibă de suferit., Cu asta în minte, aici sunt primele cinci elemente ar trebui să te concentrezi pe un daltonist-friendly UX:

de a Folosi ambele culori și simboluri

Tu nu ar trebui să se bazeze pe culoarea singur pentru a transmite un mesaj; de exemplu, anumite tipuri de daltonism s-ar putea face dificil sau chiar imposibil de a vedea roșu comun mesaje de eroare. O abordare este utilizarea atât a culorilor, cât și a simbolurilor în care este necesară atenția utilizatorilor. Un bun exemplu în acest sens sunt câmpurile de formular Facebook și mesajele de eroare atașate.,fapt distractiv: logo-ul Facebook și schema de culori albastru notoriu a fost ales în mod special, deoarece Mark Zuckerberg este de culoare Roșu-verde orb și vede albastru cel mai bun.ar trebui să limitați paleta de culori pe care o utilizați pentru site-ul dvs. web; cu cât utilizați mai puține culori în designul dvs., cu atât mai puține cazuri vor exista pentru confuzie.

nu numai că designul minimalist este o tendință atemporală și plăcută din punct de vedere estetic, ci este utilă și atunci când proiectați pentru accesibilitatea culorilor.,

utilizați modele și texturi pentru a arăta contrastul

încercați să utilizați diferite texturi, spre deosebire de mai multe culori, pentru elemente care necesită accent. De exemplu, ar putea fi dificil pentru utilizatorii daltoniști să interpreteze grafice și diagrame. În acest caz, este mai bine să folosiți modele contrastante și, acolo unde este posibil, să plasați textul în schimb.

aveți grijă cu culorile și nuanțele contrastante

în loc să vă bazați pe alb-negru ca singurele culori contrastante; încercați să utilizați o gamă de culori și nuanțe clar contrastante în designul dvs., De exemplu, jocul Word Feud folosește patru culori pentru plăcile sale care pot fi ușor distinse de cei cu sau fără deficiență de vedere a culorii.

evitați combinațiile de culori proaste

trebuie să fiți inteligent atunci când alegeți combinațiile de culori. Deoarece orbirea colorată afectează oamenii în moduri diferite, este dificil să se determine ce culori sunt „sigure” pentru a fi utilizate în designul web.,iv id=”7030bde3c1″> Red

  • Green & Brown
  • Blue & Purple
  • Green & Blue
  • Light Green & Yellow
  • Blue & Grey
  • Green & Grey
  • Green & Black
  • Side note: how do you know if you’re color blind?,

    Ei bine… unii oameni merg ani de zile fără să știe că sunt orbi, deoarece efectele pot trece relativ neobservate, cu excepția cazului în care altcineva le indică. Imaginea de mai jos este frecvent utilizată pentru a testa orbirea colorată – dați-i drumul! (Puteți găsi un link către testul complet în partea de jos a acestui articol.)

    încă nu sunteți sigur?

    1. testul de orbire a culorii Ishihara: puteți lua testul bazat pe 38 de plăci și puteți obține feedback.,
    2. verificare Color Blind: o aplicație Android creată de Colorblindor unde puteți testa dacă sunteți color blind în ±60 de secunde.
    3. Coblis: daltonism Simulator: aici puteți încărca o imagine și să ia o privire la ceea ce ar arata ca prin ochii oamenilor cu diferite tipuri de daltonism.
    4. aplicații Mobile: iată 3 Aplicații Android și iOS dezvoltate special pentru a ajuta utilizatorii de culoare orb.,

    concluzie

    În general, designerii UX ar trebui să creeze site-uri web accesibile și ușor de utilizat pentru toți., Din păcate nu este un unul-size-fits-all soluție atunci când proiectarea de orbire de culoare specific, dar există câteva esențiale UX design principii să aibă în vedere faptul că va ajuta cu siguranță:

    1. nu se bazează doar pe culoare pentru a transmite un mesaj
    2. Ține-ți paleta de culori limitat la 2 sau 3 culori
    3. Utilizarea textura și modele pentru a arăta contrastul
    4. Selectați cu atenție orice contrastante culori si nuante
    5. Evitați utilizarea proaste combinatii de culori