Данные: визуализируй, расскажи, используй. Сторителлинг в аналитике - Коул Нассбаумер Нафлик

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

С точки зрения достижения поставленной цели проекты организованы по оси Y снизу вверх по шкале «Не выполнена», «Выполнена», «Перевыполнена». Поскольку столбцы в категории «Не выполнена» выровнены по одной базовой линии (оси Х), проследить их динамику во времени относительно просто. Так же легко увидеть динамику по столбцам «Перевыполнена», поскольку они условно выровнены по верхней границе гистограммы. Сравнить число проектов с достигнутой целью сложнее: они не выровнены по одной базовой линии снизу или сверху; однако, поскольку данное сравнение для нас не приоритетное, с этим можно смириться.

Текстовые пояснения обеспечивают доступность. Есть название гистограммы, название оси Y, а по оси Х использованы суперкатегории (годы), чтобы избавиться от лишних подписей и данные было легче прочесть. Текст вверху справа указывает, на что следует обратить внимание (мы подробнее поговорим о словах в контексте сторителлинга в главе 7). В сноске дана информация о совокупном числе проектов за все время. Это полезная информация, которая не отражена на гистограмме, где визуально показано только процентное соотношение.

Пример 4: гистограмма с накоплением с положительной и отрицательной шкалами значений

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

Рис. 6.4 Гистограмма с накоплением с положительной и отрицательной шкалами значений

При изучении этой гистограммы я в первую очередь замечаю ее название. Затем взгляд перемещается на значения, выделенные черным цветом и крупным шрифтом, и достигает подписи «Нереализованная потребность (нехватка)». После этого он движется вниз по вертикали, я читаю подписи к категориям и сразу смотрю на данные слева, а потом перехожу к категории «Увольнения». К этому моменту взгляд перемещается между категориями в столбцах «Нереализованная потребность (нехватка)» и «Увольнения». Я вижу, что со временем общее число директоров увеличилось (вероятно, потому что в результате роста компании усилилась потребность в руководителях высшего звена). При этом значительная доля нереализованной потребности объясняется уходом из компании действующих директоров.

Цветовые решения на этой диаграмме очень важны. Число действующих директоров показано стандартным синим цветом. Число директоров, покинувших компанию («Увольнения»), показано тем же цветом, но менее интенсивным оттенком; это визуально объединяет категории. Можно видеть, как со временем пропорционально снижается число директоров, оставшихся в компании (синий выше оси Х), и растет число покинувших ее (светло-синий ниже оси Х). Отрицательные значения в категории «Увольнения» усиливают тот факт, что эта категория представляет уменьшение пула руководителей. Число директоров, которые пришли в компанию или получили повышение, показано зеленым (что имеет положительную коннотацию). Область, отражающая нереализованную потребность, в столбцах оставлена без заливки цветом, что должно усилить ощущение «нехватки» и пустоты. Текстовые подписи справа того же цвета, что и категории данных, которые они описывают, за исключением «Нереализованная потребность (нехватка)», которая выделена черным и крупным шрифтом, как и численные значения в этой категории данных.

Последовательность рядов данных в столбцах с накоплением выбрана целенаправленно. Категория «Действующие директора» – основа, и она идет первой по горизонтальной оси. Как уже было сказано ранее, категория «Увольнения» представлена отрицательными значениями. Над категорией «Действующие директора» идут еще две: продвижение и набор. Наконец, в самом верху столбцов, куда взгляд перемещается быстрее, чем зритель успевает изучить предыдущие данные, расположена категория «Нереализованная потребность (нехватка)».

Значения по оси Y сохранены, чтобы показать масштаб динамики (как положительной, так и отрицательной), но вынесены на задний план за счет использования серого цвета. Цифры указаны только для тех данных, которые должны привлечь внимание аудитории.

Все текстовые элементы гистограммы одного размера, за исключением тех, которые намеренно выделены или, наоборот, должны не привлекать внимания. Размер шрифта в названии гистограммы увеличен. Размер шрифта в названии оси Y «Число директоров» тоже крупнее основного, чтобы было легче читать текст, расположенный вертикально. Название категории «Нереализованная потребность (нехватка)» и численные значения данных в ней выделяются на фоне остальных элементов, поскольку именно на них аудитория должна обратить внимание в первую очередь. Размер шрифта сноски меньше основного, чтобы при необходимости пользователь мог получить дополнительную информацию, но чтобы она не конкурировала за внимание. Сделав сноску серым цветом и поместив ее внизу гистограммы, мы показали, что это не главный элемент.

Пример 5: линейчатая диаграмма с накоплением

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

Рис. 6.5 Линейчатая диаграмма с накоплением

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

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

Нужно было принять решение, сохранить ли вертикальную ось, указывать ли все значения (или некоторые из них) рядом с точками данных или применить оба варианта. В данном случае числа внутри столбцов сохранены, однако, чтобы не привлекать к ним внимание, использован шрифт меньшего размера. Значения выровнены по левому краю, формируя четкую вертикальную линию по значениям «Самое важное», которую легко проследить взглядом. Так диаграмма выглядит более упорядоченной, чем с выравниванием по правому