Презентация занятия Тамары Кулинкович "Visualize this" для модуля "Оформление и защита результатов исследования" в Школе бизнес-исследований (www.businessresearch.by)

1. МОДУЛЬ 7
«Оформление и защита результатов
исследования»
Тема: Графики. Диаграммы. Инфографика.
www.businessresearch.by
https://www.facebook.com/hrpr.by
Школа бизнес-исследований

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

3. Объем продаж по регионам в январе, %
Компания А Компания Б
Север 13 39
Юг 35 6
Восток 27 27
Запад 25 28

4. ► Структура продаж
компаний А и Б различна.
Какая диаграмма подойдет?

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

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

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

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

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

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

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

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

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

15. Инфографика
• Джин Желязны является директором
по визуальным коммуникациям
McKinsey & Company. Работает в
компании с 1961 г.
• Консультирует сотрудников по
вопросам оформления визуальных
презентаций и письменных
докладов, включая планирование
коммуникационной стратегии,
работу над структурой докладов и
выбор наиболее подходящих
визуальных форматов для графиков,
диаграмм и т. д. Разработал и
проводит курс по коммуникациям
для сотрудников компании.

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

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

18. Тип сравнения Пример Ключевые слова Тип диаграммы
Покомпонентное:
процент от целого
► В мае продажи продукции А состави-
ли наибольшую долю в общем объеме
продаж компании.
► Доля рынка клиента в 2001 г. состав-
ляет менее 10 % рынка отрасли.
► Почти половина корпоративных ре-
сурсов привлечено из двух источников.
"доля", "проценты от
целого", "составило X
%"
Круговая
Позиционное:
расположение объ-
ектов
► В мае продажи продукции А превыси-
ли продажи продукции Б и В.
► Выручка клиента от продаж находит-
ся на четвертом месте.
► Текучесть кадров в шести подразде-
лениях примерно одинакова.
"больше чем", "мень-
ше чем", "равно".
Линейчатая (го-
ризонтальная)
Временное:
изменения во вре-
мени
► Продажи в январе неуклонно росли.
► Рентабельность инвестиций за по-
следние пять лет резко сократилась.
► Ставки процента в течение последних
семи кварталов колебались.
"изменяться", "рас-
ти", "убывать", "воз-
растать", "снижать-
ся", "колебаться"
Гистограмма
График
Частотное:
объекты в интерва-
лах
► В мае сделки в основном заключались
в диапазоне от одной до двух тысяч дол-
ларов.
► Большая часть грузов была получена
за 2-5 дней.
► Возрастная структура штата нашей
компании сильно отличается от структу-
ры штата нашего конкурента.
"в диапазоне от х до
у", "концентрация",
"частотность" и
"распределение"
Гистограмма
График
Корреляционное:
зависимость между
переменными
► Результаты продаж в мае демонстри-
руют отсутствие взаимосвязи между
объемом продаж и опытом продавцов.
► Зарплата исполнительных директоров
не зависит от размера компании.
► Страховая сумма возрастает при
росте доходов индивидов.
"относится к", "воз-
растает при (в слу-
чае)", "снижается при
(в случае)", "меняется
при (в случае)" или,
наоборот, "не возрас-
тает при (в случае)"
Линейчатая
Точечная

20. Рисунок заменяет тысячи слов, а
не требует тысячи пояснений
• Диаграмма представляет собой законченный отрезок
информации и должна быть понятна без прочтения
текста
• Учебное видео Royksopp_Remind_me.flv

21. Когда следует отказаться
от диаграмм
1. Если речь идет о прогнозных данных
(диаграммы ассоциируются с изображением
точных значений)
2. Если в данной сфере данные принято
отображать в таблицах (например, информация
о доходах и убытках)
3. Если данные уже представлены в таблице
(дублирование данных в таблице и диаграмме
запрещается)

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

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

24. 3 закона инфографики
от Эдварда Тафти
1. Соотношение информации и чернил
2. Фактор лжи
3. Соотношение информации и
затраченного места

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

26. Важнейшие
качества
товара
Соответствует
потребностям
Гибкая система скидок
Низкие цены
Доставляется
в срок
НЕ ДЕЛАЙТЕ ТАК

28. Фактор лжи
Самые распространенные способы лжи в
диаграммах:
• Сместить шкалу (чтобы начиналась не с
«0», а, например, с «-5»), и даже
минимальный рост будет значительным.
• Исказить визуальный размер объектов.
• Добавить элементы, искажающие
восприятие размеров.

30. Что не так?

31. Что не так?

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

35. Политическая инфографика. Ошибки?
Ежегодная речь Б. Обамы «2011 State of the Union»

36. Обратная проблема
Показано в речи Б. Обамы Пересчет пользователями
Интернет
Источник: http://blog.fastfedora.com

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

38. Общие требования к диаграммам
• Не используйте 3d и тени
• Не используйте штриховку
(вибрирующие графики – Э. Тафти)
• Пример: статья из «Секрета фирмы»

39. Покомпонентное сравнение
"доля", "проценты от целого", "составило X %"
• Круговая (секторная) диаграмма –
компонентное сравнение долей одного
целого
• Круговые диаграммы не следует
использовать для иллюстрации сложных
взаимосвязей множества сегментов

40. Расположение секторов
• Самый большой
сектор – справа от 12
часов.
• Остальные значения
– по убыванию
против часовой
стрелки.

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

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

43. Что не так?

44. Что не так?

45. Неверно

46. Не стоит показывать на круговой
диаграмме больше пяти значений
Объедините их в «Другое»
или
Используйте линейчатую диаграмму.

47. Неверно

48. Надписи

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

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

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

52. Что не так?

53. Что не так?

54. Варианты

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

56. Неверно

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

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

62. Что не так?

64. Совет Д. Желязны
• Если необходимо сравнить компоненты нескольких
целых, не сомневайтесь ни минуты - используйте
линейчатую диаграмму или гистограмму,
нормированную на 100 %.

65. (с) Fabio Rex

66. (с) Fabio Rex

67. Позиционное сравнение
"больше чем", "меньше чем", "равно"
• Столбиковая диаграмма — это график с одной
осью для изображения качественных или
порядковых показателей (величин или частот).
• Данные представляются в виде параллельных
прямоугольников (столбиков) одинаковой
ширины.
• Каждый столбик показывает один класс
качественных данных (например, прибыль
одной компании).

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

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

70. • Не наносите линии сетки.
• Обозначайте показатели на полосках диаграммы.
• Используйте либо подписи сетки, либо подписи
на столбцах.
• Лучше: делайте подпись только к самому
важному столбику.
Советы

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

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

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

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

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

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

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

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

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

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

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

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

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

87. Распространенные ошибки
• Строки и столбцы данных
должны иметь названия
• Не используйте заглавные буквы,
подчеркивание или полужирный
курсив в названии диаграммы
• Не используйте инвертированные
цвета (белые буквы на черном
фоне)
• Избегайте выделения цифр
полужирным шрифтом
• Избегайте наклонного начертания
подписей рядов
ЗАГОЛОВОК ДИАГРАММЫ
Заголовок диаграммы
20,4
45,9
27,4
46,9
90
45
20,4
43,9
0
10
20
30
40
50
60
70
80
90
КомпанияА
СВ
Компания
СА
В
КомпанияА
ВС
Компания
ВСА
1
2
3

88. Работа над ошибками
20,4
45,9
27,4
46,9
90
45
20,4
43,9
0
10
20
30
40
50
60
70
80
90
КомпанияА
СВ
КомпанияСА
В
КомпанияА
ВС
КомпанияВСА
1
2
3
0
10
20
30
40
50
60
70
80
90
Компания
АСВ
Компания
САВ
Компания
АВС
Компания
ВСА
Персонал
Клиенты
Партнеры
Хуже Лучше
(что не так?)

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

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

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

93. Что не так?

94. Что не так?

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

96. Инфографика

98. Картограмма

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

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

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

106. Источники
• Визуализация данных и информационный
дизайн 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).

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

118. Круги Эйлера

125. ПРИМЕРЫ ИНФОГРАФИКИ
в проектах
«Студии Сорокина и Кулинкович»

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

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

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

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

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

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