5 tipů na navrhování barevně přívětivých vizualizací
Poznámka: následuje první splátka v řadě příspěvků hostů od Tableau Zen Master Jeffrey Shaffer.
Jedná se o první z řady příspěvků o některých známých pravidlech “ data-viz.“Tato pravidla často slyšíme, ale podrobnosti za nimi nejsou často zkoumány do hloubky nebo zcela přehlíženy. Chtěl jsem prozkoumat několik z nich, abych lépe pochopil, jak by měly být aplikovány. Poprvé v sérii jsem zkoumal otázku používání červené a zelené dohromady.,
studie ukázaly, že přibližně 8% mužů a 0, 5% žen má nedostatek barevného vidění (CVD). To je více obyčejně označován jako barvoslepost, ačkoli barvoslepost není nejpřesnější termín.
S CVD neznamená, že člověk nemůže vidět barvy, pokud jste velmi vzácný člověk (jeden v 33,000 lidí) s achromatopsie. Pro běžnější osobu s CVD je klíčovým problémem to, že barvy, které většina lidí vidí jako odlišné, budou vypadat stejně.,
dva nejběžnější typy CVD jsou deuteranomaly a deuteranopie, které společně počítat asi 6% mužů, a protanomaly a protanopia, které tvoří další 2% (více informací k dispozici na color-blindness.com). Tyto podmínky jsou také běžně označovány jako „červené slabé“ a „zelená slabý“ nebo „červená-zelená barvoslepost.“(Poznámka: nebudu diskutovat o modré / žluté CVD, protože je mnohem méně časté.)
zde je několik tipů pro navrhování vizzes, které jsou barvoslepé.,
červená a zelená společně mohou být problematické, ale někdy mohou být použity společně
takže použití červené a zelené dohromady je častým problémem. Lidé se silným CVD (což znamená závažnější stav CVD) by viděli červenou i zelenou jako hnědou. Lidé se slabým CVD mohou vidět silné červené a zelené barvy jako červené a zelené. To však může být stále problematické, když jsou barvy slabé nebo smíchané dohromady.,
Mějte na paměti, že je schopen tyto barvy od sebe, je pouze problém, pokud barva je pouze způsob kódování se používá, aby se výraznou srovnání—například, dobré vs. špatné číslo v tabulce, nebo o jeden řádek vs. další řádek ve stejném řádku grafu. Například v níže uvedeném grafu je potřeba Barva, aby se rozeznal dobrý čtverec ze špatného čtverce. Pomocí deuteranope simulace, můžeme vidět, jak těžké by to bylo.,
viděl jsem kritiky, pokud jde o používání červené a zelené společně ve stejném vizualizace, ale barvy nebyly využívány způsobem, který vyžaduje, aby někdo říct, jaký je mezi nimi rozdíl. Pokud stojí samy-například dva různé grafy, jeden červený a jeden zelený—a jsou označeny dobře, pak to nemusí být problém vůbec, pokud se oba objeví hnědé barvy.
níže uvedený graf nabízí jeden příklad, kdy je z osy snadné vidět, že většina čísel je kladná a jiná záporná., Barva je sekundární funkce jednoduše kódující pozitivní vs. negativní. I když to nemusí být nejlepší volba barev, někdo s CVD může interpretovat tento graf bez použití barvy, aby srovnání.
uvědomte si, že to není jen červená a zelená
Mnoho nástrojů pro vizualizaci dat „semaforu“ paleta zabudované do nich, a existuje mnoho společností (a klienty a šéfy), že stále trváte na použití semaforu palety., Se všemi řečmi o barvách semaforu a přezdívkách pro podmínky CVD není divu,že pravidlo vizualizace dat se jednoduše stalo “ nepoužívejte červenou a zelenou.“Níže je simulace světelných barev tableau pomocí simulace protanopu.
Všimněte si, že problém je zde mnohem složitější než jen červená vs. zelená. Vzhledem k tomu, že červená, zelená a oranžová jsou pro někoho se silným CVD hnědá, bylo by přesnější říci: „nepoužívejte společně červenou/zelenou/hnědou/oranžovou.“Nicméně to nekončí., Když jsou barvy smíchány, mohou být také problematické.
jedna barevná kombinace, která je často přehlížena, používá společně modrou a fialovou barvu. V barevném modelu RGB je fialová dosaženo použitím modré a červené dohromady. Pokud má někdo problémy s červenou barvou, může mít osoba také problémy s fialovou, která by vypadala jako modrá.
také růžové a šedé dohromady a šedé a hnědé dohromady mohou být problematické. Níže je tabulka 10 barevná paleta pomocí deuteranope simulace., Nejen, že jsou červené, zelené a hnědé problematické, ale také modré a fialové, růžové a šedé a šedé a hnědé.
můj švagr má CVD, takže je často morčat pro mé barevné experimenty. Ze všech věcí, které jsem na něm testoval, byla kombinace barev na obrázku níže (vlevo) pro něj nejtěžší rozlišovat. Zdá se, že trpí protanopií, která je simulována níže vpravo.
Takže teď že víme, že existuje mnoho více kombinací barev, které mohou být problematické, co bychom měli dělat?,
Použití barvoslepý přátelské palety při vhodné
Jedna barva používá se spolu v kombinaci s jinou barvou, je obecně v pořádku, když jeden z nich není obvykle spojena s CVD. Například modrá / oranžová je běžná paleta přátelská k barvám. Modrá / červená nebo modrá / hnědá by také fungovala. U nejběžnějších podmínek CVD fungují všechny tyto dobře, protože Modrá by obecně vypadala modře někomu s CVD.
tablo má vestavěnou paletu přátelskou k barvám navrženou Maureen Stone. Tato paleta funguje velmi dobře pro běžné případy CVD., Níže je tablo colorblind-friendly paleta pod deuteranope a protanope simulace. Všimněte si, jak dobře tato barevná paleta funguje pro různá srovnání barev.
Možná, že je to šéf, klient, nebo dokonce firemní barvy nebo stylu průvodce, který vyžaduje, abyste používat červené a zelené. Tak co teď můžeme dělat?
Pokud musíte použít červené a zelené společně, pákový světlo vs. tma
Pro někoho s CVD, problém je především s barevný odstín (např. červená vs. zelená), a ne s hodnotou barvy (light vs., tma).
téměř každý může rozeznat rozdíl mezi velmi světlou barvou a velmi tmavou barvou, takže další možností při použití červené a zelené dohromady je použití opravdu světle zelené, středně žluté a velmi tmavě červené. Zdá se, že se jedná spíše o sekvenční barevné schéma pro někoho, kdo má silné CVD, ale osoba by byla alespoň schopna odlišit červenou od zelenou na základě světla vs. tmavé.,
Pokud musíte použít červené a zelené společně, nabídnout alternativní metody rozlišování údajů
Podél těchto stejných linek, pokud používáte červené a zelené, můžete také přidat ikony, směrové šipky, popisky, poznámky nebo jiné ukazatele, které by umožnily osoba s CVD vidět, že je něco špatné (červená) vs. dobře (zelená).
Další možností může být zaškrtávací políčko pro uživatele přepnout paletu barev pro celou viz na barevně přívětivou paletu., To umožňuje červené / zelené párování pro většinu publika a zároveň nabízí způsob, jak někdo s CVD zcela změnit paletu.
bohužel neexistuje snadný způsob, jak to udělat v Tableau. Určitě to však lze udělat. Níže jsou uvedeny dva příklady, jeden pomocí parametr, který chcete změnit barevnou paletu (pomocí obou sekvenční a kategorizační schéma barev s průhledností) a druhý pomocí panelu akce, podobné tomu, co Tablo Zenový Mistr Robert Rouse používá v jeho skryté-menu technika.,
Chcete se ujistit, že viz, který jste navrhli, je přátelský k barvám? Kromě řady online simulátorů colorblind je k tomu také plug-in. Chrome plug-in „NoCoffee“ bude simulovat všechny typy CVD přímo ve Vašem prohlížeči, včetně vizualizací hostovaných na Tableau Public nebo Tableau Server.
zkuste použít plug-in prohlížeče NoCoffee po celý den a budete ohromeni tím, jak vypadá svět někomu s CVD. Pro obrázky vaší vizualizace bez prohlížeče zkuste tento simulátor chromatického vidění.,
Chtěl bych poděkovat Maureen Stone za cennou recenzi, vstup a návrhy pro tento příspěvek.
pro více tipů, nápadů a vizzes Jeffrey Shaffer, podívejte se na jeho veřejnou stránku tablo a jeho blog. Můžete se s ním také spojit na Twitteru @HighVizAbility.