barevná slepota nebo nedostatek barevného vidění (CVD) postihuje přibližně 1 z 12 mužů a 1 z 200 žen po celém světě. To znamená, že pro každých 100 uživatelů, kteří navštíví váš web nebo aplikaci, může až 8 lidí skutečně zažít obsah mnohem jinak, než byste očekávali. Ale jak zajistíte, aby vaše uživatelské zkušenosti apelovaly stejně na tyto návštěvníky? Jsme tu, abychom podali pomocnou ruku. Tak, než se dostanete do svého návrhářského týmu v panice, podívejte se na naše roundup špičkových věcí, aby zvážila při navrhování UX pro přístupnost barev.,

nejprve, co přesně je barevná slepota?

barva slepý lidé jsou schopni vidět věci tak jasně jako zbytek populace, rozdíl je v jejich neschopnosti rozlišit červené, zelené nebo modré světlo. Nedostatek je výsledkem mutace v chromozomu X-což znamená, že ženy jsou častěji nositeli než trpící-a může se projevit 3 hlavními způsoby.

nejběžnější je červená / zelená barevná slepota, kde trpící mísí všechny barvy, které mají červenou nebo zelenou jako součást celé barvy., Ty ovlivněna Protan barvosleposti jsou méně citlivé na červené světlo, zatímco trpící Deuteranopie mají stejný problém s green. Například osoba s protanopií zamění modrou a fialovou, protože nedokáže rozpoznat červený prvek fialové barvy. Třetí typ nedostatku barev, tritanopie, je nejméně častý a týká se trpících, kteří se snaží rozlišovat modré nebo žluté světlo. Obrázek níže ukazuje, jak může duha vypadat jednotlivcům s každou z těchto forem barevné slepoty.,

jak tedy mohu navrhnout lepší přístupnost barev?

možná si myslíte: „proč bych se měl obtěžovat návrhem pro tak malou skupinu uživatelů?“Ale obecně jsou prvky, které jsou příznivé pro uživatele barvoslepých, ve skutečnosti považovány za správné designové postupy v širším smyslu. Pokud je tedy váš web dobře navržen, měl by být již přístupný všem uživatelům.

navrhování pro přístupnost neznamená, že estetická integrita vašeho návrhu musí trpět., S tím na mysli, zde jsou top pět prvky, které by měly být zaměřené na pro barvoslepý přátelské UX:

Použití obou barev a symbolů

neměli Byste spoléhat na barvu sám sdělit zprávu, pro příklad, některé typy barevné slepoty může dělat to těžké nebo dokonce nemožné vidět společné červené chybové zprávy. Jedním z přístupů je použití barev i symbolů, kde je vyžadována pozornost uživatelů. Dobrým příkladem toho jsou pole formuláře Facebook a připojené chybové zprávy.,

Zábavný fakt: Facebook logo a notoricky známé modré barevné schéma byl speciálně vybrán, protože Mark Zuckerberg je červená-zelená barva slepý a vidí modré nejlepší.

udržujte ji minimální

měli byste omezit paletu barev, kterou používáte pro svůj web; čím méně barev použijete ve svém designu, tím méně případů bude pro zmatek.

nejen, že je minimalistický design nadčasovým a esteticky příjemným trendem, je také užitečné, když navrhujete pro přístupnost barev.,

použijte vzory a textury pro zobrazení kontrastu

zkuste použít různé textury, na rozdíl od více barev, pro prvky, které vyžadují důraz. Pro uživatele nevidomých barev může být například obtížné interpretovat grafy a grafy. V tomto případě je lepší použít kontrastní vzory a pokud je to možné, místo toho umístit text.

Buďte opatrní s kontrastní barvy a odstíny

Namísto spoléhání se na černé a bílé jako jediný kontrastní barvy, zkuste použít řadu jasně kontrastní barvy a odstíny v návrhu., Například herní slovo Feud používá Čtyři barvy pro své dlaždice, které lze snadno rozlišit podle těch, kteří mají nedostatek barevného vidění nebo bez něj.

Vyhnout se špatné barevné komba

musíte být chytrý při výběru z barevných kombinací. Protože barevná slepota ovlivňuje lidi různými způsoby, je obtížné určit, které barvy jsou „bezpečné“ pro použití ve webdesignu.,iv id=“7030bde3c1″> Red

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

No… Někteří lidé jdou léta, aniž by věděl, že jsou slepý barvy jako účinky může jít relativně bez povšimnutí, pokud někdo jiný bodů z nich. Níže uvedený obrázek se běžně používá k testování barevné slepoty-udělejte to! (Odkaz na celý test najdete v dolní části tohoto článku.)

stále si nejste jisti?

1. Ishihara Color slepota Test: můžete si vzít test na základě desky 38 a získat zpětnou vazbu.,
2. Color Blind Check: Aplikace pro Android, vytvořený Colorblindor, kde si můžete otestovat, zda jste barvoslepý v ±60 sekund.
3. Coblis: barvoslepost Simulátor: zde si můžete nahrát obrázek a podívejte se na to, co to bude vypadat, očima lidí s různými typy barvosleposti.
4. mobilní aplikace: zde jsou 3 Aplikace pro Android a iOS speciálně vyvinuté, které pomáhají barvit slepé uživatele.,

závěr

obecně by návrháři UX měli vytvářet webové stránky, které jsou přístupné a uživatelsky přívětivé pro všechny., Bohužel tam není jeden-velikost-sedí-všichni řešení při navrhování pro barevné slepoty konkrétně, ale existuje několik základních UX design principy mít na paměti, že vám jistě pomůže:

1. nemusíte spoléhat pouze na barvu, aby sdělit zprávu
2. Mějte vaše barevná paleta omezena na 2 nebo 3 barvy
3. Použít textury a vzory, ukázat kontrast
4. Pečlivě vyberte libovolné kontrastní barvy a odstíny
5. Vyhněte se použití špatné barevné kombinace,