Читать «Графики, которые убеждают всех» онлайн - страница 39

Александр Андреевич Богачев

Здесь мы видим уже две фигуры, два отдельных прямоугольника. Эти прямоугольники одинаковые:

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

Предвнимательные атрибуты

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

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

Это и есть предвнимательные атрибуты – визуальные признаки или свойства объектов, на которые мозг реагирует особенно быстро. Это прежде всего цвет, контраст, размер, форма.

Это относится к любому элементу на вашем макете, в том числе к тексту:

Одна из надписей в каждой группе явно выделяется! В первой группе использован другой шрифт, во второй – другое начертание в рамках одного шрифта. Вопрос в том, запланированное ли это выделение?

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

Более важные объекты, которые человек должен увидеть первыми, делаются крупнее и контрастнее: например, заголовок. Менее важные делаются менее контрастными и более мелкими.

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

Акценты

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

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

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

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

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

• Цвет

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

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

• Обводка

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