Визуализация данных. Часть 2
1. Достоверность диаграммы
Ваша диаграмма всегда должна говорить правду. Даже небольшие дизайнерские решения могут ввести вашу аудиторию в заблуждение, если вы не будете осторожны. Не настраивайте оси, чтобы различия выглядели больше или меньше, чем они есть на самом деле. Не исключайте данные только для того, чтобы доказать свою точку зрения.
2. Объединение нескольких диаграмм
Иногда одной диаграммы просто недостаточно. Вы можете объединить несколько, чтобы рассказать более масштабную или ясную историю.
Используйте малые кратные (small multiples), чтобы показать одну и ту же диаграмму, повторенную для разных групп.
Размещайте связанные диаграммы рядом для сравнения. Убедитесь, что оси используют один и тот же масштаб, чтобы сравнение оставалось честным и понятным.
При объединении нескольких диаграмм сохраняйте единообразие стиля, чтобы все выглядело связанным.
3. Цвет важен
Цвет помогает организовать информацию, выделить ключевые моменты и направить внимание читателя.
Правильная палитра может сделать вашу диаграмму более удобочитаемой. Неправильная может запутать — или даже сделать ее полностью нечитаемой для пользователей с дальтонизмом.
Начните с как можно меньшего количества цвета
Используйте нейтральные тона (например, серые или мягкие оттенки) в качестве основы. Это создает спокойную, чистую основу, которая не перегрузит зрителя.
Цветовые палитры
Последовательные палитры Используйте, когда показываете возрастающие значения (например, температура, население). Представляют собой градиенты от светлого к темному.
Расходящиеся палитры Используйте, когда данные имеют четкую середину (например, положительные и отрицательные значения). Показывают контраст от центра.
Качественные палитры Используйте для категорий без порядка (например, регионы, виды фруктов). Каждая получает свой собственный оттенок.
Добавляйте цвет только тогда, когда он добавляет ценность
Цвет никогда не должен использоваться только для того, чтобы сделать вашу диаграмму красивой.
Добавляйте его только тогда, когда он помогает прояснить данные. Например:
- Чтобы различать перекрывающиеся элементы На линейных диаграммах разные цвета облегчают отслеживание отдельных линий.
- Чтобы показать разные категории В сгруппированных или сложенных столбчатых диаграммах цвет четко разделяет части.
- Чтобы выделить ключевые данные Используйте яркий цвет, чтобы привлечь внимание к выбросу, цели или результату этого года.
- Чтобы показать прогрессию или интенсивность На тепловых картах или картограммах градиенты визуализируют величину или изменение в диапазоне.
Цвета — это не только визуальное, но и культурное и эмоциональное явление.
Используйте зеленый для роста или устойчивости, красный для риска или предупреждения, а синий для доверия или воды.
Согласование ваших цветов с сообщением помогает вашей аудитории быстрее понять данные — даже без чтения подписей.
Иногда размер, форма или положение уже рассказывают историю. Цвет становится излишним.
- Экономность. Когда использование цвета необходимо, придерживайтесь максимум 6–10 цветов. Слишком много цветов = визуальная перегрузка.
- Последовательность. Используйте один и тот же цвет для одной и той же категории across диаграммам. Это помогает вашему читателю «изучить» ваши визуализации.
- Понятность. Не полагайтесь только на легенды или цвет. Подписи рядом с точками данных читаются быстрее и лучше для доступности.
- Используйте текст + фигуры, а не только цвет. Комбинируйте цвет с иконками, узорами, стилями линий или толщиной обводки, чтобы элементы можно было различить.
- Контрастность. Убедитесь, что ваши цвета четко выделяются друг от друга и на фоне. Обязательно проверьте это.
https://www.presentationgo.com/presentation/category/templates/color-palettes/
https://colorhunt.co/palettes/
Еще очень простой способ набрать себе красивую палитру это использовать фотография которая вас визуально нравится. Вот пример ниже. Встравляете в PowerPoint и выбираете цвета. Палитры получаются нарядными и весьма необычными.
Самая большая ошибка в визуализации данных? Показать слишком много. Ясность приходит от устранения отвлекающих факторов, а не от добавления украшений.
Сокращайте все элементы, которые не добавляют смысла.
Что удалить
- Ненужные линии сетки, оси и метки делений
- Фон области диаграммы
- Сложные 3D-эффекты, тени или градиенты
- Легенды (если возможно)
Что упростить
- Округление чисел
- Выделяйте только самые важные точки данных
- Не отображайте все. Обобщайте, если это помогает
Типографика и подписи. Шрифты и подписи выполняют основную работу в вашей диаграмме — так заставьте их хорошо работать.
Макет и композиция. Хороший макет помогает направить взгляд читателя на то, что важно.
Используйте пустое пространство
- Не размещайте элементы слишком близко друг к другу
- Пустое пространство делает диаграммы «дышащими» и читаемыми
- Используйте одинаковые оси для диаграмм, которые нужно сравнивать
- Выравнивайте заголовки, подзаголовки, легенды и диаграммы и соблюдайте единообразие отступов и полей
- Используйте сетки для выравнивания