Как дизайнеру визуализировать данные, и почему карты желаний здесь ни при чём

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

Однажды вас могут попросить «как-то красиво» упаковать огромный объём информации. Например, перенести показатели вашего департамента за год из бесконечной таблицы Excel в презентацию для СEO.

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

• Для начала поставьте цель — что именно вы хотите показать, какие данные вам для этого нужны? Сформулируйте конкретную задачу, если их несколько, для каждой нужен свой график. Не пытайтесь запихнуть все имеющиеся данные и разные метрики в один график.
• Выбирайте подходящий тип визуализации. Например, круговая диаграмма не подходит, если показателей слишком много или их общее количество не равно 100%. Об этом мы ещё поговорим дальше.
• Располагайте данные в логическом порядке в зависимости от цели: от меньшего к большему или наоборот.
• При сравнении данных используйте графики одного типа. Если состояние «до» показано в виде линейной диаграммы, «после» не может быть столбчатой.
• Подписывайте данные прямо на графике, так мозг воспринимает картину целиком и быстрее делает выводы.
• Не пытайтесь делать «дизайн ради дизайна»: убирайте визуальный шум и используйте минимум элементов. Например, 3D-эффекты отвлекают внимание от информации и не решают задачу. Чем проще график, тем меньше когнитивная нагрузка.
• Используйте общепринятые цвета: «правильно» выделяется зелёным, а «неправильно» — красным. Если работаете с иностранными клиентами, проверьте, какие цвета соответствуют этим значениям в их стране.

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

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

Карта землетрясений на планете с 1898 года

• Многомерна. Помогает увидеть разные типы данных и то, как они взаимодействуют между собой в разных разрезах.

Результаты Московского марафона

• Информативна. Позволяет сделать выводы о тенденциях, отклонениях и других штуках, которые помогут пользователю.

Частота ошибок на экзамене по ПДД

• Наглядна. Миллионы строчек таблицы и миллиарды цифр можно быстро охватить взглядом и считать.

Ритм жизни в городах мира

У аналитиков в запасе более 60 видов диаграмм, графиков и дашбордов. Но сегодня мы рассмотрим самые популярные.

Круговая диаграмма

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

Есть разные формы визуализации данных. Например, диаграмма-пончик.

Линейная диаграмма

В этом графике используются точки — «маркеры», которые отображают информацию, и кривая, показывающая общую динамику. Например, курс доллара по дням.

Диаграмма области

Разновидность линейной диаграммы для визуализации количественных данных, часто в связи с временным отрезком. Например, расходы компании по месяцам на одинаковые категории: зарплаты, налоги, закупки.

Гистограмма

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

Столбчатая диаграмма

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

Дашборд

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

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

• Данные относительно стандарта или цели

Например, удовлетворённость сотрудника уровнем зарплаты, коллективом и наличием печенек в офисе. График показывает средний результат ответа на эти вопросы. Шкала разбита на три части: хорошо, средне и плохо.

• Как менялись данные в течение времени

Например, как часто дизайнеры меняли профессию за последние 10 лет и становились продактами, разработчиками или аналитиками.

• Визуализация для краткого обзора

Помогает показать прогресс, иерархию между элементами или соотношение между группами данных. Например, специальности колледжа в области гуманитарных наук или достижение цели активности на день.

• Несколько переменных в категории

Пригодится, когда нужно выявить «слабое звено»: неэффективный способ продаж, наименее успешный магазин в сети, неприоритетную группу клиентов и прочее. Ещё так можно проанализировать навыки продавцов. Возможно, низкие продажи связаны именно с ними.

• Одна переменная в категории

Например, график изменения температуры за неделю или количество осадков.

• Сравнение с помощью пропорций

Один из самых распространённых примеров — анализ доходов и расходов за месяц, а также категории трат. Ага, те самые моменты откровений, когда вы видите, сколько потратили на кофе и такси.

В моём телеграм-канале Грядка вы найдёте ссылки на сервисы для визуализации, а ещё полезные видео и статьи, которые помогут поймать вдохновение при работе с данными.