Визуализация данных как средство общения
TRANSCRIPT
Игорь Яновскийдизайнер инфографики и иллюстратор
Визуализация данных как средство общения
Составить сообщение
Освоиться с языком
Подобрать выразительные средства
Дать необходимые пояснения
Как рассказать историю при помощи диаграммы?
Составляем сообщение
Надо рассказать про картофель
Работа с данными
Определить контекст
Сфокусироваться на сообщении• фильтровать, если не все данные необходимы
• обобщать, если детали не важны
• удалять, если ничего не изменится
Осваиваем язык
В основе языка — предвнимательные атрибуты
25396587541
67575412653
45185375926
59246861357
75582545263
98415396575
56371568452
2539587541
757541253
4518537592
592481357
7558254523
9841539575
537158452
6
66
6
66
6
6
66
Форма
Размер
Наклон
Положение в пространстве
Длина линии
Толщина линии
Изгиб линии
Дополнительные метки
Замкнутость
Тон
Насыщенность
Движение
Предвнимательные атрибуты
форма
длина
замкнутость
размер
толщина
тон
наклон
изгиб
насыщенность
положение
метки
движение
Чем это полезно для визуализации данных?
Чем это полезно для визуализации данных?
столбиковая диаграмма
Чем это полезно для визуализации данных?
столбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный графикстолбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный график наклонная диаграмма
столбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный график наклонная диаграмма
диаграмма рассеяния
столбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный график наклонная диаграмма
диаграмма рассеяния
пузырьковая диаграмма
столбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный график наклонная диаграмма
тепловая картадиаграмма рассеяния
пузырьковая диаграмма
столбиковая диаграмма
круговая диаграмма
Чем это полезно для визуализации данных?
линейный график наклонная диаграмма
тепловая картадиаграмма рассеяния
пузырьковая диаграмма
столбиковая диаграмма
круговая диаграмма
тримап
Методы визуализации данных — выразительные средства
Подбираем выразительное средство
Для визуализации результатов наблюдений нужен линейный график
линейный график наклонная диаграмма
тепловая картадиаграмма рассеяния
пузырьковая диаграмма
столбиковая диаграмма
круговая диаграмма
тримап
Какие принципы лежат в основе восприятия визуальных образов?
Гештальт принципы!
Принцип близости
Принцип подобия
Принцип подобия
Принцип замкнутости
Принцип замкнутости
Принцип замкнутости
Принцип смыкания
Принцип смыкания
Принцип непрерывности
Принцип непрерывности
Принцип связности
Принцип связности
Принцип связности
Принцип связности
Гештальт принципы восприятия
близости подобия замкнутости
смыкания непрерывности связности
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Построили линейный график
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем общий фон
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем фон графика
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем сетку
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем сетку
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Избавляемся от маркеров
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Избавляемся от маркеров
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Избавляемся от маркеров
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем полужирное начертание
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Убираем полужирное начертание
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Делаем подписи светлее
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Делаем подписи светлее
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Делаем подписи светлее
0,0
10,0
20,0
40,0
30,0
50,0
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Избавляемся от лишних знаков
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Выравниваем точки по меткам
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат КормилецГаспадар
Избавляемся от легенды
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Работаем с цветом
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Работаем с цветом
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Работаем с цветом
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Работаем с цветом
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Ставим акцент
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Ставим акцент
Чтобы сообщение ясно читалось, необходимо:
сделать фон нейтральным,
удалить ненужные рамки,
спрятать координатную сетку,
избавиться от маркеров и глифов,
почистить подписи осей и значений,
отметить значения напрямую,
разумно использовать цвет
Добавляем пояснения
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Подписи осей и значений
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив
Заголовок
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчивДанные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Вводная информация
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Руководство по пользованию
Мультимедиа элементы
0
10
20
40
30
50
собрано центнеровс 1 гектара
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
0
10
20
40
30
50
собрано центнеровс 1 гектара
Данные собраны картофельным испытательным полигоном
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Примечания: ссылка на источник
0
10
20
40
30
50
собрано центнеровс 1 гектара
Данные собраны картофельным испытательным полигономДиаграмма разработана маркетинговым отделом Толочинского института картофельной селекции
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Примечания: авторы и материалы
0
10
20
40
30
50
собрано центнеровс 1 гектара
Данные собраны картофельным испытательным полигономДиаграмма разработана маркетинговым отделом Толочинского института картофельной селекции© 2016, ТИКС, все права защищены. Использовать исключительно в ознакомительных целях
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Примечания: права и использование
0
10
20
40
30
50
собрано центнеровс 1 гектара
Данные собраны картофельным испытательным полигономДиаграмма разработана маркетинговым отделом Толочинского института картофельной селекции© 2016, ТИКС, все права защищены. Использовать исключительно в ознакомительных целях
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Примечания: актуальная дата
0
10
20
40
30
50
собрано центнеровс 1 гектара
Данные собраны картофельным испытательным полигономДиаграмма разработана маркетинговым отделом Толочинского института картофельной селекции© 2016, ТИКС, все права защищены. Использовать исключительно в ознакомительных целях
засушливые годы снова сухо
2010 2011 2012 2013 2014 2015 2016
Волат
Кормилец
Гаспадар
Кормилец к засухе устойчив ?Данные по испытанию трёх сортов картофеля на их урожайность, проведённые на толочинских полях в 2010–2016 годы
Пояснительные подписи
Описание диаграммы:
заголовок,
введение,
руководство по пользованию,
мультимедиа элементы,
примечания,
подписи осей и значений,
легенда,
пояснительные подписи
И ещё раз
• проработать сообщение,
• подобрать подходящий метод визуализации,
• направлять внимание зрителя выразительными средствами,
• сопроводить работу пояснениями
Чтобы сделать диаграмму разговорчивее, следует:
Что почитать по теме?
visualisingdata.com
Data Visualisation A Handbook for Data Driven Design
Storytelling with Data A Data Visualization Guide for Business Professionals
storytellingwithdata.comCole Knaflic
Andy Kirk
Спасибо!
Игорь Яновскийfacebook.com/[email protected]