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

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

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

QТurn.

НАПРАВЛЕНИЯ ПРЕОБРАЗОВАНИЙ.

• Добиться роста в каждом отдельно взятом регионе и по всей стране.

• Достичь высшей результативности и эффективности работы.

• Укрепить финансовую систему.

• Добиться лояльности клиентов.

• Привлекать и развивать самых талантливых сотрудников.

• Способствовать развитию Qсоmраnу.

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

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

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

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

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

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

QТurn.

НАПРАВЛЕНИЯ ПРЕОБРАЗОВАНИЙ.

• Добиться роста в каждом отдельно взятом регионе и по всей стране.

• Достичь высшей результативности и эффективности работы.

• Укрепить финансовую систему.

• Добиться лояльности клиентов.

• Привлекать и развивать самых талантливых сотрудников.

• Способствовать развитию Qсоmраnу.

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

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

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

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

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

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

Разместив компоненты в столбцах, принимаемых за 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.