5 Tippek tervezése colorblind-Barát vizualizációk

0 Comments

Megjegyzés: A következő az első részlet egy sor vendég üzenete Tableau Zen mester Jeffrey Shaffer.

Ez az első egy sor hozzászólás néhány jól ismert ” data-viz szabályok.”Gyakran halljuk ezeket a szabályokat, de a mögöttük lévő részleteket gyakran nem vizsgálják meg alaposan, vagy teljesen figyelmen kívül hagyják. Meg akartam vizsgálni néhány közülük, hogy jobban megértsék, hogyan kell alkalmazni. A sorozat első részében a piros és a zöld együttes használatának kérdését vizsgáltam meg.,

tanulmányok kimutatták, hogy a férfiak mintegy 8% – ánál és a nők 0, 5% – ánál van színlátáshiány (CVD). Ez gyakrabban nevezik colorblindness, bár colorblindness nem a legpontosabb kifejezés.

a CVD megléte nem jelenti azt, hogy egy személy nem láthat színt, kivéve, ha Ön a nagyon ritka személy (33 000 emberből egy) achromatopsia-val. A gyakoribb személy CVD, a legfontosabb probléma az, hogy a színek a legtöbb ember látni, mint a különböző fog kinézni ugyanaz.,

a CVD két leggyakoribb típusa a deuteranomália és a deuteranopia, amelyek együttesen a férfiak körülbelül 6% – át teszik ki, valamint a protanomália és a protanopia, amelyek további 2% – ot tesznek ki (további információk a color-blindness.com). ezeket a feltételeket általában “vörös gyenge” és “zöld gyenge” vagy “vörös-zöld színvakosságnak is nevezik.”(Megjegyzés: nem fogom megvitatni a kék/sárga CVD-t, mert sokkal kevésbé gyakori.)

Íme néhány tipp a színvakbarát vizzes tervezéséhez.,

A piros és a zöld együtt problematikus lehet, de néha együtt is használható

tehát valóban gyakori probléma a piros és a zöld együttes használata. Az erős CVD-vel rendelkező emberek (erős, ami a CVD súlyosabb állapotát jelenti) mind a vörös, mind a zöldet barna színűnek látnák. A gyenge CVD-vel rendelkezők az erős piros és zöld színeket piros és zöld színként látják. Ez azonban továbbra is problémás lehet, ha a színek gyengék vagy összekeverednek.,

ne feledje, hogy tudja megmondani, ezek a színek egymástól csak egy kérdés, ha a szín az egyetlen kódolási módszert, hogy a különböző összehasonlítás—például egy jó szám vs rossz számot egy asztal, vagy egy sort vs egy másik vonal, ugyanabban a sorban ábra. Például az alábbi táblázatban a színre van szükség ahhoz, hogy egy jó négyzetet egy rossz négyzetből lehessen megmondani. A deuteranope szimuláció segítségével láthatjuk, milyen nehéz lenne ez.,

láttam, kritikák használatával kapcsolatos piros, zöld, együtt ugyanabban a megjelenítés, de a színek nem használják, oly módon, hogy a szükséges valaki, hogy mi a különbség közöttük. Ha egyedül állnak-például két különböző diagram, egy piros és egy zöld -, és jól vannak címkézve, akkor egyáltalán nem jelent problémát, ha mindkettő barna színűnek tűnik.

az alábbi táblázat egy példát kínál, ahol a tengelyvonalból könnyen látható, hogy a legtöbb szám pozitív, mások negatívak., A szín egy másodlagos tulajdonság, amely egyszerűen kódolja a pozitív vs. negatív értéket. Bár ez nem lehet a legjobb Színválaszték, valaki CVD tudja értelmezni ezt a táblázatot használata nélkül szín, hogy az összehasonlítás.

ne feledje, hogy ez nem csak piros és zöld

sok adatvizualizációs eszközök van egy” stopplight ” paletta beépített őket, és sok vállalat (és ügyfelek és főnökök), hogy még mindig ragaszkodnak a stopplight paletta., Nem csoda, hogy az adatvizualizációs szabály egyszerűen “ne használj pirosat és zöldet” lett.”Az alábbiakban egy szimuláció Tableau’ s stoplight színek segítségével protanope szimuláció.

vegye figyelembe, hogy a probléma itt sokkal összetettebb, mint egyszerűen a piros vs.Zöld. Mivel a vörös, a zöld és a narancs mind barna színűnek tűnik az erős CVD-vel rendelkezők számára, pontosabb lenne azt mondani, hogy”ne használjunk együtt vörös/zöld/barna/narancsot.”Ezzel azonban nem ér véget., Ha a színek keverednek, akkor is problémásak lehetnek.

egy gyakran figyelmen kívül hagyott színkombináció a kék és a lila együttes használata. Az RGB színmodellben a lila kék és a piros együttes használatával érhető el. Ha valakinek problémái vannak a pirossal, akkor a személynek problémái lehetnek a lila színnel is, ami kéknek tűnik.

a rózsaszín és a szürke együtt, valamint a szürke és a barna együtt is problémás lehet. Az alábbiakban a tabló 10 színpaletta segítségével deuteranope szimuláció., Nemcsak a vörös, a zöld és a barna problémás, hanem a kék és a lila, a rózsaszín és a szürke, a szürke és a barna is.

a sógorom CVD-vel rendelkezik, így gyakran a tengerimalac a színkísérleteimhez. Az összes dolgot, amit teszteltem rajta, az alábbi képen (balra) lévő színek kombinációja volt a legnehezebb megkülönböztetni. Úgy tűnik, hogy protanopia szenved, amelyet a jobb oldalon szimulálnak.

tehát most, hogy tudjuk, hogy sok más színkombináció is problémás lehet, mit kell tennünk?,

használjon színvakbarát palettát, ha megfelelő

egy szín, amelyet egy másik színnel kombinálva használnak, általában rendben van, ha egyikük általában nem kapcsolódik a CVD-hez. Például a kék / narancs közös színvakbarát paletta. Kék / piros vagy kék / barna is működne. A CVD leggyakoribb feltételei esetén ezek mindegyike jól működik, mivel a kék általában kéknek tűnik a CVD-vel rendelkező személy számára.

Tableau van egy beépített colorblind-Barát paletta által tervezett Maureen Stone. Ez a paletta nagyon jól működik a CVD gyakori eseteiben., Az alábbiakban a tabló colorblind-Barát paletta látható mind a deuteranope, mind a protanope szimuláció alatt. Figyelje meg, milyen jól működik ez a színpaletta a szín különböző összehasonlításaihoz.

talán a főnök, az ügyfél, vagy akár a vállalati színek vagy stílus útmutató, amely megköveteli, hogy használja a piros és zöld. Most mit tehetünk?

Ha kell használnia, piros, zöld, együtt, tőkeáttétel fény kontra sötétség

ahhoz képest, CVD, a probléma elsősorban a színárnyalat (pl. piros vs zöld), nem pedig a szín érték (fény, ill., sötét).

szinte bárki meg tudja mondani a különbséget egy nagyon világos és egy nagyon sötét szín között, tehát egy másik lehetőség a piros és a zöld együttes használatakor egy igazán világos zöld, egy közepes sárga és egy nagyon Sötétvörös használata. Úgy tűnik, hogy ez inkább egy szekvenciális színséma valakinek, aki erős CVD-vel rendelkezik, de a személy legalább képes lenne megkülönböztetni a pirosat a zöldtől a fény vs.sötét alapján.,

Ha kell használnia, piros, zöld, együtt, kínál alternatív módszerek megkülönböztető adatok

Valamint ugyanezen sorokat, ha a piros, zöld, akkor is hozzá ikonok, nyilakat, címkék, kommentárok, vagy más mutatók, amely lehetővé tenné, hogy egy személy a CVD látni, hogy valami rossz (piros), szemben a jó (zöld).

egy másik lehetőség lehet egy jelölőnégyzet, amellyel a felhasználó a teljes viz színpalettáját színvakbarát palettára válthatja., Ez lehetővé teszi a vörös / zöld párosítást a közönség többsége számára, miközben lehetőséget kínál arra, hogy valaki CVD-vel teljesen megváltoztassa a palettát.

sajnos nincs egyszerű módja ennek a Tablóban. Ezt azonban minden bizonnyal meg lehet tenni. Az alábbiakban két példa található: az egyik egy paramétert használ a színpaletta megváltoztatásához (mind a szekvenciális, mind a kategorikus színséma használatával, átlátszósággal), a másik pedig egy műszerfal művelet segítségével, hasonlóan ahhoz, amit Robert Rouse Tableau Zen mester használt rejtett menü technikájában.,

szeretné meggyőződni arról, hogy az Ön által tervezett viz színvak-barát? Amellett, hogy számos online colorblind szimulátorok, van is egy plug-in, hogy. A Chrome-bővítmény “NoCoffee” szimulálja az összes típusú CVD közvetlenül a böngészőben, beleértve a vizualizációk házigazdája Tableau nyilvános vagy tabló szerver.

próbálja ki a nocoffee browser plug-in egy egész napra, és meg fog lepődni, hogy milyen a világ néz ki, hogy valaki CVD. A böngésző nélküli megjelenítés képeihez próbálja ki ezt a kromatikus látás szimulátort.,

szeretném megköszönni Maureen Stone értékes felülvizsgálatát, input, és javaslatokat ezt a bejegyzést.

további tippeket, ötleteket és vizzeket Jeffrey Shaffer, nézd meg a Tabló nyilvános oldal és a blog. Azt is kapcsolatba vele a Twitteren @HighVizAbility.


Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük