színvakság vagy színlátáshiány (CVD) világszerte 12 férfi közül körülbelül 1-et, 200 nőből 1-et érint. Ez azt jelenti, hogy minden 100 felhasználó számára, aki meglátogatja webhelyét vagy alkalmazását, akár 8 ember is megtapasztalhatja a tartalmat sokkal másképp, mint amire számíthat. De hogyan biztosítja, hogy felhasználói élménye egyformán vonzza ezeket a látogatókat? Segíteni jöttünk. Tehát, mielőtt pánikba kerülne a tervezőcsapathoz, vessen egy pillantást a legfontosabb dolgok körére, amelyeket figyelembe kell venni, amikor UX-t tervez a színes hozzáférhetőség érdekében.,

először, mi is pontosan a színvakság?

a legtöbb színvak ember ugyanolyan tisztán látja a dolgokat, mint a lakosság többi része, a különbség az, hogy képtelenek megkülönböztetni a piros, zöld vagy kék fényt. A hiány az X-kromoszóma mutációjának eredménye – vagyis a nők nagyobb valószínűséggel hordozók, mint a betegek -, és 3 fő módon nyilvánulhat meg.

a leggyakoribb a piros / zöld színvakság, ahol a betegek összekeverik az összes olyan színt, amelynek vörös vagy zöld a teljes szín része., A Protan színvakság által érintettek kevésbé érzékenyek a vörös fényre, míg a Deuteranopia szenvedőinek ugyanaz a problémája a zöld színnel. Például egy protanopiás személy összezavarja a kéket és a lilát, mert nem ismeri fel a lila szín piros elemét. A harmadik típusú színhiány, a Tritanopia a legkevésbé gyakori, olyan szenvedőkre utal, akik küzdenek a kék vagy sárga fény megkülönböztetéséért. Az alábbi kép azt mutatja, hogy a szivárvány hogyan néz ki a színvakság minden ilyen formájával rendelkező egyéneknél.,

Szóval, hogyan tervezhetem a jobb szín elérését?

lehet, hogy gondolkodsz: “miért kellene zavarnom egy ilyen kis felhasználói csoport tervezését?”De általában a colorblind felhasználók számára kedvező elemeket a szélesebb értelemben vett jó tervezési gyakorlatoknak tekintik. Tehát, ha webhelye jól megtervezett, akkor már minden felhasználó számára hozzáférhetőnek kell lennie.

az akadálymentesítés tervezése nem jelenti azt, hogy a tervezés esztétikai integritásának szenvednie kell., Ezt szem előtt tartva, íme az első öt elem kell koncentrálnia egy színvak-barátságos UX:

Használja mind a színek, szimbólumok

nem kellett támaszkodnia, színes egyedül közvetíteni az üzenetet, például bizonyos típusú színvakság lehet, hogy nehéz, vagy akár lehetetlen látni, hogy a közös piros hibaüzenetek. Az egyik megközelítés mind a színek, mind a szimbólumok használata, ahol a felhasználók figyelmére van szükség. Erre jó példa a Facebook űrlapmezői és a hozzá csatolt hibaüzenetek.,

Fun fact: a Facebook logóját és hírhedt kék színsémáját kifejezetten azért választották, mert Mark Zuckerberg piros-zöld színű, és a kéket látja a legjobban.

tartsa minimálisnak

korlátoznia kell a webhelyéhez használt színpalettát; minél kevesebb színt használ a tervezésben, annál kevesebb példány lesz a zavartság.

nem csak a minimalista dizájn időtlen és esztétikus trend, hanem akkor is hasznos, ha színes megközelíthetőséget tervez.,

használjon mintákat és textúrákat a kontraszt megjelenítéséhez

próbáljon meg különböző textúrákat használni, szemben a több színnel, olyan elemeknél, amelyek hangsúlyt igényelnek. A színvak felhasználók számára például nehéz lehet grafikonokat és grafikonokat értelmezni. Ebben az esetben jobb, ha kontrasztos mintákat használunk, ahol lehetséges, helyezzünk szöveget.

Legyen óvatos, kontrasztos színek, színárnyalatok

Ahelyett, fekete-fehér, mint a csak kontrasztos színek; próbálja meg használni egy sor nyilvánvaló kontrasztos színek, színárnyalatok a design., Például a feud játék négy színt használ a csempe számára,amelyeket könnyen meg lehet különböztetni a színlátás hiányával vagy anélkül.

kerülje a rossz színkombinációkat

a színkombinációk kiválasztásakor okosnak kell lennie. Mivel a színvakság különböző módon érinti az embereket, nehéz meghatározni, hogy mely színek “biztonságosak” a webes tervezésben.,iv id=”7030bde3c1″> Red

Side note: how do you know if you’re color blind?,

Nos … néhány ember évekig megy anélkül, hogy tudná, hogy színvak, mivel a hatások viszonylag észrevétlenül maradhatnak, kivéve, ha valaki más rámutat rájuk. Az alábbi képet általában a színvakság tesztelésére használják-adj neki! (A cikk alján található egy link a teljes teszthez.)

még mindig nem biztos?

1. Ishihara színvaksági teszt: a 38 lemez alapú tesztet is elvégezheti, és visszajelzést is kaphat.,
2. Color Blind Check: A Colorblindor által létrehozott Android alkalmazás, ahol ±60 másodpercen belül tesztelheti, hogy színes vak-e.
3. Coblis: színvakság szimulátor: itt feltölthet egy képet, és megnézheti, hogy nézne ki a különböző típusú színvaksággal rendelkező emberek szemében.
4. mobilalkalmazások: itt van 3 Android és iOS alkalmazás, amelyeket kifejezetten a vak felhasználók színezésére fejlesztettek ki.,

következtetés

általában az UX tervezőinek olyan webhelyeket kell létrehozniuk, amelyek mindenki számára hozzáférhetőek és felhasználóbarátak., Sajnos nincs egy univerzális megoldás tervezésekor a színvakság kifejezetten, de van néhány alapvető UX design alapelvek szem előtt tartani, hogy minden bizonnyal segíteni fog:

1. nem csak azon múlik, színes közvetíteni az üzenetet,
2. Tovább a színpaletta korlátozott, hogy 2 vagy 3 színek
3. A textúra, a minták mutatni kontraszt
4. Gondosan válassza ki a kontrasztos színek, árnyalatok
5. Kerülje a rossz színkombinációk