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

Временное сравнение.

Гистограммы.

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

Когда вы хотите сделать акцент на каком-либо определенном аспекте, используйте особые графические решения – стрелки, линии, штриховку или цвет, как показано на диаграммах 29, 30, 31. На диаграмме 29 стрелка выполняет двойную функцию: фокусирует внимание на 2000 г. и отмечает снижение уровня продаж.

№ 29.

На диаграмме 30 стрелка отмечает рост в период с 1995 по 2001 гг.

№ 30.

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

№ 31.

Диаграмма 32 демонстрирует сочетание двух графических решений – стрелки и более темных верхушек колонок, – которые показывают величину изменений от года к году и отделяют периоды роста от периода спада.

№ 32.

На диаграмме 33 использованы различные методы, позволяющие отделить положительные показатели от отрицательных: 1) отдельные колонки, отмечающие дефицит или неблагоприятные условия, помещаются ниже оси абсцисс; 2) используются различные оттенки заливки; 3) подписи колонок расположены в шахматном порядке.

№ 33.

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

№ 34.

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

№ 35.

На диаграмме 36 расположены гистограммы для трех показателей, различающихся единицами измерений (количество магазинов и доллары; выручка в сотнях млн. долл. США и прибыль в десятках млн. долл. США). Чтобы сравнивать, нужно перевести абсолютные значения в проценты (или коэффициенты) от базовых значений (в данном случае – значения 2006 г. разделить на значения 2001 г.) и нанести значения 2001 г. на одинаковой высоте. Другими словами, мы предполагаем, что в 2001 г. количество магазинов равнялось выручке и прибыли. Затем наносим на чертеж показатели 2006 г. в соответствии с их процентным возрастанием. В итоге получится «визуальная» коэффициентная диаграмма, позволяющая показать абсолютные значения, тогда как на самом слайде изображаются процентные изменения в пропорции друг к другу.

№ 36.

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

№ 37.

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

№ 38.

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

№ 39.

Диаграмма 40 – это нормированная на 100 % гистограмма с накоплением. Хотя мы более привычны к чтению страницы сверху вниз, сравниваемые элементы на гистограмме расположены снизу вверх, как на диаграмме с областями с накоплением. По этой причине наиболее важный компонент обычно располагается непосредственно над основанием. Используйте различные оттенки заливки, чтобы дифференцировать компоненты внутри колонок и нагляднее продемонстрировать модель изменения каждого компонента во всей диаграмме.

№ 40.

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

№ 41.

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

№ 42.

График.

Диаграмма 43 – это простой график, который показывает изменения на протяжении длительного времени. Здесь использовано два графических решения: 1) линии: сплошная – для фактических значений, пунктирная – для прогноза и 2) стрелки как дополнительное указание на направление и объемы изменений.

№ 43.

Диаграммы 44–53 – это примеры совмещенных или составных графиков.

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

№ 44.

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

№ 45.

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

№ 46.

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

№ 47.

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

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

№ 48.

Диаграмма 49 – это диаграмма с индексной шкалой, на которой отражены данные, переведенные в проценты от базовой величины. В отличие от диаграммы с логарифмической шкалой, котораяпоказы-вает относительные изменения между любыми двумя временными точками, данный вид диаграммы показывает относительное изменение только в сравнении с базовой величиной применительно к каждому отдельному периоду времени. Преимущество индексной диаграммы по сравнению с содержащими линейные шкалы заключается в том, что она может использоваться для сравнения двух или более групп данных, измеряемых в различных единицах или разных по величине. Этот вид сравнения станет понятнее, если изменения представить как простую процентную разницу. Например: «Рост продаж с 1991 г. в процентах» и «Индекс продаж: 1991 г. = 100» аналогичны, за исключением того, что в первом случае шкала поделена на 0, 25, 50 %, а не на 100, 125, 150.

№ 49.

Вместо коэффициентов на диаграмме 50 использована шкала, показывающая процентные изменения в 1996–2001 гг. Чтобы сравнение трех показателей (доход, активы и продажи) имело смысл, шкалы для них должны быть одинаковыми. В подобном случае можно начертить два графика – один для компании А, другой для компании Б – и указать процентные изменения доходов, активов и продаж каждой компании на отдельных координатных сетках.

№ 50.

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

№ 51.

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

№ 52.

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

№ 53.

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

№ 54.

Диаграмма 55 демонстрирует вклад трех компонентов в объем продаж в течение определенного периода, но с основным акцентом на общий объем. Только нижний уровень имеет фиксированное основание, что дает возможность определить его точный объем. Остальные же уровни не имеют фиксированного основания, и их объем может быть определен только приблизительно. Чтобы сделать возможным непосредственное чтение подобного графика, используйте подход, проиллюстрированный диаграммой 39. Если вам необходимо отобразить резкие колебания, примените гистограмму с накоплением (см. диаграмму 38) или подход, использованный в примере 39.

№ 55.

Диаграмма 56 показывает динамику относительного вклада компонентов. Основной компонент (в данном случае это доля модели Х) здесь помещается между долями двух конкурирующих моделей для усиления основной идеи диаграммы. Как и все диаграммы, иллюстрирующие взаимосвязи, данный график может ввести аудиторию в заблуждение, если процентные показатели базируются на абсолютных величинах, которые не совсем стабильны. Например, если 100 % отражают резко увеличивающееся целое, то снижающиеся процентные показатели могут на деле отражатьвозрастающие абсолютные объемы. В подобных случаях особенно полезно будет изобразить абсолютные величины на дополнительной диаграмме или в таблице.

№ 56.

Комбинированные диаграммы.

Диаграммы 57–63 представляют собой сочетания гистограмм и графиков, дающие дополнительные возможности для отражения изменений во времени.

На диаграмме 57 можно было бы использовать совмещенные колонки (одна колонка для производственных мощностей, а другая – для заказов), но, поскольку объем мощностей не меняется, мы применяем гистограмму с общей областью на заднем плане. Если же нужно подчеркнуть в первую очередь разницу между возможностями и спросом, а не их уровень, как в нашем примере, можно использовать диаграмму отклонений (см. диаграмму 33), где объем мощностей будет изображен в виде линии основания, а загрузка имеющихся мощностей обозначена столбцами.

№ 57.

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

№ 58.

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

№ 59.

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

№ 60.

Диаграмма 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.

6.

7.

8.

9.

Решения в поисках проблем.

Визуальные концепции.

Движение по горизонтали.

Движение по вертикали.

Движение по кругу.

Взаимодействие.

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

Изменение курса.

Рычаг/баланс.

Проникновение/барьеры.

Фильтры/экраны.

Взаимосвязи.

Процессы.

Сегментация.

Визуальные метафоры.

Игры.

Спорт.

Мозаика, лабиринты.

Оптические иллюзии.

Ступеньки и лестницы.

Веревки и все такое.

Знаки препинания.

Слова, слова.

Капли и брызги.

Офисные принадлежности.

Отъезды и приезды.

Далеко-далеко.

Прочие.

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

Ян Уайт – консультант по коммуникативному дизайну, читает лекции по всему миру. Архитектор по образованию, 13 лет проработал арт-дирек-тором в компании Тimе Inс., после этого в 1964 г. открыл собственную студию издательского дизайна. Автор нескольких книг по визуальным технологиям в издательском бизнесе. Среди них – «Еditing Ву Dеsign», «Grарhiс Idеа Nоtеbоок», «Grарhiс Dеsign fоr thе Еlесtrоniс Аgе», «Соlоr fоr thе Еlесtrоniс Аgе» и «Соlоr fоr Imрасt».

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

Дэн Невинс – свободный карикатурист, ранее работавший штатным художником в Американской ассоциации менеджмента, а впоследствии арт-директором рекламного отдела газеты Nеw Yоrк Dаilу Nеws.

Питер Уайшар уже 14 лет работает в сфере дизайна, анимации и компьютерной графики. В настоящий момент преподает компьютерную анимацию на факультете телевидения и кинематографии Нью-Йоркского университета. Автор книг «Digitаl Sрасе: Dеsigning Virtuаl Еnvirоnmеnts» (издательство МсGrаw-Нill, 1998) и «3D Рrо Vidео Sеriеs» (издательство ЕduРrо, 2000).

Часть 4. Мастер-класс.

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

Он состоит из трех частей:

1. Ряд диаграмм для бизнеса, использовавшихся в реальных ситуациях.

2. Задание улучшить их.

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

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

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

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

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

Эти решения вовсе не являются полными и окончательными. Я назвал их так:

• Лучше упростить.

• Лучше показать больше.

• Лучше сделать по-другому.

• Лучше проявить изобретательность.

Лучше упростить.

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

Чтобы прийти к решению «Лучше упростить», тщательно обдумайте, что именно вам нужно сообщить на диаграмме, и отбросьте все, что отвлекает от этого сообщения.

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

Вот вопросы, которые вы могли бы себе задать:

• Нужно ли подтверждать одно и то же сообщение двумя критериями стоимости: в центах за фунт и в центах за кубический дюйм?

Нет. Хватит и центов за фунт.

• Обязательно ли показывать числовые данные в конце каждой линейки?

Нет. Достаточно показать соотношения с помощью шкалы.

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

Лучше показать больше.

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

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

Пример на соседней странице иллюстрирует это утверждение.

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

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

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

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

Лучше сделать по-другому.

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

Например, верхняя диаграмма на странице справа, несомненно, проста, но мне трудно понять ее сообщение. А вы можете разобраться, не читая данные над столбцами, растут или падают показатели стран? Кроме того, есть ли какая-то логика в последовательности их перечисления?

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

Лучше проявить изобретательность.

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

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

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

А теперь ВАША ОЧЕРЕДЬ поиграть с диаграммами.

Лучше сделать по-другому.

О приведенной таблице можно сказать, что ее данные в таком виде просто нечитаемы. Ее нужно трансформировать во что-то более компактное. Как же это сделать?

Первое, что приходит на ум, – удалить столбцы без данных (где одни прочерки); но, поверьте, это не очень поможет. Иногда предлагают сделать из таблицы диаграмму. Однако диаграммы занимают больше места, чем табличные данные, и такое решение тоже не подходит. Можно еще расположить таблицу в два этажа или даже поместить ее на нескольких страницах-слайдах.

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

РЕШЕНИЕ ДЖИНА.

Лучше упростить и сделать по-другому.

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

В данном случае сообщение таково: «ЗаводТuскаhоеуспешно поддерживает низкий уровень переменных издержек по трем из четырех видов продукции. Этот завод является вторым по низкозатратности производстваНFСS-42 иНFСS-55, хотя по объему их производства он стоит на четвертом месте. Но в производстве кукурузного сиропа заводТuскаhоезанимает седьмое место по издержкам, и они значительно больше, чем у завода с самым низким показателем; это указывает на необходимость искать возможности снижения издержек».

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

В этом случае важно показать суть сообщения, а не сбить с толку. Главные элементы сообщения таковы: показатель затрат на каждый продукт и место завода Тuскаhое по сравнению с остальными. Мы используем диапазонную линейчатую диаграмму, чтобы показать разницу в общих переменных издержках между заводами, у которых в производстве этих четырех продуктов данный показатель лучше и хуже всего. Здесь диапазоны имеют одинаковую длину, что создает диаграмму с указателем; то есть разрыв составляет 100 вне зависимости от разницы в издержках. Мы показываем место Тuскаhое относительно заводов с лучшим и худшим показателем, а остальные опускаем. В итоге нужное сообщение передается с помощью одной четкой и удобочитаемой диаграммы. Если же вы считаете, что нужно дать подробные данные, включите первоначальную диаграмму в раздаточный материал, который должен остаться у слушателей.

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше проявить изобретательность.

Я не сразу пришел к этому решению, но оно стоило затраченных усилий.

Его мне подсказала буква Q – в названии компании внизу списка и в похожем на логотип символе в заголовке.

Мне стало ясно, что эта буква должна преобладать на слайде. Я разместил маркеры списка таким образом, чтобы они образовали букву Q, причем одно из наиболее важных направлений оказалось в центре диаграммы, а другое – внизу, в «хвостике» Q, подчеркивая развертывание идеи во времени.

Меня часто спрашивают, как появляются такие мысли. Изобретательность, как и все остальное, нужно тренировать. Практика, практика и еще раз практика!

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

Эта так называемая водопадная диаграмма выглядит еще более перегруженной, чем предыдущая.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше проявить изобретательность.

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

И все же именно слово «отличия» в заголовке наводит на мысль, что это решение – результат совместного воздействия ряда факторов, и поэтому я трансформировал диаграмму.

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

Не поддавайтесь соблазну подсмотреть!

Помните: ваше решение может оказаться ЛУЧШЕ моего!

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

В данном случае я не почувствовал значительности изменений.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше показать больше.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше упростить.

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

Кроме того, мне кажется, что повторение подписей к трем критериям излишне, а главное – занимает много ценного места.

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

Однако при более тщательном рассмотрении я понял, что это не временное сравнение, а позиционное: сопоставляются показатели по нескольким продавцам. Заметьте, насколько точнее здесь создает нужное впечатление линейчатая диаграмма.

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать по-другому.

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

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше сделать подругому.

Я очень стараюсь составлять диаграммы так, чтобы для чтения подписей к столбцам не приходилось наклонять голову, как в этом примере.

И я стремлюсь не заставлять читателя все время переводить взгляд с диаграммы на легенду в поисках расшифровки элементов.

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше проявить изобретательность.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Лучше (гораздо!) сделать по-другому.

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

1. Составить несколько диаграмм, по одной для каждого компонента, отражающих изменение показателей со временем. Этот вариант показан на соседней странице вверху. Рост будет гораздо очевиднее, потому что все измеряется по сравнению с общей базой. (Я не включил сюда показатели среднегодового темпа роста, но мог бы показать их справа от второго столбца.).

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

РЕШЕНИЕ ДЖИНА № 1.

РЕШЕНИЕ ДЖИНА № 2.

Ваше решение?

Лучше показать больше и сделать по-другому.

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

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

РЕШЕНИЕ ДЖИНА.

Ваше решение?

Когда лучше проявить изобретательность.

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

Вот примеры найденных мной вариантов.

Поздравляю!!! Вам выдается сертификат об успешном окончании нашего мастер-класса.

Примечания.

1.

Уже одно наличие такой позиции показывает отношение МсКinsеу к работе над графическим представлением данных клиентам.

2.

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

3.

Бонус от издателей: готовые изображения в электронном виде вы найдете на mаnn-ivаnоv-fеrbеr.ru/Воок026.htm. Логин – rеаdеr, пароль – сhаrts.