5 sfaturi pentru proiectarea vizualizări colorblind-friendly
notă: următoarele este prima tranșă dintr-o serie de posturi de oaspeți de Tableau Zen Master Jeffrey Shaffer.aceasta este o premieră într-o serie de postări despre unele dintre cele mai cunoscute „reguli de date-viz.”Auzim adesea aceste reguli, dar detaliile din spatele lor nu sunt adesea examinate în profunzime sau trecute cu vederea complet. Am vrut să examinez câteva dintre ele pentru a înțelege mai bine cum ar trebui aplicate. Pentru primul din serie, am examinat problema utilizării roșu și verde împreună.,
studiile au arătat că aproximativ 8% dintre bărbați și 0, 5% dintre femei au deficiență de vedere a culorii (BCV). Acest lucru este mai frecvent denumit colorblindness, deși colorblindness nu este termenul cel mai precis. a avea BCV nu înseamnă că o persoană nu poate vedea culoarea decât dacă sunteți persoana foarte rară (una din 33.000 de persoane) cu achromatopsie. Pentru o persoană mai obișnuită cu CVD, problema cheie este că culorile pe care majoritatea oamenilor le văd diferite vor arăta la fel.,
Cele mai comune două tipuri de BCV sunt deuteranomaly și deuteranopia, care numără împreună timp de aproximativ 6% dintre bărbați, și protanomaly și protanopie, care reprezintă un alt 2% (mai multe informații disponibile la color-blindness.com). Aceste condiții sunt, de asemenea, frecvent menționate ca „roșu slab” și „verde slab” sau „roșu-verde colorblindness.”(Notă: Nu voi discuta CVD albastru/galben, deoarece este mult mai puțin frecvente.iată câteva sfaturi pentru proiectarea vizzelor care sunt prietenoase cu culoarea.,
roșu și verde împreună poate fi problematică, dar ele pot fi uneori folosite împreună
deci, într-adevăr, folosind roșu și verde împreună este o problemă comună. Persoanele cu BCV puternic (puternic ceea ce înseamnă o stare mai severă a BCV) ar vedea atât roșu și verde ca maro. Persoanele cu CVD slab pot vedea culori puternice roșii și verzi ca roșu și verde. Cu toate acestea, acest lucru poate fi încă problematic atunci când culorile sunt slabe sau amestecate împreună.,
rețineți că posibilitatea de a distinge aceste culori este doar o problemă dacă culoarea este singura metodă de codificare folosită pentru a face o comparație distinctă—de exemplu, un număr bun VS.un număr rău într-un tabel sau o linie vs. o altă linie din aceeași diagramă de linii. De exemplu, în graficul de mai jos, culoarea este necesară pentru a spune un pătrat bun dintr-un pătrat rău. Folosind simularea deuteranope, putem vedea cât de dificil ar fi acest lucru.,
am văzut critici cu privire la utilizarea de roșu și verde împreună în aceeași vizualizare, dar culorile nu au fost utilizate într-un mod care este necesar ca cineva să-i spuneți diferența dintre ele. Dacă stau singuri—de exemplu, două diagrame diferite, una roșie și una verde—și sunt etichetate bine, atunci este posibil să nu fie deloc o problemă dacă ambele apar de culoare maro.
graficul de mai jos oferă un exemplu în care este ușor de văzut din linia axei că majoritatea numerelor sunt pozitive, iar altele sunt negative., Culoarea este o caracteristică secundară care codifică pur și simplu pozitiv vs.negativ. În timp ce acest lucru nu poate fi cea mai buna alegere de culori, cineva cu CVD poate interpreta această diagramă fără utilizarea de culoare pentru a face comparația.
fiți conștienți că nu este doar roșu și verde
multe instrumente de vizualizare a datelor au o paletă „semafor” încorporată în ele și există multe companii (și clienți și șefi) care încă insistă să folosească paleta semafor., Cu toate discuțiile despre culorile semaforului și poreclele pentru condițiile CVD, nu este de mirare că regula de vizualizare a datelor a devenit pur și simplu „nu folosiți roșu și verde.”Mai jos este o simulare a culorilor semaforului Tableau folosind simulare protanope.
Observați că problema este mult mai complexă decât pur și simplu roșu vs. verde. Deoarece roșu, verde și portocaliu par a fi maro pentru cineva cu CVD puternic, ar fi mai precis să spunem „nu folosiți roșu/verde/maro/portocaliu împreună.”Cu toate acestea, nu se termină aici., Când culorile sunt amestecate, ele pot fi, de asemenea, problematice.o combinație de culori, care este frecvent trecute cu vederea este folosind albastru și violet împreună. Într-un model de culoare RGB, violet se realizează prin utilizarea albastru și roșu împreună. Dacă cineva are probleme cu roșu, atunci persoana poate avea, de asemenea, probleme cu violet, care ar părea să arate ca albastru. de asemenea, roz și gri împreună și gri și maro împreună pot fi problematice. Mai jos este paleta de culori Tableau 10 folosind o simulare deuteranope., Nu numai că roșu, verde și maro sunt problematice, dar și albastru și violet, roz și gri, gri și maro.
cumnatul meu are CVD, așa că este frecvent cobaiul pentru experimentele mele de culoare. Pe toate lucrurile pe care le-am testat pe el, combinația de culori de pe imaginea de mai jos (stânga) a fost cel mai greu pentru el să distingă. Se pare că suferă de protanopie, care este simulată mai jos în dreapta.
Deci, acum că știm că există mai multe combinații de culori care pot fi problematice, ce ar trebui să facem?,
utilizați o paletă colorblind-friendly atunci când este cazul
o culoare utilizată împreună în combinație cu o altă culoare este, în general, bine atunci când una dintre ele nu este de obicei asociată cu CVD. De exemplu, albastru/portocaliu este o paletă colorblind-friendly comună. Albastru / roșu sau albastru/maro ar funcționa, de asemenea. Pentru cele mai frecvente condiții de CVD, toate acestea funcționează bine, deoarece albastrul ar arăta în general albastru pentru cineva cu CVD.Tableau are o paleta colorblind-friendly built-in proiectat de Maureen Stone. Această paletă funcționează foarte bine pentru cazurile comune de BCV., Mai jos este paleta tableau colorblind-friendly sub ambele deuteranope și simulare protanope. Observați cât de bine funcționează această paletă de culori pentru diferitele comparații de culoare.
Poate e seful, client, sau chiar compania culori sau ghid de stil care necesită să utilizați roșu și verde. Deci, acum ce putem face?
Dacă trebuie să utilizați roșu și verde, împreună, efectul de levier lumină vs. întuneric
Pentru cineva cu BCV, problema este în primul rând cu nuanță de culoare (de exemplu, red vs. verde) și nu cu valoarea de culoare (lumină vs, întuneric). aproape oricine poate spune diferența dintre o culoare foarte deschisă și o culoare foarte închisă, deci o altă opțiune atunci când folosiți roșu și verde împreună este să folosiți un verde cu adevărat deschis, un galben mediu și un roșu foarte închis. Aceasta pare a fi mai mult o schemă de culori secvențială pentru cineva care are CVD puternic, dar persoana ar putea cel puțin să distingă roșu de verde pe baza luminii vs.întuneric., dacă trebuie să folosiți roșu și verde împreună, oferiți metode alternative de a distinge datele
de-a lungul acelorași linii, dacă utilizați roșu și verde, puteți adăuga și pictograme, săgeți direcționale, etichete, adnotări sau alți indicatori care ar permite unei persoane cu CVD să vadă că ceva este rău (roșu) vs.bun (Verde).
o altă opțiune ar putea fi o casetă de selectare pentru un utilizator pentru a comuta paleta de culori pentru întreaga viz la o paletă colorblind-friendly., Acest lucru permite asocierea roșu / verde pentru majoritatea publicului, oferind în același timp o modalitate pentru cineva cu CVD de a schimba paleta în întregime. din păcate ,nu există o modalitate ușoară de a face acest lucru în Tableau. Cu toate acestea, se poate face cu siguranță. Mai jos sunt două exemple, unul folosind un parametru pentru a schimba paleta de culori (folosind atât o schemă de culori secvențială, cât și categorică, cu transparență), iar celălalt folosind o acțiune de tablou de bord, similar cu ceea ce a folosit Maestrul Tableau Zen Robert Rouse în tehnica sa de meniu ascuns.,
doriți să vă asigurați că viz-ați proiectat este colorblind-friendly? În plus față de o serie de simulatoare colorblind online, există și un plug-in pentru asta. Plug-in-ul Chrome „NoCoffee” va simula toate tipurile de CVD chiar în browserul dvs., inclusiv vizualizările dvs. găzduite pe Tableau Public sau Tableau Server. încercați să utilizați plug-in-ul browserului NoCoffee pentru o zi întreagă și veți fi uimiți de cum arată lumea pentru cineva cu CVD. Pentru imagini de vizualizare fără un browser, încercați acest simulator de Viziune cromatică.,
aș dori să-i mulțumesc Maureen Stone pentru revizuire valoroase, de intrare, și sugestii pentru acest post.pentru mai multe sfaturi, idei și vizzes de Jeffrey Shaffer, consultați pagina sa publică Tableau și blogul său. De asemenea, vă puteți conecta cu el pe Twitter @HighVizAbility.