Każdy ich używa: Zielony, żółty (lub pomarańczowy) i czerwony. Używamy ich w wizualizacji danych, używamy ich w przyciskach, kolorujemy nimi tekst i ikony, umieszczamy je w alertach. Używamy ich często w kluczowych momentach, kiedy ogłaszamy sukces lub przekazujemy złe wiadomości. Nadużywamy ich również, używając ich do zwrócenia uwagi tam, gdzie nie są istotne. To, czego nie robimy, o wiele za często, to uczynienie ich dostępnymi.
Znaczna mniejszość ludzi jest niewidoma na kolor, a większość z nich ma czerwono-zieloną ślepotę na kolor. Od 2011 roku muszę rozwiązywać problemy z dostępnością kolorów w ważnych interakcjach, takich jak alerty dotyczące parametrów życiowych pacjenta, jakości opieki nad pacjentem, stanu serwera w chmurze czy analityki sprzedaży dla kadry kierowniczej. Oto kilka wskazówek dotyczących dostępności, które zebrałem po drodze, a także mój osobisty szablon dla użytecznej, dostępnej palety kolorów ruchu.
Możesz zaprojektować piękną, przyjazną dla niewidomych paletę kolorów, ale nigdy nie zaszkodzi wzmocnić przekaz. Zamiast zmieniać tekst na czerwony lub zielony, umieść obok tekstu czerwoną lub zieloną ikonę o innym kształcie. W ten sposób, nawet jeśli nie masz kontroli nad paletą kolorów, lub wykres został wydrukowany w czerni i bieli, lub użytkownik widzi tylko w odcieniach szarości, masz swój punkt widzenia.
Przypadek w punkcie: Excel. Excel oferuje ikony w kolorach świateł drogowych, aby pomóc opowiedzieć historię Twoich danych. Upewnij się, że używasz ikon o różnych kształtach i kolorach! Oto dlaczego:
Deuteranopia i protanopia to dwa powszechne typy ślepoty na kolory czerwono-zielone. Testowanie kolorów pod ich kątem zoptymalizuje je dla większości użytkowników, ale ikony pomogą uszczelnić transakcję.
Nie ufaj predefiniowanym paletom kolorów
W sieci można znaleźć wiele niezwykle użytecznych frameworków i płyt głównych. Każdy z nich spełnia wiele potrzeb, ale nie wszystkie miały czas, aby zoptymalizować swoje kolory pod kątem ślepoty na kolory.
Najważniejszym pytaniem, gdy patrzysz na swoje czerwienie, zielenie, pomarańcze i żółcie, jest: „Czy moi użytkownicy rozpoznają ten kolor, gdy zobaczą go samego?”. Nie ufaj ludziom, którzy stworzyli twoje ramy, że o tym pomyśleli. Sprawdź to sam.
Jak to zrobić, pytasz? Przez wiele lat jedynym rozwiązaniem, jakie znalazłem do testowania, był Photoshop firmy Adobe, który oferował widoki protanopii i deuteranopii wszystkiego, co tworzyłem. Opcje znajdują się w menu Widok → Ustawienia dowodu (patrz obrazek poniżej).
Teraz Corblindor Coblis (Symulator ślepoty kolorystycznej) stał się moim ulubionym narzędziem. Po prostu zrób szybki zrzut ekranu swojej pracy i zobacz, jak wygląda ona dla wielu różnych typów ślepoty barw.
Planuj przyszłość z szablonem kolorów
W ciągu ostatnich lat wykonałem wiele prac związanych z kolorami w wizualizacji danych i pojawił się wzór, który uważam za pomocny. Oferuję go tutaj, w interesie uczynienia danych bardziej użytecznymi. Gorąco polecam rozważenie tego podejścia podczas opracowywania palety kolorów marki.
Oto kluczowe wytyczne:
- Użyj jasnego, średniego i ciemnego odcienia. Twój żółty powinien być twoim jasnym odcieniem.
- Użyj ciepłej zieleni i chłodnej czerwieni, lub chłodnej zieleni i ciepłej czerwieni. Po prostu nie miej obu chłodnych lub obu ciepłych.
- Nie ma pomarańczowego. Ponieważ jest o wiele jaśniejszy, użycie żółtego zamiast pomarańczowego zmniejsza prawdopodobieństwo, że kolor „ostrzeżenia” będzie kolidował z zielonym kolorem „sukcesu” dla niewidomych użytkowników, lub będzie wyglądał zbyt podobnie do czerwonego koloru „poważnego problemu” (np. błędów).
To wszystko! Dzięki za przeczytanie. Idź naprzód i baw się dobrze, opowiadając dobre historie za pomocą swoich danych.