Графики, которые убеждают всех
Шрифт:
Визуализация данных – мощный инструмент для решения различных задач. Важно понимать, какую именно задачу вы пытаетесь решить этим инструментом. Что именно вам нужно показать, рассказать, кого и в чем убедить, какое решение помочь принять?
В этой книге вы не найдете конкретных рекомендаций, как сделать тот или иной график, – с этим легко справятся справка к программе и интернет. Эта книга дает универсальные принципы, которые превратят ваш график из яркой, но, по сути, невнятной картинки в мощный инструмент донесения вашего сообщения. Вы научитесь делать свое сообщение очевидным адресату.
Визуализация данных эффективна настолько, насколько она преподносит данные в понятной для нашего мозга манере. Большинство
Для кого эта книга? Для тех, кто не чувствует уверенности в себе, когда его просят сделать график или несколько диаграмм. Для аналитиков, менеджеров, маркетологов, предпринимателей, студентов, бакалавров, магистрантов и аспирантов, ученых. Для всех, чья жизнь так или иначе соприкасается с визуализацией данных.
Успешный, эффективный график требует знаний из разных сфер: статистики, аналитики, дизайна, собственно визуализации данных и даже журналистики. В этой книге вы найдете основы этих дисциплин и познакомитесь с пошаговым подходом к созданию эффективных, убеждающих графиков.
Глава 1
Пример было/стало. Общее понимание процесса
В большинстве случаев люди не задаются вопросом, как им сделать более наглядный, эффективно работающий или рассказывающий историю график. Они рады тому, что из их цифр в офисной программе в принципе получился хоть какой-то график. К нему применяются те варианты оформления, которые настроены по умолчанию, график вставляется в презентацию, работа кажется выполненной.
Было/стало
Вот типичный график, который мы часто видим в презентациях:
С одной стороны, автор явно старался: слайд выглядит ярким и привлекает взгляд. Применены стандартные шаблоны оформления диаграмм из Excel и PowerPoint.
Но давайте зададим несколько вопросов, чтобы понять, насколько нагляден этот слайд:
1) Представлены ли на нем данные? Да, доля твердых сыров в каждом году графически закодирована углами секторов круговой диаграммы.
2) Насколько точно визуализированы данные? Не очень точно.
Круговая диаграмма сама по себе не особо наглядна: человеческий глаз плохо оценивает разницу площадей и углов. Здесь проблема усугубляется тем, что круговые диаграммы сделаны псевдотрехмерными и показаны в перспективе. Это еще больше искажает форму секторов и кодируемые ими значения.
3) Удобно ли сравнивать данные? Нет, неудобно.
Основное, что хотелось бы сравнить, – доли продаж разных сыров по годам. Это сложно сделать, потому что сектора круговой диаграммы не очень точно представляют данные. Чтобы понять, какой сектор какому сыру соответствует, нужно постоянно сверяться с легендой. А затем проводить мыслительную операцию, пытаясь понять, выросла доля этого сыра или уменьшилась.
4) Очевидны ли выводы? Нет. Что нам нужно понять – сейчас неясно.
Давайте начнем пошагово улучшать этот слайд.
Сначала уберем псевдотрехмерность, проверим, станет ли нагляднее:
Теперь углы секторов более точно показывают значения. Но все же в этой ситуации круговая диаграмма – не самый наглядный способ визуализации. Давайте поменяем его на линейный график:
Кажется, в этом что-то есть! Мы просто изменили вид визуализации – и содержание сразу же стало очевиднее. Мы видим, доля продаж каких сыров выросла и насколько, а каких – упала. Попробуем убрать все, что отвлекает от самих линий и подписей к ним.
Для начала уберем тень:
Поменяем фон на белый:
Уберем агрессивную контрастную сетку:
Значения подписаны возле концов линий. Значит, шкалу тоже можно убрать:
Сдвинем график в левую часть слайда и разместим значения слева и справа от линий:
< image l:href="#"/>Нам по-прежнему неудобно сверять цвета с легендой. Давайте поместим названия сыров рядом с линиями:
Теперь попробуем приглушить цвета. Так мы будем обращать внимание на наклон линий, а не на цвет. Именно наклон характеризует, выросла доля или уменьшилась:
Уже почти то, что нужно! Сделаем заголовок более осмысленным:
< image l:href="#"/>Теперь зарифмуем заголовок и сам график, сделав более контрастными соответствующие линии:
Забыли важную информацию – источник данных:
Теперь заменим шрифт и расставим блоки более аккуратно.
Точнее и корректнее сформулируем заголовок. В заголовке выделим тем же оттенком синего названия соответствующих сыров: