Графики. Диаграммы. Инфографика _ Тамара Кулинкович _...

МОДУЛЬ 7«Оформление и защита результатов исследования»

Тема: Графики. Диаграммы. Инфографика.

www.businessresearch.byhttps://www.facebook.com/hrpr.by

Школа бизнес-исследований

НАЧНЕМ С ЗАДАЧИ

► Структура продаж компаний А и Б различна.

Какая диаграмма подойдет?

► Структура продаж компаний А и Б различна.

► Региональная структура продаж компаний А и Б неоднородна

Какая диаграмма подойдет?

► Региональная структура продаж компаний А и Б неоднородна

► Наибольших успехов компания А добилась на юге, а компания Б - на севере, Наименьших успехов компания А добилась на севере, а компания Б - на юге.

Какая диаграмма подойдет?

► Наибольших успехов компания А добилась на юге, а компания Б - на севере, Наименьших успехов компания А добилась на севере, а компания Б - на юге.

► Наибольшая доля продаж компании А - на юге, где у компании Б этот показатель является наименьшим.

Какая диаграмма подойдет?

► Наибольшая доля продаж компании А - на юге, где у компании Б этот показатель является наименьшим.

► На юге компания А значительно опережает компанию Б; на востоке и западе компании активно конкурируют друг с другом; на севере компания А отстает от компании Б.

Какая диаграмма подойдет?

► На юге компания А значительно опережает компанию Б; на востоке и западе компании активно конкурируют друг с другом; на севере компания А отстает от компании Б.

Инфографика• Джин Желязны является директором

по визуальным коммуникациям McKinsey & Company. Работает в компании с 1961 г.

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

Выбор типа диаграммы

• Идея• Определение типа сравнения данных• Выбор диаграммы

Типы сравнения данных

Рисунок заменяет тысячи слов, а не требует тысячи пояснений

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

• Учебное видео Royksopp_Remind_me.flv

Когда следует отказатьсяот диаграмм

1. Если речь идет о прогнозных данных (диаграммы ассоциируются с изображением точных значений)

2. Если в данной сфере данные принято отображать в таблицах (например, информация о доходах и убытках)

3. Если данные уже представлены в таблице (дублирование данных в таблице и диаграмме запрещается)

4. Если идея достаточно проста и не нуждается в визуализации

Ошибка в вычислениях, или визуализации?

Джекобс предложил формулу для быстрого и оперативного определения численности толпы. Нужно сложить цифры, определяющие длину и ширину площади, занимаемой толпой, и умножить сумму на коэффициент плотности, который составляет 10 для плотных толп и 7 для менее плотных. Он утверждает, что эта формула, проверенная эмпирически, дает оценку с точностью до 20%. Конечно, на оценку влияют форма толпы и пространственные условия ее распределения. Положение еще больше осложняется, когда быстро меняется состав толпы и она находится в движении. Тем не менее для относительно простых случаев формула Джекобса является удобным инструментом.

3 закона инфографикиот Эдварда Тафти

1. Соотношение информации и чернил2. Фактор лжи3. Соотношение информации и

затраченного места

Соотношение информациии чернил

Важнейшиекачестватовара

Соответствуетпотребностям

Гибкая система скидокНизкие цены

Доставляетсяв срок

НЕ ДЕЛАЙТЕ ТАК

Фактор лжи

Самые распространенные способы лжи в диаграммах:

• Сместить шкалу (чтобы начиналась не с «0», а, например, с «-5»), и даже минимальный рост будет значительным.

• Исказить визуальный размер объектов. • Добавить элементы, искажающие

восприятие размеров.

Что не так?

Что не так?

Пример лжи на графике

Политическая инфографика. Ошибки?

Ежегодная речь Б. Обамы «2011 State of the Union»

Обратная проблемаПоказано в речи Б. Обамы Пересчет пользователями

Интернет

Источник: http://blog.fastfedora.com

Насыщенная и ненасыщенная инфографика

Общие требования к диаграммам

• Не используйте 3d и тени• Не используйте штриховку

(вибрирующие графики – Э. Тафти)

• Пример: статья из «Секрета фирмы»

Покомпонентное сравнение"доля", "проценты от целого", "составило X %"

• Круговая (секторная) диаграмма – компонентное сравнение долей одного целого

• Круговые диаграммы не следует использовать для иллюстрации сложных взаимосвязей множества сегментов

Расположение секторов• Самый большой

сектор – справа от 12 часов.

• Остальные значения – по убыванию против часовой стрелки.

Расположение секторов

Из этого правила есть два исключения.

Примерно равные по размеру размещаются по очереди

Что не так?

Что не так?

Неверно

Не стоит показывать на круговой диаграмме больше пяти значений

Объедините их в «Другое»

или

Используйте линейчатую диаграмму.

Неверно

Надписи

Объемные диаграммы

Объём - это дополнительное измерение графика. Его следует использовать только тогда, когда он решает соответствующие задачи.

Неверная оценка размеров

Неверно

Источник: Школа английского, http://google.speak-up.kiev.ua/method.php

Что не так?

Что не так?

Варианты

Верная оценка размеров

Неверно

УСЛОВИЯ ПРОДАЖИ СТРОИТЕЛЬНЫХ МАТЕРИАЛОВ, ОПРЕДЕЛЯЮЩИЕ

ВЫБОР ПОСТАВЩИКА

НЕ ДЕЛАЙТЕ ТАК

УСЛОВИЯ ПРОДАЖИ СТРОИТЕЛЬНЫХ МАТЕРИАЛОВ, ОПРЕДЕЛЯЮЩИЕ ВЫБОР

ПОСТАВЩИКА

Что не так?

Совет Д. Желязны• Если необходимо сравнить компоненты нескольких

целых, не сомневайтесь ни минуты - используйте линейчатую диаграмму или гистограмму, нормированную на 100 %.

(с) Fabio Rex

(с) Fabio Rex

Позиционное сравнение"больше чем", "меньше чем", "равно"

• Столбиковая диаграмма — это график с одной осью для изображения качественных или порядковых показателей (величин или частот).

• Данные представляются в виде параллельных прямоугольников (столбиков) одинаковой ширины.

• Каждый столбик показывает один класс качественных данных (например, прибыль одной компании).

Горизонтальные (линейчатые) диаграммы

• Высота (длина) столбика пропорциональна величине или частоте измеряемого параметра 

• Столбики располагаются в иерархическом порядке (по убыванию или возрастанию)

• Исключение: алфавитный порядок допустим, если он облегчает восприятие большого количества данных

• При хронологическом размещении полосок гистограммы рекомендуется обратный порядок: от настоящего к прошлому.

• Расстояние между полосами должно быть одинаковым и меньше ширины полосы.

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

Советы

• Не наносите линии сетки.

• Обозначайте показатели на полосках диаграммы.

• Используйте либо подписи сетки, либо подписи на столбцах.

• Лучше: делайте подпись только к самому важному столбику.

Советы

Некоторые виды линейчатых диаграмм

Хронологически верное размещение элементов(хорошо, если не учитывать цветовое оформление, тени, ширину полос и дублирование значений на полосах и сетке координат)

Источник: ПРОГНОЗ социально-экономического развития Белоярского района на 2009 год и на период до 2011 года,http://www.admhmao.ru/economic/econom/p_mo_2009/beloyar/zap.htm

Не рекомендуется

Рекомендуется

Рекомендуется

Рекомендуется

Рекомендуется

Рекомендуется

Рекомендуется

Рекомендуется

Временное сравнение"изменяться","возрастать", "снижаться", "колебаться" Гистограмма

– небольшое количество значений– точные дискретные значения (важно

наличие/отсутствие расстояния между столбцами)

График– большое количество значений– отображение тенденции на протяжении периода– непрерывные данные

Требования к гистограммам

• Аналогичны требованиям к линейчатым диаграммам

Ошибки в гистограммах

Распространенные ошибки• Строки и столбцы данных

должны иметь названия

• Не используйте заглавные буквы, подчеркивание или полужирный курсив в названии диаграммы

• Не используйте инвертированные цвета (белые буквы на черном фоне)

• Избегайте выделения цифр полужирным шрифтом

• Избегайте наклонного начертания подписей рядов

ЗАГОЛОВОК ДИАГРАММЫ

Заголовок диаграммы

20,4

45,9

27,4

46,9

90

45

20,4

43,9

0102030405060708090

Компан

ия АСВ

Компан

ия САВ

Компан

ия АВС

Компан

ия ВСА

123

Работа над ошибками

20,4

45,9

27,4

46,9

90

45

20,4

43,9

0102030405060708090

Компан

ия А

СВ

Компан

ия САВ

Компа

ния А

ВС

Компа

ния В

СА

123

0

10

20

30

40

50

60

70

80

90

КомпанияАСВ

КомпанияСАВ

КомпанияАВС

КомпанияВСА

Персонал

Клиенты

Партнеры

Хуже Лучше(что не так?)

Виды графиков

• График с областями• Совмещенный график

Рекомендуется

Рекомендуется

Что не так?

Что не так?

Рейтинги В. Путина и Д. МедведеваИсточник: «КомерсантЪ»

Инфографика

Картограмма

Практическое значение картограммы

Покрытие территории цифровым телесигналом

Карта покрытия :) life

Источники

• Визуализация данных и информационный дизайн http://www.vmethods.ru/2010/04/blog-post_21.html

• Джин Желязны «Говори на языке диаграмм»• Dona M. Wong «The Wall Street Journal Guide to

Information Graphics»• Блоги (FlowingData, Information is Beautiful, etc).

ПРИМЕРЫ ИНФОГРАФИКИ

Круги Эйлера

ПРИМЕРЫ ИНФОГРАФИКИ

в проектах«Студии Сорокина и Кулинкович»

Карьерный сайт Корпорации М8: www.m8life.by

Адаптационные открытки для сотрудников

Комната для собеседований

Инфографическое резюме

Инфографическое резюме стажера

Инфографика о конференции HRPR Camp