Лучшие графики для дальтоников | Блог
Каким мы видим мир в красках? Все начинается со света. Свет может исходить от Солнца, огня или лампы, посылающей волны разной длины. Окружающие нас поверхности обладают разной способностью поглощать длины волн, поэтому одни волны поглощаются, а другие отражаются. Те, которые отражаются, могут быть восприняты нашими глазами. Эти волны проходят через роговицу и зрачок и попадают на сетчатку. Сетчатка состоит из колбочек и палочек. Колбочки — это те, которые отвечают за восприятие цвета. Комбинация волн, попадающих в колбочки, формирует в нашем мозгу восприятие цвета.
Существует три типа колбочек: T Первый тип чувствителен к длинным волнам (начиная с красного, достигая пика на желтом и уменьшаясь на зеленом). Второй тип чувствителен к средним длинам волн (начиная с оранжевого, достигая пика на зеленом и снижаясь на синем). Третий тип чувствителен к коротким длинам волн (начиная с зеленого и заканчивая синим).
Содержание
1. Какие цвета могут видеть дальтоники? 2. Палитра для дальтоников 3. Как сделать диаграммы удобными для дальтоников? 4. Таблицы хороших и плохих результатов для дальтоников
5. Дополнительная литература и ресурсы |
Какие цвета могут видеть дальтоники?
На самом деле, это зависит от того, какие конусы не работают. Существует три распространенных типа: протанопия (слепота на красный цвет), дейтеранопия (слепота на зеленый) и тританопия (слепота на синий). Также может быть промежуточное состояние, цветовая слабость, когда цвета можно различить, но теряются некоторые детали оттенка. Также бывает очень редкое состояние, когда не работают все колбочки и человек полностью дальтоник — это называется полная ахроматопсия.
На следующем рисунке представлена симуляция того, какие цвета могут видеть дальтоники.
В мире насчитывается около 300 миллионов человек, страдающих дальтонизмом. Около 8% мужчин и 0,5% женщин являются дальтониками, поэтому разумно сделать свою диаграмму безопасной для дальтоников.
Палитра для дальтоников
На рисунке ниже показано, что для всех типов дальтонизма существует пара цветов, которые можно различить – красный и синий – это цвета, безопасные для дальтоников. Что касается зеленого, то это цвет номер один среди цветов, которых следует избегать дальтоникам. Большинство проблем для дальтоников связано с преобладанием комбинаций красного и зеленого как пары противоположностей в дизайне. Первое правило составления палитры для дальтоников — избегать сочетания красного и зеленого. Поэтому, если вы стремитесь создать палитру, подходящую для дальтоников, попробуйте использовать только два основных оттенка: синий и красный (оранжевый и желтый также подойдут).
Остальные цвета должны быть сделаны из этих двух оттенков. Все вариации можно сделать, используя разную насыщенность или яркость основного цвета. На основе этих правил мы создали палитру дальтоников и проверили ее на три типа дальтонизма.
Как видите, палитра работает для всех типов дальтонизма, но вы всегда должны помнить, что вариации цветов у дальтоников могут значительно различаться от человека к человеку, поэтому всегда важно перепроверять. Если у вас есть друг, страдающий дальтонизмом, попросите его оставить отзыв. Кроме того, вы можете найти сообщество дальтоников в Интернете и связаться с ним. Не забывайте о людях с полным дальтонизмом и помните, что 100% лучших цветов для дальтоников — черный и белый. Поэтому, если ваша визуализация работает в оттенках серого, вы должны быть в безопасности. Еще одно преимущество использования черно-белой визуализации данных заключается в том, что они готовы к печати. Но помните, если палитра представлена в оттенках серого, для выделения элементов диаграммы следует использовать другие инструменты.
Есть несколько инструментов, которые помогут вам проверить визуальные эффекты. Для этой статьи использовался симулятор дальтоников с сайта Colorblindor. В Adobe Illustrator также есть полезный внутренний инструмент. Вы можете получить к нему доступ в меню View > Proof Setup > Color-Blindness — Protanopia-type или Deuteranopia-type.
Как сделать диаграммы удобными для дальтоников?
Используйте формы и значки в качестве дополнения или альтернативы цветовому кодированию. В случае необходимости использования цветов, не воспринимаемых дальтониками, диаграмму можно сохранить, используя в качестве дополнения к цвету пиктограммы, дублирующие его информационную функцию.
Как правило, лучше использовать прямые метки вместо легенды – это экономит время и внимание читателя. Еще одним преимуществом прямых меток является их способность исправлять использование палитр, которые не подходят для дальтоников.
Для линейных диаграмм и их вариантов пунктирные линии и линии с различной толщиной штриха могут быть очень полезной альтернативой раскрашиванию.
Добавление обводки вокруг элементов диаграммы также может помочь отличить один элемент от другого, если цвет может выглядеть одинаково для дальтоников.
Если использование цвета неизбежно, попробуйте использовать один оттенок палитра. Это сделает диаграмму удобочитаемой для всех видов дальтонизма, включая монохроматию (когда цвета не распознаются). Второй вариант до используйте красно-желто-синюю палитру . Это будет работать для всех видов дальтонизма, кроме монохромности.
Используйте цвет для групп, , а не для отдельных категорий. Это уменьшит количество цветов, а также визуальный беспорядок и возможность смешения цветов.
Хорошие и плохие диаграммы для дальтоников
Большинство диаграмм можно изменить, чтобы сделать их удобными для дальтоников. сильно зависит от цвета. Наши рекомендации основаны на том, насколько легко та или иная диаграмма может работать без какой-либо цветовой кодировки.
Сравнительные таблицы
✅ Хороший выбор: Точечный график (и параллельные координаты)
Точечный график может быть одновременно замечательным и сложным. Если цвет используется для дифференциации точек — это не сработает. Но если точки заменить разными цветами для каждой категории, это будет очень хорошим выбором для одновременного сравнения нескольких категорий.
Посетите эту страницу ресурсов и узнайте, как создавать лучшие точечные диаграммы, которые произведут впечатление на вашу аудиторию.
❌ Плохой выбор: сгруппированная гистограмма/столбцовая диаграмма
Сгруппированные гистограммы обычно основаны на цветовых различиях столбцов одной группы.
Это затрудняет чтение для дальтоников. При большом количестве категорий эта диаграмма становится нечитаемой для всех.
Корреляционные диаграммы
✅ Хороший выбор: пузырьковая диаграмма
Можно использовать без цвета. Оси X и Y, размер и различные значки обеспечивают уже 4 измерения, которых легко достаточно для большинства задач визуализации.
➡️ Средство создания диаграмм Datylon позволяет создавать красивые пузырьковые диаграммы. Попробуйте бесплатно!
❌ Неправильный выбор: тепловая карта
Тепловые карты сильно зависят от цвета, поэтому единственный способ сделать их безопасными для дальтоников — использовать одну палитру оттенков или оттенков серого.
Частичные и иерархические диаграммы
✅ Хороший выбор: Массив значков
цветные области или сектора. Благодаря использованию значков вместо цветовой дифференциации эта диаграмма становится предпочтительным типом диаграммы для людей с дальтонизмом среди всех диаграмм от части к целому.
❌ Неправильный выбор: Древовидная карта
Подобно тепловым картам, древовидные карты широко используют цвета. Конечно, древовидную карту можно сделать и с помощью монотонной палитры или просто с помощью обводки границ, но отсутствие цвета ослабит ее визуальную силу, особенно если нужно представить сложную иерархическую структуру. Одна из вещей, которая может сохранить древовидную карту, — это расстояние между ячейками.
Графики даты и времени
✅ Хороший выбор: Линейный график
Простейшая и наиболее гибкая временная диаграмма, которую можно модифицировать различными способами, чтобы сделать ее понятной для дальтоников. В случае нескольких категорий можно изменить толщину линии, а также различные типы пунктирных штрихов. Прямые метки и метки данных также можно использовать для различения линий. Откройте для себя еще больше профессиональных советов по дизайну на нашей специальной странице ресурсов для линейных диаграмм и улучшите визуализацию данных с помощью Datylon.
Вы также можете легко создавать линейные диаграммы, удобные для дальтоников, с помощью конструктора диаграмм Datylon. Зарегистрируйтесь бесплатно по этой ссылке.
❌ Неудачный выбор: Streamgraph
Очень красивая диаграмма, но беспомощная без цвета. Он сразу теряет свою привлекательность и читабельность.
Распределение
✅ Хороший выбор: графики плотности и линии хребта
Хороший выбор для визуализации как одного, так и нескольких распределений. Непрозрачность и прямые метки могут заменить необходимость окрашивания.
❌ Неправильный выбор: одномерная тепловая карта
Одномерная тепловая карта может быстро стать плохим выбором, если используется несколько цветов. Однако одна палитра оттенков может работать очень хорошо.
Дополнительная литература и ресурсы
- Следите за визуализацией данных.
