Tipy pro navrhování pro uživatele nevidomých
Odhaduje se, že asi 8% mužů a 0, 5% žen se rodí barvoslepé. To se může zdát jako nízké číslo, ale pokud navrhujete pro velké publikum, mít web, který je nepoužitelný pro osm ze každých stovek mužů, je rozhodně méně než žádoucí.
Naštěstí se můžete docela snadno ujistit, že váš web je barevně slepý, a to vždy s ohledem na níže uvedené informace. Podíváme se na to, co vlastně colorblindness ve skutečnosti znamená a jak můžete vylepšit své návrhy na základě několika jednoduchých principů.
Chtěl bych nejprve říci, že i když v žádném případě nejsem oftalmolog, většina mužů v mé rodině je barvoslepá a všechny níže uvedené příklady byly provedeny bonafidovými barvoslepými muži. Pokud jste osoba zabývající se barvoslepou, váš popis příkladů níže se může mírně nebo dokonce výrazně lišit, protože žádné dvě sady slepých očí nebudou úplně stejné.
Věda
Diskuse o barvosleposti může být opravdu vědecká opravdu rychle. Termíny jako Protanopia a Anomalous Trichromacy jsou dostačující k tomu, aby si dokonce i značně inteligentní lidé spojili a zmatili jazyk.
Naštěstí se jako designér nemusíte stát odborníkem na barevnou slepotu. Místo toho můžete provádět široce použitelné zobecnění o tom, co uživatelé barvoslepých dělají a nemají potíže s jejich vnímáním. To vám nejen ušetří vědeckou lekci, ale také pomůže zajistit, že navrhujete, aby téměř všichni uživatelé colorblind mohli efektivně využívat váš web, nikoli pouze jediný typ.
Při čtení níže uvedených informací mějte na paměti. Každé učiněné prohlášení nebude platit pro všechny uživatele barvoslepých, ale alespoň některé z nich se budou vztahovat na velmi velkou většinu z nich.
Máte-li zájem o vědu, podívejte se na vysvětlení Wikipedie, protože je mnohem pokročilejší, než je vhodné v tomto článku.
Busting mýtus
Nejprve si můžete s jistotou vsadit, že nikdo, koho znáte, není doslova barevně slepý. Titul je ve skutečnosti (ve většině případů) naprostým nesprávným jménem. Malé procento lidí se rodí se skutečně monochromatickým viděním.
Mezi mnohem přesnější výrazy patří „zhoršená barva“ nebo „nedostatečná barva“. Namísto toho, aby lidé neviděli svět černobíle, lidé obvykle nevidí a rozumějí téměř každé barvě ve spektru. Jednou z nejodpornějších a nejvíce nepříjemných otázek, které můžete položit lidem s barevnými barvami, je, zda mohou „vidět“ žlutou, zelenou nebo jinou barvu.
Skutečný problém spočívá v tom, že pro uživatele nevidomých je docela obtížné rozlišovat mezi dvěma podobnými barvami. To je opravdu složité přijít na to, když si uvědomíte, že barvy, které se vám nezdají být přinejmenším podobné, se mohou zdát velmi podobné osobě s barevnými barvami a naopak.
Je to všechno o odstínech
Abychom to snáze pochopili, přemýšlejte o všech odstínech všech barev, které jste kdy viděli. Například, když přemýšlíte o barvě „zelená“, přemýšlejte o tom, kolik zcela odlišných barevných políček by odpovídalo vaší definici zelené. Světlé, tmavé, tlumené, akvarel, neonové; dál a dál. To zahrnuje i nejmenší variace, kdy jedna zelená může obsahovat jen o málo více červené nebo modré světlo než druhá zelená.
Nyní si představte, že jste počítali všechny tyto různé odstíny zelené, které vaše oči dokážou vnímat, a shodovaly se, řekněme 1 milion (zcela libovolné číslo). Nyní udělejte stejný úkol osobě s barvoslepou a možná přijdou s 500 000 nebo méně.
Takže vidíte, že to není tak, že lidé s barevnými barvami (ve většině případů) nejsou schopni nebo vnímají „zelenou“, místo toho pouze rozlišují méně odstínů zelené než vy. Takže tam, kde vidíte tři podobné odstíny zelené, může uživatel nevidomých vidět pouze jeden odstín zelené
Aby to bylo ještě složitější, podobné odstíny z různých barev se často setkávají a ztěžují přesně určit, jaká barva je ve skutečnosti.
Příklady
To je vždy trochu snazší pochopit s několika solidními příklady před vámi. Zvažte následující čtyři políčka.
Nejprve se podívejte na spodní dvě políčka. Zvažte především jas políček, ještě více než základní barvu. Uživatelé Colorblind by měli být schopni snadno rozlišit mezi těmito dvěma políčkami; stejně jako můžete. To, zda osoba s barevnými barvami správně identifikuje barvy, je úplně jiný příběh, ale alespoň je snadné říci, že se jedná o různé barvy.
Nyní jsou první dva políčka odlišného příběhu. V předchozím příkladu by vás mohlo napadnout, že uživatelé barevně slepých mohou snadno rozlišovat mezi hnědou a zelenou, ale měli byste se mýlit. Když opět porovnáte pouze relativní jas / tmu dvou políček, můžete pravděpodobně vidět, jak by tyto dva políčka mohly vypadat podobněji. Nyní si uvědomte, že pro mnoho jednotlivců s barvoslepými budou horní dva políčka vzorníku identické.
Chcete-li cestovat ještě hlouběji po králičí díře, opakujme tmavě hnědou a přidáme odstín tmavě červené.
Znovu vidíme dva odstíny, které mají různé barvy, ale opět je relativní jas políček vzoru tak podobný, že uživatel barevně slepých bude mít problém rozlišovat mezi nimi.
Soubor normálních očí by měl vidět pět různých barevných políček ve výše uvedeném uspořádání (jedna se opakuje). Sada barevných slepých očí pravděpodobně uvidí tři nebo méně!
Bolestivé barevné kombinace
Smíchejte podobné odstíny jako ve výše uvedených příkladech a vaši uživatelé barvoslepých, kteří si toho nevšimnou, budou mírně otráveni. Pokud však chcete, aby byl váš web úplně nepoužitelný, začněte překrývat odstíny barev, které mají podobné hodnoty jasu, ale mají potenciál vážně se střetnout.
Červená a modrá, fialová a červená, růžová a modrá a téměř jakákoli jejich kombinace jsou skvělým příkladem. Jako příklad toho, co dělat, zvažte obrázek níže.
Zatímco možná vidíte jen nějaký ošklivý text, mnoho uživatelů barvoslepých uvidí takové vibrační barvy, že jejich oči téměř začnou zalévat (čím dál jsou, tím horší jsou). Je obtížné to správně vysvětlit, když to nevidíte, ale v zásadě se stane, že je zřejmé, že barvy jsou velmi odlišné, ale ve skutečnosti jsou dost podobné, že okraje, kde se obě barvy setkávají, se velmi obtížně rozlišují. To způsobuje zcela nepříjemný zážitek pro mnoho uživatelů barvoslepých při prohlížení obrázku, jako je ten výše.
No a co? Jak to ovlivní mé návrhy?
Tyto informace jsou všechny dobré a dobré, ale jak se prakticky vztahují na design? Odpověď zní, že existuje několik klíčových oblastí, ve kterých byste měli opravdu věnovat pozornost tomu, jak uživatelé barevně nevidomých mohou váš web zažít jinak.
Jednou z nejčastějších chyb, kterou vidím, je efekt odkazu na vzestup. Nespočet designérů jednoduše používá barevný posun jako efekt přechodu a nazývá ho den, protože ho mohou vnímat dobře.
V případě pochybností si uvědomte, že uživatelé nevidomých barev mohou vnímat posuny jasu z velké části, stejně jako vy. Skutečně tmavě modrá a skutečně světle modrá bude zřejmý spínač. Pokud tedy přepínáte barvy na přechodu, ujistěte se, že obě barvy jsou velmi odlišné v relativním jasu. Můžete přepnout z tmavě hnědé na jasně zelenou, ale ne z tmavě hnědé na tmavě zelenou.
Dále je vždy lepší kromě barevných posunů přidat ještě něco vizuálně. Když uživatel umístí kurzor myši na odkaz, přidejte tah, vržený stín nebo cokoli jiného, na co si vzpomenete, aby se zvýšil vizuální rozdíl, který se nespoléhá pouze na změnu barvy.
Infografika
Další klíčovou oblastí, kde jsou důležité barevné rozdíly, je vizualizace dat. Výběr nesprávných barev pro graf může způsobit, že je pro uživatele nevidomých doslova nečitelný.
I když jsou vaše barvy velmi odlišné, je často dobré přidat do různých částí grafu malý vzor nebo texturu, aby se usnadnilo vizuální rozlišení.
Ve výše uvedeném příkladu, i když jsou barvy stále dostatečně podobné, aby uživatel neviděl barvu neviděl, pruhy vytvářejí rychlý a snadný vizuální odkaz pro všechny uživatele.
Hry
Jak si dokážete představit, možnosti pro uživatele nevidomých barev jsou nekonečné, ale jedno konečné místo, kam chci diskutovat, kde by to pro ně mohlo být obzvláště frustrující, jsou hry.
Představte si, že se pokusíte hrát níže uvedenou hru iPhone jako uživatele barvoslepých. Shodovat barvy až do dokončení puzzle může být docela obtížné!
Mnoho her pro iPhone to kompenzovalo tím, že má volitelný režim pro nevidomé, ale pokud chcete, aby to bylo jednoduché, zvažte kromě přidání barev také symboly, které usnadní hraní pro všechny. Pro ilustraci zvažte balíček hracích karet. Děje se víc než červené a černé karty. Každý, kdo hraje, nebo nevidí, ví, že diamanty a srdce jsou červené karty, zatímco kluby a piky jsou černé karty. I když tyto symboly uvidíte na černobílé fotografii, můžete s jistotou rozlišit mezi červenou a černou kartou. Přesně tak by se měly vyvíjet vaše hry.
Závěr
Na závěr nezapomeňte, že je skutečně snadné zajistit, aby byl váš web přístupný pro uživatele nevidomých. Musíte pouze vyvinout vědomé úsilí tam, kde to ovlivňuje, jak web funguje, nebo když vnímání barev může narušit čitelnost textu. Koho to zajímá Máte-li hnědé pozadí, které si uživatelé barevně slepých myslí, že je zelené? Většinou to určitě ne.
Jen se ujistěte, že když na tom záleží, například s odkazy, grafy a hrami, hledáte způsoby, jak přidat kontrast. Používejte vysoce kontrastní barvy, implementujte vzory, aplikujte symboly a používejte triky s tahy, stíny a podobně, abyste se ujistili, že na všech správných místech je výrazný vizuální rozdíl. Často může být užitečné použít simulátor barevné slepoty, který vám pomůže rozhodnout, jak barvy na stránce ovlivňují celkový dojem.
Zanechte komentář níže a dejte nám vědět, pokud byste při navrhování webu brali v úvahu uživatele barevně slepých a jak vyhověli jejich potřebám.
