Говори на языке диаграмм: пособие по визуальным коммуникациям

Диаграмма 61 похожа на диаграммы 59 и 60, но в данном случае график представляет разность между прибылью и убытками, а не общую тенденцию.

№ 61

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

№ 62

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

№ 63

Диаграмма 64 объединяет круговые диаграммы и график. Круги показывают структуру целого в каждый момент времени, а график – изменения целого. Рисунок должен быть как можно проще – не больше трех компонентов на круг, не больше одной линии, не больше шести периодов времени.

№ 64

Частотное сравнение

Показывает, сколько объектов попадает в ряд последовательных интервалов

Диаграмма 65 показывает частотное распределение в виде гистограммы. Обратите внимание на то, что интервалы на горизонтальной шкале равные и дискретные.

№ 65

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

№ 66

Диаграмма 67 сочетает ступенчатую гистограмму и ступенчатый график, что позволяет сравнить два распределения на одной диаграмме.

№ 67

В диаграмме 68 объединяются гистограмма (данные по компании) и ступенчатая гистограмма (данные по отрасли). Подобный подход особенно удобен для сравнения одной позиции с общей картиной. В приведенном примере некоторые из накладывающихся колонок больше, чем колонки на заднем плане, однако это не создает путаницы (см. комментарии к диаграммам 19 и 37).

№ 68

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

№ 69

Корреляционное сравнение

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

Диаграмма 70 представляет собой точечную (рассеянную) диаграмму которая помогает выявить модель взаимосвязи двух переменных. В данном примере ожидается, что чем больше скидка, тем больше будет продано продукции. Стрелка показывает, как будет выглядеть ожидаемая модель, и подчеркивает, что ожидаемая и реальная модель отличаются друг от друга. Несмотря на то что точки обозначают конкретные сделки, они не указывают на какого-то определенного продавца, так как маркировка точек привела бы к загромождению диаграммы. Возможность указания конкретных продавцов представлена на следующей диаграмме.

№ 70

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

№ 71

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

№ 72

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

№ 73

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

№ 74

На диаграмме 75 показано корреляционное сравнение с использованием логарифмической шкалы. Два объекта в этом примере – это разброс по отрасли (возможно, плюс-минус 5 % от среднего уровня) и размер компенсационного пакета президента данной компании, соответствующий объему продаж компании (обозначен звездочкой, эквивалентом точки). Если бы мы использовали линейную шкалу, то разброс по отрасли при движении вдоль линии основания становился бы все больше, а линия, отражающая средний уровень, изгибалась бы вверх, затрудняя восприятие взаимосвязей. Такое устройство шкалы, как здесь, повышает наглядность сравнения, «выпрямляя» показатели отрасли и визуально поддерживая диапазон на постоянном уровне.

№ 75

Диаграмма 76 похожа на 75, но, в отличие от нее, разброс здесь определяется тремя показателями: максимумом, средним значением и минимумом заработной платы по каждой группе. Точки обозначают реально существующиезаработ-ные платы работников каждого уровня. Причина необходимости изменения структуры в том, что большинство работников имеют заработную плату выше среднего показателя в группе, а у некоторых она превышает и максимальное значение.

№ 76

Диаграмма 77 представляет собой диаграмму безубыточности, которая объединяет диаграмму с областями с накоплением, отражающую издержки (постоянные и переменные), и график объема продаж. Хотя в данном разделе эта диаграмма кажется неуместной, она используется, чтобы показать корреляцию между возрастающим объемом продаж и увеличивающимися издержками. Столбец, расположенный справа, добавлен для отражения компонентов издержек для какого-то определенного объема продаж.

№ 77

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

№ 78

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

№ 79

Диаграмма 80. Ой! Пора заканчивать, пока не поздно.

№ 80

Часть 3

Концепции и метафоры в презентации

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

Осознавая, что в данной области есть пробелы, я вместе с несколькими талантливыми дизайнерами создал представленный в этой части набор изображений для использования в докладах, презентациях и статьях.[3] Их можно поделить на две большие категории: «визуальные концепции», состоящие из абстрактных геометрических форм (например, стрелок, кругов, треугольников) и «визуальные метафоры» – лестницы, лабиринты, головоломки и т. д. Здесь вы найдете также рекомендации по работе с ними.

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

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

Структурная схема

Движущие силы

Взаимосвязи

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

ФАЗЫ ПРОЕКТА

1. Планирование проекта

2. Запуск проекта

3. Разработка решения

4. Представление рекомендаций

5. Исполнение