Как видят
интерфейс
дальтоники

Красное, желтое и зелёное яблоки, как их видят обычные люди и дальтоники

Люди с нарушениями цветовосприятия могут столкнуться с трудностями в использовании продуктов дизайна: запутаться в цвете линий метро, перепутать кнопки, не заметить пробки в навигаторе.

Если учитывать эти особенности, можно упростить жизнь дальтоников и расширить аудиторию пользователей.

Цвета
навигаторов
и карт

Эксперимент Ordnance Survey

Цвета карт плохо различаются

Важное свойство карт — четкое изображение объектов.

Дальтоники могут видеть цвета практически неотличимыми друг от друга. Об этой проблеме часто забывают при разработке карт.

Карта навигатора для Лондона
Карта навигатора для Лондона при протанопииКарта навигатора для Лондона при дейтеранопииКарта навигатора для Лондона при тританопии
Навигатор в Лондоне
  • Протанопия
  • Дейтеранопия
  • Тританопия

Первое решение — поменять цвета

Британские исследователи Ordnance Survey искали цветовые решения для карт. Они создавали не отдельные цветовые схемы для людей с различными формами дальтонизма, а цветовую палитру, которая будет работать для всех.

Карта навигатора для Лондона с цветами Ordnance Survey
Карта навигатора для Лондона с цветами Ordnance Survey при протанопииКарта навигатора для Лондона с цветами Ordnance Survey при дейтеранопииКарта навигатора для Лондона с цветами Ordnance Survey при тританопии
Навигатор в Лондоне, с цветами Ordnance Survey
  • Протанопия
  • Дейтеранопия
  • Тританопия
 

Незнакомые цвета

Дальтоники положительно отозвались об оптимизированных версиях цвета карт, но возникла другая проблема.

Непривычные цвета новых карт запутывали и вызывали смятение у всех остальных.

Лучшее решение, когда изменения незаметны

Агентству потребовалось два года, чтобы усовершенствовать цветовую палитру, которая похожа на привычную и одинаково хорошо работает и у дальтоников, и у людей с обычным зрением.

Карта пробок Лондона
Карта пробок Лондона при протанопииКарта пробок Лондона при дейтеранопииКарта пробок Лондона при тританопии
Карта пробок Лондона
  • Протанопия
  • Дейтеранопия
  • Тританопия
Карта пробок Лондона с цветами Ordnance Survey
Карта пробок Лондона с цветами Ordnance Survey при протанопииКарта пробок Лондона с цветами Ordnance Survey при дейтеранопииКарта пробок Лондона с цветами Ordnance Survey при тританопии
Карта Ordnance Survey с новой палитрой
  • Протанопия
  • Дейтеранопия
  • Тританопия

«Мы гордимся прогрессом, достигнутым в разработке единой цветовой палитры, которая требует новых исследований и понимания потребностей пользователей. Наши карты станут более доступными и простыми для восприятия.

Мы надеемся, что это вдохновит других людей задуматься о дальтониках в своих проектах»

Ordnance Survey

Интерфейсы
сайтов
и приложений

Почему социальные сети синие

Проблема звонка iOS

Эппл сделал кнопку ответа на звонок зеленой, а отказа — красной. Если человек долго не может найти телефон, то цвета помогают быстрее принять решение, что нажать. Эппл не учел, что при нарушении цветовосприятия, эти цвета могут не отличаться. Дальтонику придется задержать взгляд на несколько секунд и подумать, перед тем как нажать правильную кнопку. В условиях срочного решения это может привести к ошибке.

Интерфейс звонка iOS
Звонок в ios

Решение приложения Telegram

Разработчики Телеграма решили проблему с цветом кнопок, сохранив привычный вид для всех пользователей. «Опасная» кнопка отмены осталась красной, а зеленая стала синей.

Красный и синий хорошо различаются при любом нарушении цветовосприятия, поэтому и цветовое кодирование телеграмма работает одинаково и у дальтоников и у обычных людей.

Facebook и VK также пошли по пути использования оттенков синего. Не обязательно делать весь интерфейс синим, но важно продумать различимость цветов в ключевых точках.

Интерфейс звонка в Telegram
Звонок в Telegram

Штриховку видят все

Лейблы задач Trello

Органайзер Trello предлагает использовать разноцветные лейблы для сортировки задач. Вместо семи цветов дальтоники видят три оттенка коричневого, желтый и два оттенка голубого цвета. Когда лейблы разбросаны по всему файлу, понять важность задачи становится затруднительно.

Штриховка в режиме для дальтоников

Разработчики Trello предусмотрели специальный режим для дальтоников, который позволяет различать лейблы ориентируясь на узор. Такое решение помогает распознать лейблы намного быстрее и проще.

Цвет можно подписать

Купить футболку нужного цвета

Интернет-магазины одежды часто используют образцы цветов без подписи. Дальтоник может ошибиться с цветом, даже не подозревая об этом. Только спустя время он узнает, что на нем не синяя футболка, а фиолетовая, или еще забавнее — розовая.

Ошибку легко исправить просто добавив название цвета под образцом. В оффлайн-магазине цвет можно прописать на ценнике.

Добавить в описание товара цвет. В оффлайн-магазине цвет можно прописать на ценнике.

Световые
индикаторы

Все оттенки синего

Горит нижний желтый

С дальтонизмом разрешено водить автомобиль. Водителю-дальтонику приходиться ориентироваться по расположению горящего сигнала: сверху красный, а снизу — зеленый. Считывание сигнала занимает больше времени и сил. Кроме того обычный цвет различим с большего расстояния.

Японский синий светофор

В 1973 году правительство Японии приняло решение, что все светофоры должны иметь самый синий оттенок зеленого цвета — фактически синий, но технически все еще зеленый. Дальтоникам гораздо легче ориентироваться по такому цвету. Они видят синий и знают, что на него движение разрешено.

 

Тест: каково жить без знания цвета

Пройдите тест и узнайте, как бы вы справлялись с повседневными делами не зная какие цвета вас окружают.