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

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

Давайте сравним два графика:

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

Во втором случае цвет – более важный атрибут, чем размер. Поэтому мы сразу обратим внимание на рэп-музыкантов. Вообще, нет более сильного способа акцентировать, чем через цвет.

Какие способы акцентирования уместны?

• Цвет

• Прозрачность, насыщенность

• Жирность/толщина

• Обводка

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

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

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

Акцентов не может быть много. Иначе они начинают спорить друг с другом.

Приведу пример. Если на линейном графике вас интересует только одна страна или несколько, они могут быть выделены наиболее насыщенным оттенком цвета, остальные – с меньшей насыщенностью.

Акцент предполагает, что есть фон, которому акцент контрастен. Именно сочетание фона и акцента делает историю убедительной.

На одних и тех же данных с помощью акцентирования можно рассказать разные истории. Иногда разные истории можно рассказать даже на одном графике. Как в графике про сыр из первой главы.

Стандартные настройки Excel

В самих по себе стандартных настройках Excel нет ничего плохого. Особенно в тех, где присутствует белый фон, нет контрастной сетки и других излишеств.

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

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

Почти все остальные шаблонные стили диаграмм из Excel лучше не использовать. Они перенасыщены «спецэффектами» и не делают график нагляднее. Скорее наоборот – создают слишком много фокусов внимания без учета вашего сообщения.

Если выделено все – не выделено ничего. Контраст, как говорилось выше, работает только на однотонном фоне.

Цвет. Основы

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

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

Сейчас категории «удовлетворен» и «совсем не удовлетворен» выглядят как принадлежащие к одной группе: они сделаны в оттенках оранжевого. А «частично удовлетворен» и «не удовлетворен» выглядят как принадлежащие к другой группе: они сделаны в оттенках синего. Это очевидно неудачное решение. Оно затрудняет считывание графика, ведь глаз группирует холодные и теплые оттенки.

Давайте поменяем цвета. Кольцевая диаграмма затрудняет восприятие, но нам все равно сразу понятно: тех, кто не удовлетворен – больше.

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

Какие функции выполняет цвет в вашей работе:

• Помогает лучше понимать ваши данные, улучшает их считывание и различение.

• Кодирует числовые значения.

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

• Цвет также дает возможность создавать атмосферу, нести эмоции. Однако в визуализации данных эти возможности цвета нужно обдумывать в самую последнюю очередь.

Характеристики цвета

У цвета есть три характеристики – тон, насыщенность, яркость:

Тон – это собственно цвет: красный, зеленый, синий и другие цвета.

Насыщенность – это то, сколько чистого цвета в образце. Например, насыщенность красного цвета может варьироваться от бледно-розового до ярко-красного.