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