daltonizm lub niedobór widzenia kolorów (CVD) dotyczy około 1 na 12 mężczyzn i 1 na 200 kobiet na całym świecie. Oznacza to, że na każdego 100 użytkowników, którzy odwiedzają Twoją witrynę lub aplikację, maksymalnie 8 osób może doświadczyć treści znacznie inaczej, niż można się spodziewać. Ale w jaki sposób możesz zapewnić, że twoje wrażenia użytkownika podobają się w równym stopniu tym odwiedzającym? Jesteśmy tu, by podać pomocną dłoń. Zanim więc wpadniesz w panikę do zespołu projektowego, zapoznaj się z naszym zestawem najważniejszych rzeczy, które należy wziąć pod uwagę przy projektowaniu interfejsu użytkownika dla dostępności kolorów.,

po pierwsze, czym dokładnie jest daltonizm?

większość osób niewidomych są w stanie zobaczyć rzeczy tak wyraźnie, jak reszta populacji, różnica jest ich niezdolność do odróżnienia czerwonego, zielonego lub niebieskiego światła. Niedobór jest wynikiem mutacji w chromosomie X-co oznacza, że kobiety są bardziej narażone na nosicieli niż cierpiących-i może objawiać się na 3 główne sposoby.

najczęściej jest czerwony/zielony daltonizm, gdzie chorzy mieszać wszystkie kolory, które mają czerwony lub zielony jako część całego koloru., Osoby dotknięte ślepotą barw Protan są mniej wrażliwe na czerwone światło, podczas gdy osoby cierpiące na Deuteranopię mają ten sam problem z Zielonym. Na przykład osoba z Protanopią pomyli niebieski i fioletowy, ponieważ nie może rozpoznać czerwonego elementu koloru fioletowego. Trzeci rodzaj niedoboru koloru, Tritanopia, jest najmniej powszechne i odnosi się do osób cierpiących, którzy walczą, aby odróżnić niebieskie lub żółte światło. Poniższy obraz pokazuje, jak tęcza może wyglądać dla osób z każdą z tych form ślepoty kolorów.,

jak więc zaprojektować lepszy dostęp do kolorów?

można by pomyśleć: „po co miałbym zajmować się projektowaniem dla tak małej grupy użytkowników?”Ale ogólnie rzecz biorąc, elementy, które są korzystne dla użytkowników colorblind są rzeczywiście uważane za dobre praktyki projektowe w szerszym znaczeniu. Jeśli więc Twoja strona jest dobrze zaprojektowana, powinna być już dostępna dla wszystkich użytkowników.

projektowanie pod kątem dostępności nie oznacza, że estetyczna integralność twojego projektu musi ucierpieć., Mając to na uwadze, oto pięć najważniejszych elementów, na których powinieneś się skupić dla przyjaznego dla kolorów UX:

używaj zarówno kolorów, jak i symboli

nie powinieneś polegać wyłącznie na kolorze, aby przekazać wiadomość; na przykład niektóre rodzaje ślepoty kolorów mogą utrudnić lub nawet uniemożliwić zobaczenie wspólnych czerwonych komunikatów o błędach. Jednym ze sposobów jest użycie zarówno kolorów, jak i symboli, w których wymagana jest uwaga użytkowników. Dobrym przykładem tego są pola formularza Facebook i załączone komunikaty o błędach.,

ciekawostka: logo Facebook ' a i znana niebieska kolorystyka zostały specjalnie wybrane, ponieważ Mark Zuckerberg jest czarno-zielony i widzi niebieski najlepiej.

Zachowaj minimalizm

powinieneś ograniczyć paletę kolorów, której używasz w swojej witrynie; im mniej kolorów użyjesz W projekcie, tym mniej będzie zamieszania.

minimalistyczny design to nie tylko ponadczasowy i estetyczny trend, ale także przydatny podczas projektowania pod kątem dostępności kolorów.,

użyj wzorków i tekstur, aby pokazać kontrast

spróbuj użyć różnych tekstur, w przeciwieństwie do wielu kolorów, dla elementów wymagających podkreślenia. Na przykład interpretacja wykresów i wykresów może być trudna dla użytkowników niewidomych kolorów. W takim przypadku lepiej jest użyć kontrastujących wzorów i, jeśli to możliwe, zamiast tego umieścić tekst.

uważaj na kontrastujące kolory i odcienie

zamiast polegać na czerni i bieli jako jedynych kontrastujących kolorach; spróbuj użyć gamy wyraźnie kontrastujących kolorów i odcieni w swoim projekcie., Na przykład, gra słowo Feud używa czterech kolorów dla swoich płytek, które można łatwo odróżnić od tych z lub bez wad wzroku kolorów.

unikaj złych kombinacji kolorów

musisz być mądry, wybierając swoje kombinacje kolorów. Ponieważ daltonizm wpływa na ludzi na różne sposoby, trudno jest określić, które kolory są „bezpieczne” w projektowaniu stron internetowych.,iv id=”7030bde3c1″> Red

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

no cóż … niektórzy od lat nie wiedzą, że są daltonistami, ponieważ efekty mogą być stosunkowo niezauważone, chyba że ktoś inny je wskaże. Poniższy obrazek jest powszechnie używany do badania ślepoty kolorów-spróbuj! (Link do pełnego testu znajdziesz na dole tego artykułu.)

nadal nie jesteś pewien?

1. Ishihara Color Blindness Test: możesz wykonać test na podstawie 38 płyt i uzyskać informacje zwrotne.,
2. Color Blind Check: aplikacja na Androida stworzona przez Colorblindor, w której możesz sprawdzić, czy jesteś daltonistą w ±60 sekund.
3. Coblis: Color Blindness Simulator: tutaj możesz przesłać zdjęcie i przyjrzeć się, jak wyglądałoby to oczami osób z różnymi typami daltonizmu.
4. aplikacje mobilne: oto 3 aplikacje na Androida i iOS opracowane specjalnie, aby pomóc użytkownikom niewidomym.,

podsumowanie

ogólnie rzecz biorąc, projektanci UX powinni tworzyć strony internetowe, które są dostępne i przyjazne dla wszystkich., Niestety nie ma uniwersalnego rozwiązania przy projektowaniu dla ślepoty kolorów, ale należy pamiętać o kilku podstawowych zasadach projektowania UX, które z pewnością pomogą:

1. nie polegaj tylko na kolorze, aby przekazać wiadomość
2. ograniczaj paletę kolorów do 2 lub 3 kolorów
3. 5c79f5df26″>użyj tekstur i wzorów, aby pokazać kontrast
4. starannie wybierz dowolne kontrastujące kolory i odcienie
5. unikaj używania złych kombinacji kolorów