5 vinkkejä suunnitteluun colorblind-ystävällinen visualisointeja,
Huomautus: seuraava on ensimmäinen erä sarja vieras viestejä Kuvaelma Zen-Mestari Jeffrey Shaffer.
Tämä on ensimmäinen sarjassa viestit joitakin tunnettu ”data-viz sääntöjä.”Kuulemme usein nämä säännöt, mutta niiden taustalla olevia yksityiskohtia ei useinkaan tutkita perusteellisesti tai unohdeta kokonaan. Halusin tutkia muutamia niistä ymmärtääkseni paremmin, miten niitä pitäisi soveltaa. Ensimmäisessä sarjassa tarkastelin kysymystä punaisen ja vihreän käytöstä yhdessä.,
Tutkimukset ovat osoittaneet, että noin 8% miehistä ja 0,5% naisista on värisokeutta (CVD). Tätä kutsutaan yleisemmin värisokeudeksi, joskaan värisokeus ei ole tarkin termi.
Ottaa CVD ei tarkoita, että henkilö ei voi nähdä värejä, jos olet erittäin harvinainen henkilö (yksi 33000 ihmistä) kanssa achromatopsia. CVD: n yleisemmälle ihmiselle keskeinen ongelma on se, että värit, joita useimmat ihmiset näkevät erilaisina, näyttävät samalta.,
kaksi yleisimpiä CVD ovat deuteranomaly ja vihersokeus, joka yhdessä laskea noin 6% miehistä, ja protanomaly ja punasokeus, joiden osuus on vielä 2% (lisätietoa on saatavilla osoitteessa color-blindness.com). Nämä edellytykset ovat myös yleisesti nimitystä ”heikko punainen” ja ”vihreä heikko” tai ”punainen-vihreä colorblindness.”(Huom: En keskustele sinikeltaisesta CVD: stä, koska se on paljon harvinaisempi.)
Tässä muutamia vinkkejä värisokkaystävällisten vizzzien suunnitteluun.,
punainen ja vihreä yhdessä voivat olla ongelmallisia, mutta niitä voidaan joskus käyttää yhdessä
joten itse asiassa punaisen ja vihreän käyttäminen yhdessä on yleinen ongelma. Ihmiset, joilla on vahva CVD (vahva merkitys ankarampaa ehto CVD) näkevät sekä punainen ja vihreä sekä ruskea. Heikon CVD: n omaavat näkevät voimakkaan punaisen ja vihreän värin punaisena ja vihreänä. Tämä voi kuitenkin olla ongelmallista, kun värit ovat heikkoja tai sekoittuvat toisiinsa.,
– Pitää muistaa, että mahdollisuus kertoa nämä värit toisistaan on vain ongelma, jos väri on vain koodaus menetelmä tehdä erillistä vertailu—esimerkiksi, hyvä vs. huono numero on taulukossa, tai yksi rivi vs. toinen linja sama linja kaavio. Esimerkiksi alla olevassa kaaviossa väriä tarvitaan kertomaan hyvä neliö huonolta neliöltä. Deuteranope-simulaation avulla näemme, kuinka vaikeaa tämä olisi.,
– olen nähnyt kritiikkiä koskien käyttää punaista ja vihreää yhdessä samassa visualisointi, mutta värit eivät olleet käytössä niin, että tarvitaan joku kertoa ero niiden välillä. Jos ne seisovat yksin—esimerkiksi kaksi eri kaavioita, yksi punainen ja yksi vihreä, ja ne on merkitty hyvin, niin se ei välttämättä ole ongelma ollenkaan, jos he molemmat näyttävät ruskea väri.
alla olevassa kuviossa on yksi esimerkki, jossa se on helppo nähdä akselin line että useimmat numerot ovat positiivisia ja toiset negatiivisia., Väri on toissijainen ominaisuus yksinkertaisesti koodaus positiivinen vs. negatiivinen. Vaikka tämä ei ehkä ole paras valinta värit, joku CVD voi tulkita tämän kaavion ilman väriä, jotta vertailu.
Olla tietoinen siitä, että se ei ole vain punainen ja vihreä
Monet tietojen visualisointia työkaluja on ”stoplight” paletti rakennettu niihin, ja monet yritykset (ja asiakkaita ja pomot), että vielä välttämättä käyttää stoplight paletti., Kaikki puhuvat liikennevalo värit ja lempinimiä CVD ehtoja, se ei ole ihme, että tiedon visualisointi sääntö on yksinkertaisesti tullut ”älä käytä punainen ja vihreä.”Alla on simulaatio Tableau’ s stopplight värit käyttäen protanope simulaatio.
Huomaa, että ongelma tässä on paljon monimutkaisempi kuin vain yksinkertaisesti punainen vs. vihreä. Koska punainen, vihreä, ja oranssi-kaikki näyttäisi olevan ruskea jonkun, jolla on vahva CVD, se olisi täsmällisempää sanoa, ”Don”t käyttää punainen/vihreä/ruskea/oranssi yhdessä.”Se ei kuitenkaan pääty siihen., Kun värejä sekoitetaan, ne voivat olla myös ongelmallisia.
yksi usein huomaamatta jäänyt väriyhdistelmä käyttää sinistä ja violettia yhdessä. RGB-värimallissa violetti saavutetaan käyttämällä sinistä ja punaista yhdessä. Jos jollakulla on ongelmia punaisen kanssa, henkilöllä voi olla myös violetin kanssa ongelmia, jotka näyttäisivät siniseltä.
myös vaaleanpunainen ja harmaa yhdessä ja harmaa ja ruskea yhdessä voivat olla ongelmallisia. Alla on Kuvaelma 10 väripaletti käyttäen deuteranope simulointi., Ongelmallisia ovat paitsi punainen, vihreä ja ruskea, myös sininen ja violetti, vaaleanpunainen ja harmaa sekä harmaa ja ruskea.
veljeni-in-law on CVD, joten hän on usein marsu minun väri kokeiluja. Kaikista testaamistani asioista alla olevan kuvan värien yhdistelmä (vas.) oli hänelle vaikein erottaa. Hän näyttää kärsivän protanopiasta, jota simuloidaan alla oikealla.
Joten nyt, että me tiedämme, on olemassa monia muita yhdistelmiä väri, joka voi olla ongelmallista, mitä meidän pitäisi tehdä?,
Käytä colorblind-ystävällinen paletti tarvittaessa
Yksi väri käytetään yhdessä yhdessä toisen väri on yleensä kunnossa, kun yksi heistä ei ole yleensä liittyy CVD. Esimerkiksi sininen / oranssi on yleinen kolorblindiystävällinen paletti. Myös sininen / punainen tai sininen/ruskea toimisi. Yleisimpiä ehtoja CVD, kaikki nämä toimivat hyvin, koska sininen olisi yleensä siniset joku CVD.
Tableaussa on Maureen Stonen suunnittelema sisäänrakennettu kolorblindiystävällinen paletti. Tämä paletti toimii erittäin hyvin CVD: n yleisiin tapauksiin., Alla on Tableau colorblind-ystävällinen paletti sekä deuteranope että protanope simulointi. Huomaa, miten hyvin tämä väripaletti toimii eri vertailuissa väriä.
Ehkä se on pomo, asiakas, tai jopa yritys, värejä tai tyyli opas, joka vaatii voit käyttää punainen ja vihreä. Mitä voimme tehdä?
Jos sinun täytyy käyttää punaista ja vihreää yhdessä, hyödyntää valon vs. pimeässä
kun joku CVD, ongelma on ensisijaisesti väri sävy (esim. punainen vs. vihreä) ja ei väri arvo (kevyt vs., pimeä).
Lähes kuka tahansa voi kertoa eroa välillä erittäin kevyt väri ja hyvin tumma väri, niin toinen vaihtoehto kun käytät punainen ja vihreä yhdessä on käyttää todella vaaleanvihreä, keskikokoinen keltainen, ja hyvin tumma punainen. Tämä näyttäisi olevan enemmän peräkkäisiä värimaailman joku, joka on vahva CVD, mutta henkilö olisi ainakin pystyä erottamaan punaisen vihreästä perustuu valon vs. pimeässä.,
Jos sinun täytyy käyttää punaista ja vihreää yhdessä, tarjota vaihtoehtoisia menetelmiä erottaa tiedot
Yhdessä nämä samat linjat, jos käytät punainen ja vihreä, voit myös lisätä kuvakkeita, suuntanuolia, tarroja, merkintöjä tai muita indikaattoreita, joiden avulla henkilö CVD nähdä, että jotain on huono (punainen) vs. hyvä (vihreä).
Toinen vaihtoehto voisi olla valintaruutu, jos käyttäjä vaihtaa väripaletin koko viz on colorblind-ystävällinen paletti., Tämä mahdollistaa punaisen / vihreän parituksen suurimmalle osalle yleisöstä ja tarjoaa samalla mahdollisuuden CVD: n omaavalle muuttaa palettia kokonaan.
valitettavasti Kuvaelmassa ei ole helppoa tapaa tehdä tätä. Se on kuitenkin varmasti mahdollista. Alla on kaksi esimerkkiä, yksi käyttäen parametri muuttaa väripaletti (käyttäen sekä juokseva ja kategorinen värimaailma avoimuus) ja muut käyttäen mittariston toimintaa, samanlainen kuin mitä Kuvaelma Zen-Mestari Robert Rouse käyttää hänen piilotettu-valikko tekniikka.,
Haluat varmista, että viz sinulle suunniteltu on colorblind-ystävällinen? Useiden online colorblind-simulaattoreiden lisäksi siihen on myös plug-in. Chrome plug-in ”NoCoffee” on simuloida kaikenlaisia CVD suoraan selaimessa, kuten visualisointeja isännöi Tableau Public tai Tableau Server.
Yritä käyttää NoCoffee selaimen plug-in koko päivän, ja tulet hämmästymään, mitä maailma näyttää jonkun kanssa CVD. Kuvia visualisointi ilman selainta, kokeile tätä kromaattinen visio simulaattori.,
haluan kiittää Maureen Stonea arvokkaasta arvostelusta, panoksesta ja ehdotuksista tähän viestiin.
Jeffrey Shafferin lisää vinkkejä, ideoita ja vizzesejä, tutustu kuvaelman julkiseen sivulle ja hänen blogiinsa. Voit myös muodostaa yhteyden häneen Twitterissä @HighVizAbility.