Видеоинфографика: принципы и приёмы создания

Более 14 лет мы рассказываем истории на основе данных в рамках тв-проекта «Россия в цифрах». Статистика может быть полезной и увлекательной, если знать, как её преподнести. Покажем на примерах, как управлять вниманием зрителя, чтобы он не заскучал.

Видеоинфографика: принципы и приёмы создания
Наталья Семенова, редактор-аналитик компании «Меркатор».
На основе материалов закрытых лекций Андрея Скворцова «Увидел и понял» и «Россия в цифрах»

Продолжение, вторая часть рассказа о полезной и увлекательной статистике. Если вы пропустили начало, см. здесь: «Россия в цифрах». Как мы совершили миллион ошибок на пути к качественной видеоинфографике

Исследовательский вопрос

Все кадры ролика должны быть объединены общей темой. Она обозначается в коротком заголовке. Чаще всего мы формулируем узкие темы. Например: «Какие траты ждут родителей школьников?», «Где строят новые автодороги?», «Где выращивают виноград?», «Какие животные занесены в Красную книгу?».

Иногда тема может быть широкой: «Что меняется в сфере такси?», «Как развивается рынок общественного питания?», «Как изменился выездной туризм» и др.

Например, в видео «Дорого ли обходятся домашние животные?» заявлена узкая тема — затраты на содержание домашних животных. В ролике последовательно даются ответы на вопросы:

  • какова доля владельцев домашних животных среди россиян;
  • какие расходы основные;
  • какую сумму россияне ежемесячно тратят на содержание домашних животных;
  • как ежемесячная сумма затрат изменилась за 4 года.

Важно, чтобы тема ролика была актуальной прежде всего в российском инфополе, ведь мы должны учитывать запрос аудитории и спрашивать себя: «Почему зритель должен уделить внимание нашей инфографике? Что полезного и интересного он для себя узнает?»

Кадры из ролика «<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fsmotrim.ru%2Fvideo%2F2645592&postId=966102" rel="nofollow noreferrer noopener" target="_blank">Дорого ли обходятся домашние животные</a>?» от 10.07.2023
Кадры из ролика «Дорого ли обходятся домашние животные?» от 10.07.2023

Визуализация данных

В начале пути для нас самым важным открытием стало использование статистических данных в роликах. Общие текстовые описания не рассказывают историю. Показатели должны сравниваться, а цифры — отвечать на вопросы: что изменилось; где изменилось; у кого/чего наибольшее или наименьшее изменение; как связаны показатели. Для этого мы выбираем подходящий тип визуализации данных: чаще всего это самые распространённые и хорошо знакомые каждому столбиковая, линейчатая, круговая, кольцевая диаграммы. Не используем специфические типы визуализации, понятные лишь узкоспециализированной аудитории, например свечные биржевые графики.

Логичная структура

Один кадр — один вывод. Каждый ролик проекта длится ровно 1 минуту, обычно — это 4–5 кадров с общей идеей и смыслом. Идеально, если за счёт структуры и логики построения рождается драматургия, когда каждый следующий кадр связан с предыдущим.

Разберём на примере ролика «Из-за чего исчезают леса?». В 1-м кадре показываем, насколько сократилась площадь лесов в мире; во 2-м — раскрываем мировые причины; в 3-м — приводим в пример страны с наибольшей площадью исчезнувших лесов; в 4-м — обозначаем причины в указанных странах.

Кадры из ролика «<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fsmotrim.ru%2Fvideo%2F2523990&postId=966102" rel="nofollow noreferrer noopener" target="_blank">Из-за чего исчезают леса?</a>» от 09.12.2022
Кадры из ролика «Из-за чего исчезают леса?» от 09.12.2022

Последовательная анимация

Управление вниманием — критически важная вещь. Мы уже обозначили, как важно, чтобы следующий слайд раскрывал, уточнял предыдущий, был логически связан с ним. Этого можно добиться не только за счёт содержательной структуры, но и с помощью приёмов анимации.

Изменения в заголовках и подзаголовках. Одно из наших основных правил: те данные или текст, которые не меняются по сценарию при переходе к следующему кадру, остаются на экране без анимации.

Чаще всего мы наблюдаем этот приём в анимации заголовков и подзаголовков. Например, в ролике «Какие трудовые гарантии есть у несовершеннолетних?» при переходе из одного кадра в другой мы меняем всего одно слово — «неделю» на «день». Зрителю не нужно заново пытаться понять, что представлено на экране. Достаточно заметить, что мы показываем данные о часах работы подростков не за одну неделю, а за один день.

Межкадровый переход. Один вид визуализации превращается в другой. Варианты могут быть разными, рассмотрим пару примеров. Например, вертикальные бары «перетекают» в горизонтальные.

Пример перехода из ролика «Сколько производим сладостей» от 02.10.2023

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

Пример перехода из ролика «Где увеличилась протяжённость железных дорог»

от 29.08.2023

Акцент на изменениях в данных. Чаще всего — это стрелка роста или снижения показателя.

Пример акцента из ролика «Кто защищает диссертации?» от 17.10.2023

Иногда она может выглядеть необычно.

Пример акцента из ролика «Где выращивают виноград?» от 17.10.2023

Уточняющая подпись. Текст, который раскрывает дополнительную информацию.

Пример уточняющей подписи из ролика «Где сокращаются запасы нефти?» от 28.08.2023

Чаще всего — это короткий интересный факт для того, чтобы лучше понять причины изменения данных.

Пример уточняющей подписи из ролика «Как менялся внешний долг?» от 10.08.2023

Пример уточняющей подписи из ролика «Какое мороженое самое популярное?»

от 10.08.2023

Выделение частей целого. Этот приём управления вниманием используется для того, чтобы помочь зрителю понять, из чего складывается структура конкретного показателя.

Пример выделения части из целого в ролике «Как государство помогает библиотекам?» от 26.09.2023
Пример выделения части из целого в ролике «Какие бывают семьи?» от 16.02.2023

Визуальная метафора. Раньше мы это понимали буквально, думая, что можно просто вставить иллюстрацию в визуализацию. Например, если речь шла про зерно, то вставляли в кадр мешок с ним или комбайн.

<p>Кадр одного из пилотных роликов проекта «Россия в цифрах» в 2009 году </p><p>с буквальным пониманием визуальной метафоры</p>

Кадр одного из пилотных роликов проекта «Россия в цифрах» в 2009 году

с буквальным пониманием визуальной метафоры

Сейчас метафоры в роликах используются редко, но аккуратно вплетаются в общее повествование. Например, в видео «Опасен ли детям коронавирус» в качестве метафоры использована иконка вируса. Она позволяет мгновенно понять контекст темы и считать общий смысл визуализации.

Кадр из ролика «Опасен ли детям коронавирус» от 09.10.2020
Кадр из ролика «Опасен ли детям коронавирус» от 09.10.2020

Этот же приём встречается и в ролике «Сколько космического мусора на орбите Земли». Даётся представление о количестве объектов космического мусора на земной орбите.

Кадр из ролика «Сколько космического мусора на орбите Земли» от 09.07.2022
Кадр из ролика «Сколько космического мусора на орбите Земли» от 09.07.2022

Ещё один пример — в видео «Насколько быстро тают льды Антарктиды и Гренландии?». Показали, сколько льда растаяло в период с 1992 по 2020 годы в Гренландии и Антарктиде.

Кадр из ролика «Насколько быстро тают льды Антарктиды и Гренландии?» от 09.02.2023
Кадр из ролика «Насколько быстро тают льды Антарктиды и Гренландии?» от 09.02.2023

Другой пример — упаковка молока в ролике «Как выросло производство молока?», чтобы показать, в каких организациях увеличилось его производство.

Кадр из ролика «Как выросло производство молока?» от 13.02.2023
Кадр из ролика «Как выросло производство молока?» от 13.02.2023

Принципы и приёмы создания видеоинфографики для проекта «Россия в цифрах» «Меркатор» пробует внедрять, комбинировать, развивать и в других проектах. Познакомиться с ними можно у нас на сайте в разделах «Инфографика», «Корпоративные фильмы», «Для мероприятий».

Начать дискуссию