Почему красивые, но бесполезные визуализации убивают смысл и как сделать по-другому?

Мы привыкли считать, что график = ясность. А цветной график ещё и красота. Но реальность бывает другой, в большинстве случаев графики — это визуальный шум, который скрывает суть. И вот три настоящих примера, которые хочется разобрать, потому что они об одном и том же: форма есть, смысла нет.

1️⃣Общение с пользователями — круг боли

Вопрос простой: сколько рабочего времени уходит на коммуникацию? Ответ визуально представлен как круговая диаграмма. В ней 11 сегментов, некоторые — по 0.1%.

Что не так:

🔻Глаз не отличает маленькие углы: 0.2% и 0.5% визуально одинаковы 🔻Синие оттенки не дают иерархии, вся диаграмма выглядит как пятно 🔻Внизу тот же набор данных в виде горизонтальных полос. Повторение не помогает 🔻Инсайта нет: пользователь не понимает, что главное

Что делать:

⁠• Перейти на горизонтальный bar chart, самый читаемый вид визуализации ⁠• Группировать значения: до 10%” до 20%, 30%+, редкие случаи ⁠• Добавить смысловую подпись: «90% участников тратят на общение не больше 20% времени» ⁠• Оставить один способ визуализации, а не дублировать всё дважды

2️⃣ География аудитории — график, который сломает мозг

Диаграмма показывает, откуда участники по регионам. Каждый регион имеет свой цвет. Всего более 40 сегментов.

Почему это непонятно:

🔻Цвета не структурированы: 🔻Подписи разлетаются, диаграмма вся в «лучах» 🔻Главный вывод (например, что Москва = 21.9%) тонет в деталях 🔻Визуальный приоритет, у ярких, а не у важных

Как спасти:

⁠• Бар-чарт, отсортированный по убыванию ⁠• Топ-10 регионов, остальные «прочие» ⁠• Один цвет, единый стиль. Выделение цветом только у лидеров ⁠Подпись: «Треть пользователей — из Москвы и МО. Остальные распределены равномерно»

3️⃣ Возраст и рабочая сила — когда много данных = ноль понимания

График пытается показать, как менялось участие в трудовой активности по возрастным группам с 2005 по 2023.

Формат: каждая возрастная категория содержит 19 столбиков — по годам. Цвета — близки, легенда занимает треть экрана.

Что ломается:

🔻Невозможно сравнивать тренды по цвету: оттенки сливаются, особенно в серых и синих тонах 🔻Переизбыток элементов: 10 возрастов × 19 лет = 190 визуальных единиц. Мозг не успевает анализировать 🔻Нет фокуса: непонятно, что нужно увидеть. Молодёжь? Пенсионеры? Общее снижение?

Что делать:

⁠• Выделить 3 репрезентативных года: 2005, 2014, 2023 ⁠• Сделать линейный график по годам (если фокус на тренде) ⁠Или бар-чарт с цветовой дифференциацией по возрастам, если важны возрастные срезы ⁠• Добавить подпись: «Доля занятых среди 60–69 лет выросла на 80%, а среди 15–19 — снизилась в 3 раза»

Что объединяет все три случая?

1. Цвета не помогают, а мешают. Цвет — это кодировка смысла. Если он используется просто для «разнообразия», он вредит. 2. Тип графика выбран по инерции. Круговая диаграмма кажется «простой», но в ней нельзя сравнивать много категорий. 3. Нет визуального приоритета. График должен вести взгляд к главному. Здесь же взгляд мечется. 4. Инсайт не выведен. Самое важное не сформулировано текстом. График — это не головоломка. Читатель не должен «угадывать» смысл.

График — это не набор цветных полос. Это то, что должно быстро, точно и красиво донести главное.