Похожие презентации:
DV05 - Презентация_Аудитория, сторителлинг и источники данных
1. Визуализация данных
Занятие 05 - 21 ноября 2025 г.Екатерина Кулдина, e.kuldina@yandex.ru
2. План занятия
• Разбор практики• Темные паттерны в диаграммах
• Целевая аудитория и метод портретов
• Источники данных
• Сторителлинг и принятие решений
• Практика 5
• Требования к итоговому проекту
Визуализация данных - 5
21 ноября 2025 г.
2
3. Разбор практики №4
4. Задание 04
До 08:00 21 ноября (пятница)1. Выполните обе части задания отсюда. В случае затруднений
посмотрите запись занятия с 01:37:00.
2. Разметите все файлы на Яндекс-диске:
• Часть 1, excel-файл
• Часть 2, excel-файл
• Часть 2, power point-файл
3. Дайте доступ к вашей папке для e.kuldina@yandex.ru.
4. Направьте ссылку на папку через форму.
Визуализация данных - 5
21 ноября 2025 г.
4
5.
Визуализация данных - 521 ноября 2025 г.
5
6. Критерии оценки
+1 балл5 и более диаграмм на основе таб. 1, у каждой есть
содержательный заголовок.
+1 балл
Верно указан тип сравнения у каждой идеи. Верно подобран
тип диаграммы у каждой идеи.
+1 балл
Нарисованы диаграммы для каждой идеи.
+1 балл
Определены типы переменных
+1 балл
Выполнена перекодировка и чистка (где необходимо)
+2 балла
Сделана выборка данных, свободная таблица и\или данные
подготовлены для визуализации, выбран шаблон визуализации
+1 балл
Оформлена презентация (имеет законченный вид, соблюдены
принципы визуализации в терминах курса)
-1 балл
Не сдано через форму и\или не дан доступ к папке
-1 балл
Не представлено на занятии
Максимальный балл за задание – 8 баллов
Визуализация данных - 5
21 ноября 2025 г.
6
7. Темные паттерны в диаграммах
8. 1. Начните с нуля
ИсточникВизуализация данных - 5
Распространённая ошибка при построении графиков — это
изменение оси Y так, чтобы она не начиналась с нуля. Это может
зрительно преувеличивать разницу между значениями. Например,
если ось Y стартует с какого-то большого числа, даже небольшие
колебания на графике будут выглядеть драматичнее, чем есть на
самом деле. Чтобы показать настоящие пропорции данных, важно
сохранять начало оси Y на нуле, особенно на столбчатых
диаграммах и диаграммах с областями. Это позволяет избежать
искажений и честно представить информацию.
21 ноября 2025 г.
8
9. 2. Используйте линейные диаграммы для динамических данных
ИсточникВизуализация данных - 5
Линейные диаграммы отлично подходят временных рядов. Мы
интуитивно воспринимаем точки на таком графике как
последовательные и связанные между собой, потому что наш мозг
следует принципу непрерывности — линии кажутся непрерывными
и показывают движение от начала к концу, как поток времени. Если
же пытаться использовать линейные диаграммы для данных, не
связанных со временем, это может сбить с толку, потому что люди
ожидают увидеть именно временную последовательность. Поэтому
важно использовать линейные диаграммы именно для временных
рядов, чтобы сделать визуализацию понятной и логичной.
21 ноября 2025 г.
9
10. 3. Отрегулируйте оси, чтобы передать сообщение
Хотя важно сохранять правильное отображение осей, иногда ихнастройка помогает сделать график более понятным. Например, в
линейных или точечных диаграммах часто допустимо не начинать
ось Y с нуля. Это позволяет лучше выделить изменения и детали
данных, облегчая восприятие. Главное — делать такие
корректировки осознанно и избегать искажений информации.
Источник
Визуализация данных - 5
21 ноября 2025 г.
10
11. 4. Избегайте использования 3D-диаграмм
ИсточникВизуализация данных - 5
3D-визуализации, особенно в столбчатых и круговых диаграммах,
часто искажают восприятие данных. Из-за объёмного эффекта
людям сложнее точно сравнить значения, и цифры могут казаться
другими, чем есть на самом деле. Поэтому лучше использовать
простые 2D-графики — они более понятны и наглядны.
21 ноября 2025 г.
11
12. 5. Сохраняйте пропорции в визуальных эффектах
Пузырьковые диаграммы могут вводить в заблуждение, еслиразмеры пузырьков рассчитаны неправильно. Важно, чтобы
площадь пузырьков соответствовала реальным значениям, а не
только их диаметру. Если этого не сделать, зрители могут
неправильно оценивать различия между данными, потому что
визуальное восприятие будет искажено.
Источник
Визуализация данных - 5
21 ноября 2025 г.
12
13. 6. Ограничьте чрезмерное использование цветов
Цвет помогает отличать разные данные, но если использоватьслишком много цветов, диаграмма становится сложной для
понимания.
Чтобы этого избежать, используйте цвет с умом:
• выделяйте категории, на которые хотите обратить внимание;
• показывайте изменения и важные моменты;
Источник
Визуализация данных - 5
• разделяйте дополнительные измерения цветом, но не
перебарщивайте.
21 ноября 2025 г.
13
14. 7. Остерегайтесь выборочных данных
Хотя иногда хочется показать только те данные, которыеподдерживают вашу идею, это может сбить с толку вашу аудиторию.
Всегда старайтесь показывать полный набор данных или объяснять,
почему какие-то данные не включены. Это помогает дать честную и
полную картину, чтобы люди могли понять информацию правильно.
Источник
Визуализация данных - 5
21 ноября 2025 г.
14
15. 8. Понятные оси
Убедитесь, что все элементы графика, такие как оси, точки данных илегенда, имеют четкие и понятные подписи. Отсутствие или
непонятные метки могут запутать зрителей и усложнить правильное
понимание данных. Также заголовок графика должен ясно
объяснять, что именно на нем показано, чтобы аудитория сразу
понимала его суть.
Источник
Визуализация данных - 5
21 ноября 2025 г.
15
16. Целевая аудитория и метод персон
17. Аудитория = Адресат вашего сообщения
Целевая аудитория (сокращённо ЦА) — это группалюдей, которая заинтересована в продукте или услуге
бизнеса.
➔
Она может быть гипотетической — если мы
только предполагаем, что такие люди готовы у нас
покупать.
➔
А может быть фактической, когда мы точно
знаем, что именно такие люди — наши клиенты.
Сегментация ЦА:
1.
Демографическая сегментация (возраст, пол,
доход, образование и местоположение).
2.
Психосоциальная сегментация (интересы,
ценности, образ жизни и характер).
3.
Поведенческая сегментация (пользовательские
сценарии).
17
18. Дизайн в визуальной коммуникации
Это переговоры власти*. Широко власть — это способ(1) получать (2) то, что нужно.
Вы убеждаете людей, что ваша информация поможет
получить то, чего они хотят. У этого два условия:
1.
2.
вы знаете, чего вы хотите,
и знаете, чего хочет ваша аудитория.
* «Власть состоит в способности индивида А добиться от индивида Б
такого поведения или такого воздержания от действий, которое Б в
противном случае не принял бы и которое соответствует воле А». М.
Вебер
18
19. Аудитория
Говорите не о себеГоворите об аудитории
В нашем случае — это
(1) и преподаватель,
(2) и потенциальный читатель.
Кто ваш потенциальный
читатель???
19
20. Портрет пользователя
Портрет пользователя (образ жизни, предпочтения— конструирование стереотипических личностей,
которым интересно играть в конкретный продукт; не
претендует на универсальность, помогает определить
задачи и направления визуальной коммуникации)
20
21. Портрет пользователя \ Метод персон
1.2.
3.
Какая основная цель или мотивация этой
персоны?
С какими проблемами они сталкиваются при
достижении своей цели?
Какие ресурсы им необходимы для достижения
цели?
Источник: Метод персон в UX
1.
2.
3.
4.
5.
Какие задачи выполняют люди в своей
повседневной деятельности?
Где будет использоваться продукт?
Какая цель этой роли?
Какие бизнес-цели требуются от этой роли?
На кого еще влияют обязанности этой роли?
21
22. Пример
Дизайнеры мировГеймеры-ачиверы
Достигаторы в мобиле
31%
42%
27%
Цитата
«Мне нужен кусочек реалистичного
альтернативного мира, который я
смогу настроить и назвать своим».
«Я сосредоточен на повышении
уровня и сборе ресурсов. Мне
нравится соревноваться с другими».
«Я в основном играю в мобильные игры
и наслаждаюсь ощущением достижения
целей и прогресса».
Соц-дем
Преимущественно женщины
в возрасте около 25 лет,
с высокой долей казуальных игроков.
Почти поровну мужчин и женщин в
возрасте около 25 лет, большинство
из которых считают себя заядлыми
игроками,
а некоторые — хардкорными.
В основном женщины в возрасте около
35 лет, с высокой долей геймеров,
которые в основном играют в игры на
смартфоне или планшете.
Профиль мотивации
Фантазия + Дизайн
Соревнование + Влияние
Соревнование
Источник: Quantic Foundry
22
23. Отчет — Презентация — История
Есть две крайности: отчет и история.Первое для информации, второе для
развлечения.
Структурное различие:
➔
отчет организует факты по
темам,
➔
история организует сцены
драматично.
Презентации содержат и
информацию, и историю.
Источник: Duarte N. Resonate. – John Wiley & Sons, 2010
23
24. История Отчет
Историяted.com/talks/brenda_romero_gaming_for_understanding?referrer=playlistthe_illuminating_benefits_of_videos_games&autoplay=true&subtitle=ru
Отчет
vk.com/video-218452973_456239444?list=lnZBV6rioShlkYc8UI1n&ref_domain=edu.hse.ru
24
25. Определите сообщение*
НАКИДАЙТЕИДЕИ
УБЕРИТЕ
ЛИШНЕЕ
ОБЪЕДИНИТЕ
СХОЖЕЕ
ВЫДЕЛИТЕ
КЛЮЧЕВОЕ
УПОРЯДОЧИТЕ
КЛЮЧЕВОЕ
* Схема универсальна для
любого сообщения. В
нашем случае речь про
информацию для принятия
решения.
Источник: Duarte N.
Соберите,
придумайте
и запишите как
можно больше
идей по теме.
Отберите лучшие
идеи,
работающие
на общую идею
презентации.
Лучшие идеи
упорядочите
по темам.
Внутри темы
выделите
самые точные
формулировки.
Разместите
ключевые идеи в
оптимальном
порядке.
Resonate. – John Wiley &
Sons, 2010
25
26. Представьте сообщение*
ПОДКРЕПИТЕКЛЮЧЕВОЕ
ОБОЗНАЧЬТЕ
И ЗАКОЛЬЦУЙТЕ СУТЬ
ДОБАВЬТЕ РИТМ
И КОНТРАСТЫ
НЕ РАССКАЗЫВАЙТЕ,
ПОКАЗЫВАЙТЕ
* Схема универсальна для
любого сообщения. В
нашем случае речь про
информацию для принятия
решения.
Источник: Duarte N.
Добавьте пояснения к
ключевым идеям, где
это нужно.
Заставьте идеи
работать как единое
целое. Снабдите
начало, середину и
финал повтором сути.
Поддержите контент
эмоциями, словами и
формой подачи.
Текст про ключевые
идеи, структуру и
особенно финал
переведите в графику
(пиктограммы, схемы,
иконки, иллюстрации).
Resonate. – John Wiley &
Sons, 2010
26
27. Источники данных
28. ДАННЫЕ ИССЛЕДОВАНИЙ И СТАТИСТИКИ
О России:Статистические службы, сайты федеральных и региональных
министерств, ведомств, администраций
Национальные опросные организации
Данные исследований университетов
О мире:
Визуализация данных - 5
Исследовательские центры международных организаций
Международные исследовательские проекты
21 ноября 2025 г.
28
29. РОССТАТ, ROSSTAT.GOV.RU
Визуализация данных - 529
21 ноября 2025 г.
30. ЕМИСС, FEDSTAT.RU
Визуализация данных - 530
21 ноября 2025 г.
31. ПРАВИТЕЛЬСТВО МОСКВЫ, data.mos.ru
Визуализация данных - 521 ноября 2025 г.
31
32. ehd.moscow
Визуализация данных - 521 ноября 2025 г.
32
33. pro.fira.ru
Визуализация данных - 521 ноября 2025 г.
33
34. РАНХиГС: статистика и аналитика, lib.ranepa.ru
Визуализация данных - 521 ноября 2025 г.
34
35. РАНХиГС: базы данных, lib.ranepa.ru
Визуализация данных - 521 ноября 2025 г.
35
36. RLMS, hse.ru/rlms/spss
Визуализация данных - 536
21 ноября 2025 г.
37. ДАННЫЕ НИУ ВШЭ, tes.hse.ru/databases
Визуализация данных - 521 ноября 2025 г.
37
38.
ДАННЫЕ ИС РАН, isras.ru/Databank.htmlВизуализация данных - 5
21 ноября 2025 г.
38
39. ДЕМОСКОП, demoscope.ru/weekly/pril.php
Визуализация данных - 539
21 ноября 2025 г.
40. ВЦИОМ, bd.wciom.ru
Визуализация данных - 540
21 ноября 2025 г.
41. ФОМ, FOM.RU
Визуализация данных - 541
21 ноября 2025 г.
42. ЛЕВАДА-ЦЕНТР, LEVADA.RU
АНО “Левада-Центр” внесена Минюстом в реестрнекоммерческих организаций, выполняющих функции
иностранного агента
Визуализация данных - 5
42
21 ноября 2025 г.
43. ОРГАНИЗАЦИЯ ОБЪЕДИНЕННЫХ НАЦИЙ, DATA.UN.ORG
Визуализация данных - 543
21 ноября 2025 г.
44. ВСЕМИРНЫЙ БАНК, DATA.WORLDBANK.ORG
Визуализация данных - 544
21 ноября 2025 г.
45. ЮНИСЕФ, DATA.UNICEF.ORG
Визуализация данных - 545
21 ноября 2025 г.
46. ВСЕМИРНАЯ ОРГАНИЗАЦИЯ ЗДРАВООХРАНЕНИЯ, WHO.INT
Визуализация данных - 546
21 ноября 2025 г.
47. МЕЖДУНАРОДНАЯ ОРГАНИЗАЦИЯ ТРУДА, ILO.ORG
Визуализация данных - 547
21 ноября 2025 г.
48. Центр Гэллапа, gallup.com
Визуализация данных - 521 ноября 2025 г.
48
49. statista.com
Визуализация данных - 521 ноября 2025 г.
49
50. cntsdata.com
Визуализация данных - 521 ноября 2025 г.
50
51. kaggle.com
Визуализация данных - 521 ноября 2025 г.
51
52. 15 наборов данных для датасайентистов
• Exam Scores• Pokemon Dataset
• Netflix movies and TV shows
• FIFA 22 player dataset
• Population dataset
• The Simpsons и Avatar The Last Airbender
• И другие
Визуализация данных - 5
21 ноября 2025 г.
52
53. Визуальная коммуникация и принятие решений
54. Рекомендованное чтение
effectivedatastorytelling.comВизуализация данных - 5
Нафлик К. Данные:
визуализируй... —М.: МИФ,
2020.
Андерсон К. Аналитическая культура. — М.:
МИФ, 2021.
21 ноября 2025 г.
54
55.
Визуализация данных - 521 ноября 2025 г.
55
56. Принятие решений — цель всей аналитики
ФИНИШНАЯ ПРЯМАЯСбор
данных
Визуализация данных - 5
Подготовка
данных
Визуализация
данных
Изучение
данных
Обсуждение
выводов
(инсайты)
Действия
21 ноября 2025 г.
56
57. Небольшие инсайты можно воплотить одному
Визуализация данных - 521 ноября 2025 г.
57
58. Для больших инсайтов нужно убедить команду
А бюджет?Согласовано?
Кто руководит?
А ресурсы?
Кто делает?
Эффективная коммуникация
Визуализация данных - 5
21 ноября 2025 г.
58
59. Для больших инсайтов нужно убедить команду
Ничего нет. Держитесь там!Коммуникативный провал
Визуализация данных - 5
21 ноября 2025 г.
59
60. Ключи к эффективной коммуникации
Инсайт: как начать делать, как перестать делать.1. Привлечь внимание
2. Донести мысль
3. Запомниться
4. Действовать
Визуализация данных - 5
21 ноября 2025 г.
60
61. Что делает визуальный сторителлинг?
нарративвизуал
данные
Визуализация данных - 5
21 ноября 2025 г.
61
62. Ключи к эффективной коммуникации: 1. Привлечь внимание
1. Привлечьвнимание
Визуализация данных - 5
нарратив
ЗАВЛЕЧЬ
Ключи к
эффективной
коммуникации
:
визуал
данные
21 ноября 2025 г.
62
63. Ключи к эффективной коммуникации: 2. Донести мысль
Ключи кэффективной
коммуникации
:
2. Донести
мысль
Визуализация данных - 5
нарратив
визуал
данные
21 ноября 2025 г.
63
64. Ключи к эффективной коммуникации: 3. Запомниться
Ключи кэффективной
коммуникации
:
3. Запомниться
Визуализация данных - 5
нарратив
визуал
данные
21 ноября 2025 г.
64
65. Визуальный сторителлинг готовит почву для принятия решения
ЗАВЛЕЧЬВизуальный
сторителлинг
готовит почву
для принятия
решения
нарратив
решени
е
визуал
данные
Визуализация данных - 5
21 ноября 2025 г.
65
66. Эффективная коммуникация по Аристотелю
ЭТОСавторитетность
автор
ЛОГОС
логичность
ПАФОС
убедительность
ТЕЙЛОС
цель
КАЙРОС
своевременность
Визуализация данных - 5
21 ноября 2025 г.
аудитория
66
67. Метод Аристотеля
• Логос: Есть ли у вас данные, подтверждающие ваши доводы?• Этос: Вы заслуживаете доверия у своей аудитории?
• Кайрос: Это подходящий момент?
• Тейлос: Есть ли у вас четкая цель или результат?
• Пафос: Создали ли вы убедительное повествование?
Визуализация данных - 5
21 ноября 2025 г.
67
68. В чем ваша сильная сторона?
Визуализация данных - 521 ноября 2025 г.
68
69. Нарративные стратегии в истории человечества
Структура трагедииАристотеля
Пирамида
Фрайтага
Середина
Кульминация
Начало
Путь героя
Кэмпбелла
Конец
Слишком просто
Визуализация данных - 5
В самый раз
для визуализации данных
Слишком сложно
21 ноября 2025 г.
69
70. Визуальная коммуникация и сторителлинг
32
1
Подводка
к выводам
Вспомогательные
детали, этапы
Рассуждения
на пути к выводу
Момент понимания
Основное открытие,
центральная идея
4
Решения и рекомендации
Следующие шаги
для достижения цели
Контекст
и крючок
Введение в тему
акторы, термины,
цепляющие факты
Визуализация данных - 5
Знания, опыт и предпочтения
аудитории сообщения
21 ноября 2025 г.
70
71. Контекст и крючок
Визуализация данных - 521 ноября 2025 г.
71
72. Подводка к выводам
Визуализация данных - 521 ноября 2025 г.
72
73. Момент понимания
Визуализация данных - 521 ноября 2025 г.
73
74. Решения и рекомендации
Визуализация данных - 521 ноября 2025 г.
74
75. Модели визуального восприятия
графические элементыгештальт
(эксперименты Кливленда
и Макгилл, 1984)
(считывание целостного образа)
частное
предвнимательная
обрабортка
сходство
цвет
положение
размер
соединение
интенсив-ть
поворот
форма
выделение
непрерывность
движение
длина
ширина
фигура-фон
замыкание
изгиб
выделение
пометки
близость
место на равных
отрезках
место на неравных
отрезках
СРАВНЕНИЕ
длина
простота
наклон
область
объем
изгиб
яркость
насыщенность
Визуализация данных - 5
общее
21 ноября 2025 г.
75
76. Как применять модели визуального восприятия в визуализации данных?
графические элементыгештальт
(эксперименты Кливленда
и Макгилл, 1984)
(считывание целостного образа)
ДОХОДЧИВОСТЬ
Выбирайте визуализации максимально
раскрывающие смысл ваших идей
Визуализация данных - 5
ПРОСТОТА ВОСПРИЯТИЯ
Выбирайте наиболее простые
визуализации, они же самые понятные
предвнимательная
обрабортка
УПРАВЛЕНИЕ ВНИМАНИЕМ
Используйте принципы дизайна для
расставления акцентов в информации
21 ноября 2025 г.
76
77. Эффективная визуальная коммуникация
Визуализация данных - 521 ноября 2025 г.
77
78. Источники
Задание79. Задание
05До 08:00 28 ноября (пятница)
1. Изучите требования итогового проекта. Обдумайте идею вашего
проекта.
2. Изучите рекомендации (презентация этого занятия) для данных
преподавателя. Выберите источник данных для вашего проекта.
3. Прочитайте статью Метод персон в UX. Опишите аудиторию
вашего дашборда или инфографики, используйте метод UXперсон.
4. Обдумайте, какую историю вы хотите рассказать вашими
данными. Запишите 5 вопросов, на которые должна дать ответа
ваша инфографика или дашборд.
5. Результат оформите как 3 слайда презентации и пришлите через
форму.
Визуализация данных - 5
21 ноября 2025 г.
80
80. Задание 05
Критерииоценки
+1 балл
Выбраны данные для итогового проекта.
+1 балл
Составлен портрет аудитории по методу UX-персон.
+5 балл
Сформулировано 5 вопросов, на которые должен
ответить итоговый проект.
+1 балл
Оформлена презентация (имеет законченный вид,
соблюдены принципы визуализации в терминах курса)
-1 балл
Сдано не через форму и\или не дан доступ к папке
-1 балл
Не представлено на занятии
Максимальный балл за задание – 8 баллов
Визуализация данных - 5
21 ноября 2025 г.
81
81. Критерии оценки
Проект82. Проект
Требования: https://disk.yandex.ru/d/VzCeJ20zcJ89Kg• Дедлайн: 5 декабря (пн) до 09:00
• Сдавать через форму.
• Презентация на оценку не влияет. Фидбек на работу
предоставляется только при презентации работы. В остальных
случаях будет оценочная таблица.
• Если вы присылаете ссылку, для которой не предоставлены
корректные права доступа – работа не оценивается.
Визуализация данных - 5
21 ноября 2025 г.
83
83. Проект
Критерииоценки
5 баллов
Задание сдано через форму
forms.yandex.ru/cloud/68fb2b6690fa7b4bfacf8320.
25
баллов
Фокус истории:
10
баллов
20
баллов
Работа рассказывает историю, ее данные отвечают
на 5 вопросов, сформулированные студентом – 15
баллов.
Название работы отражает историю, которую она
рассказывает – 5 баллов.
Сфера применения работы и ее содержание
совпадают – 5 баллов.
Источники данных:
В работе нет данных без указания источника – 10
баллов.
Визуальная коммуникация (см. разделы Инфографика
или Дашборд)
Максимальный балл за проект – 60 баллов
Визуализация данных - 5
21 ноября 2025 г.
84