Приблизно 4% людей у всьому світі (близько 300 млн. осіб) страждають тією чи іншою формою дальтонізму, що можна порівняти з населенням Сполучених Штатів. Дальтонізм зустрічається частіше, ніж ви думаєте, а це означає, що ми не можемо ігнорувати даний факт при створенні контенту. У цій статті я розгляну деякі основи дальтонізму і розповім, як зробити ваші проекти більш доступними до сприйняття для людей, які страждають на дальтонізм.
Різновиди дальтонізму
Наші очі вловлюють світло через два типи клітин сітківки ока: палички і колбочки. Палички дуже чутливі і допомагають нам визначати інтенсивність джерела світла. Колбочки чутливі тільки до більш сильних джерел світла, вони допомагають нам вловлювати світло з різними довжинами хвиль.
Існує три різні типи колбочок - короткі (S), середні (M) і довгі (L). Ці позначення відповідають довжинам хвиль синього, зеленого і червоного кольорів світлової хвилі. На наведеній нижче діаграмі показана відносна чутливість клітин колбочок S, M і L до різних довжин хвиль світла для людини з нормальним зором.
Які б кольори ми не бачили, вони засновані на комбінації трьох кольорів, що вловлюються колбочками S, M і L.
За відсутності пігменту, відповідального за розпізнавання червоного кольору, говорять про протанопічну дихроматію, у разі відсутності зеленого пігменту - про дейтеранопічну дихроматію, у разі відсутності синього пігменту - про тританопічну дихроматію.
У кожному з цих випадків уражені колбочки можуть бути мутованими або дефектними. Мутована колбочка викликає невеликий зсув і викликає зміну сприйняття кольору.
Найбільш часто зустрічається порушення червоного-зеленого зору. Дальтонізм за синьим кольором можливий, але вкрай рідко.
Ця таблиця ілюструє частоту різних типів дальтонізму в світі:
Червоно-зелена колірна сліпота викликана в першу чергу дефектною Х-хромосомою. Це означає, що ймовірність зустріти чоловіка дальтоніка набагато більша. До 10% чоловіків страждають на дальтонізм порівняно з 0,5% жінок.
Переважна більшість людей, які страждають на дальтонізм, можуть бачити якийсь колір, оскільки в багатьох випадках вражається тільки один з трьох типів колбочок. Часткова або повна відсутність кольорового зору відома як ахроматопсія, від якої страждає приблизно 1 людина з 30 000. Люди з повною ахроматопсією можуть розрізняти тільки чорний, білий, відтінки сірого і варіації контрастності.
Відмінний контент починається з усвідомлення проблеми
Мудрість починається з усвідомлення, і якщо ми хочемо досягти успіху в дизайні, ми також повинні знати свою аудиторію. Якщо ви хочете стати відмінним дизайнером, то повинні розуміти, що означає бути дальтоніком.
Якщо ви думаєте, що ви дальтонік і не можете працювати в дизайні, то ви глибоко помиляєтеся. Сьогодні існує безліч ресурсів, які допоможуть створити красивий і зрозумілий дизайн людьми, які страждають на колірне сприйняття.
Користувачі Chrome можуть скористатися розширенням Colorblindly, а користувачі Safari можуть завантажити Color Oracle. Ці інструменти можуть допомогти вам правильно комбінувати кольори і з достатнім контрастом, щоб ви могли створювати контент, який сподобається кожному.
4 простих кроки щодо усунення проблем дальтонізму у ваших проектах
Якщо ви хочете зробити свій веб-сайт, додаток або корпоративні матеріали більш сприйнятливими для дальтоніків, вам необхідно врахувати кілька важливих пунктів.
1. Вибір панелі
Ви можете вибрати з багатьох різних 8- і 15-кольорових палітр для дальтонізму. Дізнатися більше ви можете тут, тут і тут.
Але що, якщо ви не можете вибрати нові фірмові кольори? А що, якщо ваші клієнти вже вибрали свій? У цьому випадку є декілька інших способів вирішення цього завдання проектування.
2. Визначте колірне рішення
Чим більший контраст, тим краще дальтонік може побачити різницю між двома предметами.
Подумайте про всі можливості використання контрасту у своїх проектах для поліпшення доступності сприйняття. Використовуйте яскраві кольори замість блідих варіацій. Якщо вам потрібно використовувати два кольори поруч один з одним, вибирайте максимально різні кольори. А коли ви розглядаєте дальтонізм і веб-дизайн, ви повинні думати про те, як максимізувати контраст між динамічними елементами. Які кольори ви використовуєте для гіперпосилань і кнопок? І як змінюються ці кольори, коли відвідувач сайту наводить курсор на елемент? У цих ситуаціях вам може знадобитися виділити елемент, додавши кольорову рамку.
3. Розробте систему кольорів
Коли ми використовуємо колір у дизайні, ми збагачуємо наше спілкування. Використання одних тільки кольорів для передачі інформації може бути підступним для тих з нас, хто страждає на дальтонізм. Вашій аудиторії буде набагато легше, якщо ви об'єднаєте кольори з текстом, значками та іншими елементами дизайну, щоб розповісти історію. Покладатися тільки на колір - лише одна з багатьох пасток, яких слід уникати.
4. Вибирайте шрифти, використовуючи максимальну розбірливість
Послання вашого бренду - це набагато більше, ніж кольори, які ви вибираєте. Ви також можете передати тон за допомогою правильного шрифту. І якщо ви хочете, щоб ваші повідомлення були максимально змістовними, вам необхідно розглянути вибір шрифту разом з кольором.
Якщо ви виберете більш товстий і жирний шрифт, ваш дизайн буде легше читати всім. Це пов'язано з тим, що більша кількість колбочок зможе вловлювати світло від цих букв.
Як тільки ви почнете робити свої проекти більш доступними для однієї групи людей, ви виявите, що вони приносять користь і іншим. Як виявилося, багато характеристик шрифту, що покращують розбірливість для дальтоніків, також підходять для людей з дислексією.
Оскільки знання дальтонізму в дизайні продовжує зростати, я очікую більшої залученості в цьому питанні. Протестуйте свої роботи за допомогою симулятора дальтонізму і подивіться, як ви можете їх поліпшити. В еру комунікацій і швидкого доступу до інформації бренди не можуть дозволити собі ігнорувати людей з розладами колірного сприйняття.