Как мозг интерпретирует круговую диаграмму? Сравнивает длины окружностей разных секторов или площади крупных секторов. Понимает что полный круг это 100%. Если честно — это сложнее чем сравнить длину столбиков в столбчатой диаграмме. Так что круговая диаграмма проста в построение, но сложная в интерпретации. А если в ней допущены эти 6 ошибок, становиться печально.
Сравните сами две диаграммы:
Разберу все по порядку.
Ошибка №1. Легенда отдельно от диаграммы.
Если подписи находятся в легенде, приходится постоянно сверять маленькие цветные квадраты с секторами — это жутко неудобно.
Я всегда удаляю легенду и подписываю прямо на диаграмме названия компаний и суммы:
Ошибка №2. Много маленьких частей
Много мелких кусочков делает диаграмму сложной для восприятия, а в месте скопления мелких долей подписи будут накладываться друг на друга. Объединю поставщиков с долей менее 10% в один сектор "Другие".
Ошибка №3. Неверная цветовая схема
После формы цвет второй по значимости элемент восприятия диаграммы. Цвета используются не хаотично, а подчиняются продуманной логике.
В этом кейсе я хочу противопоставить главного поставщика Снабстрой с другими, поэтому сначала всех выкрашу в оттенки синего.
Ошибка №4. Отсутствие цифр
Стало очевидно, что без цифровых значений неудобно сравнивать поставщиков. Рядом с названиями выведу суммы поставок в млн. р.
Ошибка №5. Нет акцента
Сейчас нет акцента, слушатели вынуждены будут сравнить сектора и делать свои выводы. Моя цель привлечь внимание к большой доле Снабстрой, поэтому выделю сектор "Снабстой" и его подпись негативным красным цветом.
Ошибка №6. Диаграмма "молчит"
Я уже много раз говорил о важности наличия выводов на диаграмме. Хорошая диаграмма должна передать аудитории мою мысль.
Я хочу сказать: «Доля поставщика «Снабстрой» стала очень большой»
Как мне это "сказать" через диаграмму?
- Все сектора сделал одним цветом, важный Снабстрой выделил контрастным.
- Чтобы выразить мое отношение к ситуации я выбираю позитивный зеленый или негативный красный. Тут ситуация негативная, поэтому красный.
- Для дополнительной аргументации вычислю долю Снабстрой в процентах, получилось целых 45%.
- В начале я писал, что мозг сравнивает длину дуги, поэтому уберу лишнюю середину и размещу в ней доказательство проблемы: "доля Снабстрой 45%"
- Ранее я мелких поставщиков объединил в другие, значит не очень корректно отображать их синим цветом, при этом они не важны, поэтому я покажу их "неважность" через серый цвет.
Что получилось в итоге:
Если нужно подчеркнуть роль маленькой компании, разворачиваем круговую диаграмму по часовой стрелке на 90 градусов, чтобы нужная компания оказалась справа. Как это сделать расскажу позже, подписывайтесь на канал.
Еще пример как сделать стильный акцент в столбчатой диаграмме.
📥 Скачать готовый шаблон в Excel, в который нужно подставить свои цифры.
Хочешь сделать сам?
Пошаговая ИНСТРУКЦИЯ
🤍 Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.
Пройдем этапы создания шаг за шагом. Чтобы потренироваться скачайте учебный файл. Пошаговая инструкция - листай картинки:
- Создать обычную круговую диаграмму.
- Самый крупный сегмент окрасить тёмно-красным цветом.
3-6. Остальные сегменты раскрасить оттенками голубого: от насыщенного до бледного.
Много фишек и идей дизайна в моей книге "Магия диаграмм".