Интерактивное видео

Как превратить обучающее видео в увлекательную компьютерную игру? Секрет прост. Дать зрителю возможность влиять на развитие событий.

Что такое интерактивное
обучающее видео?

Не будем скрывать, одними из основателей такого явления, как «интерактивное видео», стала американская компания Raptmedia. Именно эти ребята начали делать кликабельный видеоконтент вот в таком стиле

Это видео, которое даёт возможность зрителю влиять на развитие событий. Именно это качество и добавляет фановости обычному просмотру. Да, именно фановости часто не хватает обучающим фильмам. А интерактивное видео смотреть интереснее. Именно поэтому мы пришли к выводу, что у интерактивки есть большие перспективы именно в направлении онлайн-обучения. Ведь благодаря этому можно:

  • сэкономить время на обучении
  • показать видеоконтент максимальному количеству людей. То есть охватить максимальную аудиторию
  • увеличить глубину просмотра за счёт смотрибельности и интерактивности контента
  • собрать лиды, ведь при регистрации на интерактивное видео посетитель может, например, оставить свой контакт: email или номер телефона

Интерактивное видео можно сделать двумя способами:

  • на базе HTML5, с применение Javascript
  • на базе Youtube.

Некоторое время назад был ещё актуален FLASH. Но это уже, к сожалению, прошлый век. Кроме того, Flash не поддерживается ни на одном MAC или iPhone. Поэтому вряд ли кому-то захочется сильно сокращать свою целевую аудиторию.

Единственное, что объединяет два подхода — это сложная сценарная сетка, которую прописывают наши авторы. Ведь в обычном учебном фильме повествование линейно, как жизнь слесаря Петровича. А в интерактивном — развитие событий зависит от зрителя. Как это выглядит? Очень просто:

Предлагаем рассмотреть логику просмотра интерактивного видео на примере учебного фильма для провизоров, который мы делали для компании БИОКАД.

Итак, вся история начинается с эпизода обычной семейной жизни: ребёнок заболел. Нужно срочно бежать в аптеку, что мама и делает. А дальше возникает первая репперная точка: провизору в аптеке необходимо задать правильный вопрос, чтобы назначить нужный препарат. В это время зритель начинает участвовать в процессе. Если он выбирает неверный ответ, то получает нагоняй от Гиппократа. Если выбирает правильный ответ, то сюжет продолжается. А вместе с тем развивается диалог провизора с клиентом

Начало интерактивного квеста для провизоров противорви.рф

А вот другой, более сложный пример интерактивного видео — квест о модуле на Камчатке бизнес-школы СКОЛКОВО и компании International paper.

Почему этот вариант сложнее? Во-первых, сюжетные ответвления более разнообразны. Во-вторых, зрителю нужно не только выбирать предоставленные варианты ответов, но и играть в реальный квест и выбирать путь, по которому пойти в горы.

Или, например, выбирать место, где можно разбить палатку.

Как вы понимаете, чем сложнее и запутаннее интерактивное видео, тем интереснее оно для зрителей. А это, по сути, самое главное.

Теперь немного о технической составляющей интерактивного видео. Как мы уже писали, его можно сделать на базе HTML5 или Youtube.

Итак, начнём с самого интересного, с HTML5. Не углубляясь в матчасть, скажем, что создать интерактивное видео на базе HTML5 можно как более дешёвым, так и более дорогим способом. Первый вариант — использовать специальный софт. Одна из наиболее раскрученных программ — Articulate Storyline. Честно признаемся, эта программа нам нравится и интерфейсом, и практичностью. Однако, любое коробочное предложение имеет ряд ограничений и недостатков. В том числе, проблемы с адаптивностью.


Другое дело, сделать интерактивное видео, минуя редакторы. Когда проект сшивается, что называется, “ручками”. Все сюжетные ответвления прописываются вручную. Эта работа занимает в несколько раз больше времени разработчика. А потому и стоит дороже.

Интерактивное видео на базе HTML5 уникально ещё и тем, что может не только выполнять фановую функцию и развлекать зрителей. В проект могут быть вшиты различные счётчики, которые будут собирать нужную вам информацию: лиды, результаты прохождения испытаний, какая-то аналитика, связанная с поведением, — иными словами, всё, что вашей душе будет угодно. Теперь давайте коснёмся темы интерактивного видео на Youtube. Этот формат уникален тем, что даёт вам возможность склеить интерактивное видео “на коленке”. Процесс очень простой, в котором разберётся и 12-летний ребёнок.

Вот пример:

Интерактивное кино для ивенторов


У этого формата есть пара недостатков.

Недостаток 1

Эстетика. Кнопки, они же гиперссылки, выглядят некрасиво (да, возможно, это субъективная позиция нашей команды перфекционистов).

Недостаток 2

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

Недостаток 3

С недавних пор команда Youtube поменяла политику конфиденциальности и монетизации. Поэтому если раньше интерактивные аннотации в проигрывателе Youtube были открыты для всех, то сейчас их необходимо подключать. И не каждый канал это может сделать.

Если этот обзор на тему Интерактивное видео вас заинтересовал, и вы готовы заказать такой проект — есть 2 варианта (в лучших традициях квестов):

Вариант 1

Самостоятельно написать сетку сценария, изучить программы для интерактивного видео, разобраться, как сделать интерактивные кнопки в видео, потратить массу времени на производство и тестирование и вполне заслуженно гордиться собой. А, возможно, и результатом

Вариант 2

Сохранить нервные клетки и заказать интерактивное видео студии, для которой создание таких квестов является привычным делом.

Если второй вариант вам ближе — узнать цену можно, оставив заявку на сайте.