Книга «Графики, которые убеждают всех»

Автор: Александр Богачев
Об авторе | Канал в Телеграме | Фейсбук

Графики, которые убеждают всех

Пособие для менеджеров, аналитиков, предпринимателей, маркетологов и всех, кто делает презентации и графики

Книга публикуется постепенно, частями и главами. Первая глава опубликована 22 февраля 2019 года. Текст в оглавлении по мере готовности глав будет заменяться ссылками. За обновлениями можно следить на этой странице или в канале «Чартомойка»

Введение

Первая глава. Общее понимание о процессе

Вторая глава. Понимать свою задачу и аудиторию

Третья глава. Формулируем сообщение

  • Погружение в тему и контекст
  • Основы статистики
  • Быть аналитиком. Задавать вопросы.
  • Создание новых данных и новых групп
  • Находки требуют интерпретации. Ресерч.
  • Подогнать под гипотезу
  • Про объективность, честность, непредвзятость.
  • Главное

Четвертая глава. Выбор визуализации

  • Просто число
  • Слово о таблицах
  • Как образуется визуализация
  • Типа взаимоотношений внутри данных
  • Какие задачи у визуализации
  • Какие графики люди считывают лучше
  • Выбор визуализации — ключевой этап
  • Ошибки в датавиз

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

  • Общая таблица
  • Основные трудности и пути их решения
  • Как показывать результаты опросов
  • Как можно визуализировать бюджет нагляднее

Шестая. Убрать лишнее. Оформление/Дизайн/Акценты

  • Когнитивная нагрузка
  • Теория близости
  • Предвнимательные атрибуты
  • Стандартные настройки Экселя и что с ними делать
  • Фон
  • Спецэффекты
  • Компоновка
  • Заголовок
  • Отступы
  • О шрифтах
  • Микротипографика
  • Цвет. Основы.
  • Легенды и подписи
  • Акценты

Восьмая глава. Тексты и аннотации

  • Аннотации
  • Источники
  • Важные пояснения

Девятая глава. Сборка презентации

  • Общие соображения
  • Анимация
  • Логическая структура
  • Дизайн презентаций
  • Ритм

В качестве завершения

12 марта   оглавление

Главное во второй главе

— Графики — инструмент коммуникации
— Важно понять контекст, в рамках которого существует график и презентация
— Определиться с целью презентации
— Составить ТЗ с ключевыми параметрами проекта

12 марта  

Что оценивать в инфографике

По степени важности в нисходящем порядке.
— Соответствие задаче
— Смыслы
— Корректность визуализации
— Уровень работы с данными
— Качество дизайна и иллюстраций
(UX. Адаптивность. Технологии) — это относится к веб-инфографике.

(Этот раздел позже будет иллюстрирован примерами)

12 марта  

Задачи, которые может решать инфографика

Инфографика может решить следующие задачи:
— Объяснить
— Помочь принять решение
— Убедить
— Представить результаты в наглядной форме
— Продать
— Повысить доверие к данным
— Информировать.

График помогает лучше донести ваше сообщение, осуществить коммуникацию. В рамках какой коммуникации будет существовать ваш график? Неслучайно информационный дизайн часто относят к более широкому коммуникационному дизайну.

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

Есть ряд задач, с которыми связана визуализация данных, который не предполагает убеждения, не предполагает того, что вы рассказываете историю. Это, например, информационные дэшборды —экраны, которые [в реальном времени] показывают ключевые показатели. Подобный подход к визуализации данных в значительной мере предполагает самостоятельное нахождение трендов, тенденций, значимых изменений и называется «поисковый» или «исследовательский» (exploratory).

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

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

12 марта  

Вторая глава. Понимать свою задачу и аудиторию

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

Графики никогда не существуют сами по себе. Они — всего лишь инструмент, который помогает вам решать вашу задачу. Чтобы понять, какая именно у вас задача, попробуйте задать себе следующий вопрос: зачем вы вообще делаете эту презентацию? Например, ответ может быть таким: «я делаю ее, потому что мне это поручило руководство и за это я получаю зарплату». На самом деле это всего лишь обстоятельства выполнения вашей работы, но какова задача? На что должна повлиять эта презентация? Что в результате должно измениться? Какой может быть эта задача? Например, информировать руководство о том, каковы последствия реорганизации компании, во сколько она обошлась, какие в процессе были проблемы и как компания работает сейчас. Или ваше руководство проводит тестирование нового продукта — ежеквартального аналитического дайджеста о состоянии рынка. Цель на данном этапе — создать минимальный жизнеспособный продукт, чтобы понять, насколько потенциальные клиенты в нем заинтересованы и если да, то что они хотели бы туда добавить. В этом случае презентация может и стать прототипом подобного продукта. Или, если этот продукт, уже выпущен, может дать ответ на вопрос, на сколько он востребован, что потенциальных заказчиков устраивает, а что нет.

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

Что еще будет влиять на вашу работу.

  • Аудитория. Насколько она заинтересована в этом проекте. Это ее жизненная необходимость, или им придется ознакомиться с ним по долгу службы. Насколько аудитория ориентируется в специфических терминах и процессах в вашей сфере работы. Если этот график для публикации в соответствующем тематическом научном издании на профессиональную аудиторию, вы можете позволить себе не объяснять какие-то аббревиатуры и очевидные для этой аудитории вещи. Но если вы переносите тот же график в научно-популярную статью, вы обязаны его переделать и адаптировать так, чтобы он стал понятен широкому читателю.
  • Формат и стиль. Есть ли у компании шаблон презентации, брендбук, фирменные цвета и шрифты. Если есть, достаточно странно «городить огород», изобретая свой шаблон. А то и того хуже, в какой-то момент кто-то со стороны заказчика вспомнит об этом, и придется все переделывать.
  • Условия существования и распространения. Будет ли это презентация, которая показывается только с экрана ноутбука или проектора, будет ли кто-то представлять данные во время встречи или презентация будет отправлена по почте, или и то, и другое. Планируется ли ее распечатывание и раздача на конференции или встрече.
  • Наличие и возможность получения данных и консультации с экспертом.
  • Сроки и бюджет.

Оптимальный вариант, это создать короткий, на 1-1,5 странички документ, где будет кратко описаны ответы на эти вопросы. Или например, оформить в виде диаграммы связей (mindmap).
Вот, например, один из майндмэпов, который мы делали для одного из интерактивных проектов:

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

. . .
. Чем больше ограничений есть в проекте, тем проще вам работать. .
. . .

Что должен адресат вашего графика в результате сделать? Какое решение должен принять? Что должен ясно понять?
Давайте вспомним о графике, который мы сделали в прошлой главе. Предположим, что мы работаем в компании, которая собирается выводить на рынок свой Пармезан, как в таком случае мог бы измениться тот же график?

А если бы компания продавала Голландский и Российский сыр, но интересовалась трендами на рынке, то график мог бы измениться и стать вот таким:

Или, например, так:

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

Эстетика для графика важна только в той мере, в какой она помогает решать ваши задачи. Нет «красивого» и «правильного» графика хорошего само по себе в отрыве от его задачи.

##

Я планирую закончить эту книгу к июлю-августу 2019 года, публикуя по главе или ее части в 1-2 недели. Обо всех обновлениях в книге вы можете узнавать в моем канале, посвященном визуализации данных — «Чартомойка» (если ссылка не открывается, попробуйте просто в поиске Телеграма набрать «Чартомойка»)

##

Оглавление

Этапы визуализации данных

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

Как в таком случае будет строиться работа над подобной визуализацией? Для того, чтобы передать сообщение, вам нужно будет сначала сформулировать его. Но перед этим понять, в рамках какой более глобальной задачи вы осуществляете эту работу, понять формат, в котором вы работаете. Например, вы работаете с данными для подготовки ежеквартального оперативного отчета руководству или у вас «молодая развивающаяся компания» и вы готовите презентацию для питч-сессии с инвесторами. В этих случаях вы будете стараться насытить презентации разными смыслами, так как вы преследуете разные цели. Именно это важно понять перед тем, как вы возьметесь формулировать ваше сообщение или несколько сообщений.

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

Именно эти этапы последовательно мы и будем подробно обсуждать в этой книге.

##

Я надеюсь закончить эту книгу к июлю-августу 2019 года публикуя по главе или ее части в 1-2 недели. Обо всех обновлениях в книге вы можете узнавать в моем канале, посвященном визуализации данных — «Чартомойка» (если ссылка не открывается, попробуйте просто в поиске Телеграма набрать «Чартомойка»)

##

Оглавление

24 февраля  

Исправление графика. Было/стало

Вот типичный график, который мы часто видим в презентациях:

С одной стороны, автор явно старался, слайд выглядит ярким и привлекает взгляд, применены стандартные шаблоны оформления диаграмм из Экселя и ПауэрПойнт.

Но давайте зададим несколько вопросов, чтобы понять, насколько нагляден этот слайд:

  1. Представлены ли на нем данные? Да, доля твердых сыров в каждом году графически закодирована секторами круговой диаграммы.
  2. Насколько точно визуализированы данные? Не очень точно. Круговая диаграмма сама по себе не является способом для точного отображения данных, так как человеческий глаз не очень хорошо считывает разницу между разными площадями и углами. В данном случае проблема усугубляется тем, что круговые диаграммы сделаны псевдотрехмерными и показаны в перспективе, что еще больше искажает форму секторов и кодируемые ими значения.
  3. Удобно ли сравнивать данные? Нет, не удобно, так как основное, что хотелось бы сравнить — разницу в долях разных сыров по годам. Это неудобно делать, потому что сектора круговой диаграммы не очень точно показывают данные, плюс нужно постоянно сверяться с легендой, чтобы понять, какой сектор какому сыру соответствует и потом проводить мыслительную операцию, пытаясь понять, выросла ли доля этого сыра или уменьшилась.
  4. Очевидны ли выводы? Нет. Что нам нужно понять, сейчас неясно.

Давайте начнем пошагово улучшать этот слайд.
Сначала уберем псевдотрехмерность, проверим, станет ли нагляднее.

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

Кажется, в этом что-то есть! Попробуем убрать все, что отвлекает от самих линий и подписей к ним.
Для начала уберем тень:

Поменяем фон на белый:

Уберем агрессивную контрастную сетку:

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

Сдвинем график в левую часть слайда и «причешем» подписи значений:

Нам по-прежнему неудобно сверять цвета с легендой, давайте передвинем их поближе к линиям:

Теперь попробуем приглушить цвета, чтобы мы больше обращали внимание на наклон линий (ведь именно он характеризует, выросла доля или уменьшилась), а не на цвет:

Уже почти то, что нужно! Сделаем заголовок более осмысленным:

Теперь «зарифмуем» это на самом графике, сделав более контрастными соответствующие линии:

Забыли важную информацию — источник данных:

Теперь заменим шрифт и расставим все по сетке:

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

Теперь попробуем ответить на те же самые вопросы, которые мы задавали вначале.

  1. Представлены ли на слайде данные. Да, данные представлены графически.
  2. Насколько точно визуализированы данные? Данные визуализированы точно.
  3. Удобно ли сравнивать данные? Да, стало гораздо удобнее. Этот тип графика называется slope chart — наклонный график. И по направлению и степени наклона линий мы мгновенно считываем, увеличилась ли доля или нет. Удобству и скорости сравнения также помогают подписи сыров возле самих линий, так что нам не нужно тратить время на то, чтобы сверять цвета с легендой.
  4. Очевидны ли выводы? Да, выводы очевидны. При этом слайд максимально чистый, на нем нет ничего лишнего и каждая деталь играет свою роль. Заголовок здесь помогает сразу считывать график в нужном ключе.

Итак, было и стало:

Весь процесс в виде гифки:

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

##

Я надеюсь закончить эту книгу к июлю-августу 2019 года, публикуя по главе или ее части в 1-2 недели. Обо всех обновлениях в книге вы можете узнавать в моем канале, посвященном визуализации данных — «Чартомойка» (если ссылка не открывается, попробуйте просто в поиске Телеграма набрать «Чартомойка»)

##

Оглавление

24 февраля  

Введение

Многие думают, что умеют делать графики в Excel и презентации в PowerPoint. На самом деле 95% производимых ежедневно тысячами во всем мире графиков ужасны. И непонятно, кто в этом виноват. Ведь люди учатся на том, что видят вокруг. Но вокруг неудачные, слабые, перегруженные графики, непонятные, не доносящие никакой конкретной мысли. И сделаны они в популярных офисных программах. Их видят все вокруг и считают «крутыми». И теперь другие люди тоже хотят делать именно так. И производитель софта идет навстречу и встраивает подобные шаблоны в свои программы. А большинство людей (и это нормально) пользуются тем, что предлагается по умолчанию. Круг замыкается. На самом деле авторов этих графиков не в чем упрекнуть. Ведь они хотят сделать «лучше», «красивее», «ярче».

В докомпьютерную эпоху над каждым графиком, перед тем как его нарисовать, нужно было подумать. Нужно было прежде всего решить, нужен он или нет, чтобы затрачивать на него столько усилий. А если нужен, то как сделать его оптимальным образом, максимально наглядно. Сейчас большинство, как говорилось выше, пользуется стандартными настройками программ типа Экселя, а график создается буквально за долю секунды. Но насколько этот график и слайд на его основе хороши?

Главное — не просто сделать график, даже корректный, а убедительно и наглядно донести вашей аудитории то, что вы нашли в данных. То сообщение, ту ключевую мысль или даже историю, которая в них есть. Программа, которая строит график, не знает и не может знать эту историю. Но ее можете и должны знать вы.

Однажды я читал статью про биткойн-фермы. Авторы объясняли, что биткойн не так уж безопасен, как принято думать. Оказывается, биткойн-фермы (места, где производится биткойн) объединяются в пулы, и больше 50% всего производимого биткойна на совести всего 4 пулов, которые к тому же находятся в одной стране — Китае. И стоит получить контроль всего над 4 пулами, и можно вносить фальшивые платежные операции. Эту мысль в статье иллюстрировал чудовищный график.

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

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

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

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

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

##

Я надеюсь закончить эту книгу в течение полугода, публикуя по главе или ее части в 1-2 недели. Обо всех обновлениях в книге вы можете узнавать в моем канале, посвященном визуализации данных — «Чартомойка» (если ссылка не открывается, попробуйте просто в поиске Телеграма набрать «Чартомойка»)

##

Оглавление

21 февраля   введение