Toată lumea le folosește: Verde, galben (sau portocaliu) și roșu. Le folosim în vizualizarea datelor, le folosim în butoane, colorăm textul și pictogramele cu ele și le punem în alerte. Ele sunt adesea folosite în momente cruciale, când anunțăm un succes sau dăm vești proaste. De asemenea, abuzăm de ele, folosindu-le pentru a atrage atenția acolo unde nu sunt relevante. Ceea ce nu facem, mult prea des, este să le facem accesibile.
O minoritate semnificativă de oameni sunt daltoniști, iar cei mai mulți dintre aceștia au daltonism roșu-verde. Din 2011, a trebuit să rezolv problema accesibilității culorilor în interacțiunile importante, cum ar fi alertele pentru semnele vitale ale pacienților, calitatea îngrijirii pacienților, starea serverului cloud sau analiza vânzărilor executive. Iată câteva sfaturi de accesibilitate pe care le-am preluat de-a lungul timpului, precum și șablonul meu personal pentru o paletă de culori de trafic utilizabilă și accesibilă.
Puteți proiecta o paletă frumoasă, prietenoasă cu daltoniștii, dar nu strică niciodată să întăriți mesajul. În loc să schimbați textul în roșu sau verde, puneți o pictogramă roșie sau verde de formă diferită lângă text. În acest fel, chiar dacă nu aveți nici un control asupra paletei de culori, sau dacă graficul a fost tipărit în alb-negru, sau dacă utilizatorul dvs. vede doar în griuri, v-ați făcut înțeles punctul de vedere.
Caz de exemplu: Excel. Excel oferă pictograme în culori de trafic pentru a vă ajuta să vă spuneți povestea datelor. Asigurați-vă că folosiți pictograme cu forme diferite, precum și culori diferite! Iată de ce:
Deuteranopia și protanopia sunt două tipuri comune de daltonism roșu-verde. Testarea culorilor dvs. în funcție de acestea va optimiza pentru majoritatea utilizatorilor dvs., dar pictogramele vă ajută să pecetluiți afacerea.
Nu vă încredeți în paletele de culori prestabilite
Există multe cadre și boilerplates extrem de utile online. Fiecare răspunde multor nevoi, dar nu toate au avut timp să își optimizeze culorile pentru daltoniști.
Cea mai importantă întrebare atunci când vă uitați la roșu, verde, portocaliu și galben este: „Vor recunoaște utilizatorii mei această culoare atunci când o vor vedea singură?”. Nu vă încredeți în cei care v-au creat cadrul de lucru că s-au gândit la acest lucru. Verificați singuri.
Cum faceți asta, vă întrebați? Timp de mulți ani, singura soluție pe care am găsit-o pentru testare a fost Photoshop de la Adobe, care oferea vederi protanopice și deuteranopice a tot ceea ce cream. Opțiunile se află în View → Proof Setup (Vezi imaginea de mai jos).
Acum, Corblindor Coblis (Simulator de daltonism) a devenit instrumentul meu preferat. Doar faceți o captură de ecran rapidă a lucrării dvs. și vedeți cum arată pentru multe tipuri diferite de daltonism.
Planificați în avans cu un șablon de culoare
Am făcut o mulțime de lucrări de vizualizare a datelor în culori de-a lungul anilor și a apărut un model pe care îl consider util. Îl ofer aici, în interesul de a face datele mai ușor de utilizat. Vă recomand cu tărie să luați în considerare această abordare atunci când dezvoltați o paletă de culori de brand.
Iată care sunt orientările cheie:
- Folosiți o nuanță deschisă, medie și închisă. Galbenul dvs. ar trebui să fie nuanța dvs. deschisă.
- Utilizați un verde cald și un roșu rece, sau un verde rece și un roșu cald. Doar să nu aveți ambele reci sau ambele calde.
- Fără portocaliu. Pentru că este mult mai deschis, folosirea galbenului în loc de portocaliu face mult mai puțin probabil ca culoarea dvs. de „avertizare” să intre în conflict cu verdele dvs. de „succes” pentru utilizatorii daltoniști sau să semene prea mult cu roșul dvs. de „probleme grave” (erori, de exemplu).
Așa este! Vă mulțumim că ați citit. Mergeți mai departe și distrați-vă spunând povești bune cu datele dumneavoastră.