Личный кабинет
ЛОНГРИД. СМЕШАННЫЙ ФОРМАТ МАТЕРИАЛОВ
ПРОЕКТИРОВАНИЕ КУРСА
Поделиться в соцсетях
Примеры лонгридов из курсов Лекториума:

1. «Кинематические связи» из курса «Машины Голдберга»
2. «The ruins» — лонгрид в формате комикса из курса ТюмГУ «Ecology. Technology. Anime»
3. «Применение беспилотных летательных аппаратов для управления городской средой» из курса Университета 20.35 про беспилотники
4. «Образовательные результаты кружка нового типа» из курса Международного фестиваля идей и технологий RUKAMI про создание кружка
5. «Петербургские масоны» из курса по литературе «Призраки Петербурга». Пример того, что в лонгрид могут быть добавлены и базовые материалы курса: видео, конспект, дополнительные материалы. Но смотрится такой раздел в курсе значительно привлекательнее, чем раздел, собранный из стандартных блоков LMS

Как меняется производство курса, если он состоит из лонгридов

Если онлайн-курс состоит из лонгридов, то работа команды курса организована по тем же этапам, что и работа над видеокурсом. Но в каждый этап добавляются задачи, связанные с лонгридами.
  • 1
    Препродакшен
    Кроме программы и сценария курса, фирменного стиля, гайдлайна, визуальной концепции роликов разрабатываются сценарии лонгридов. Это текстовые черновики, в которых намечена общая структура лонгрида и указано, что и в каком формате в нем будет находиться: какая информация в видео, какая текстом, что надо будет нарисовать.

    Помимо фирменного стиля роликов, разрабатывается шаблон для верстки лонгрида, в котором предусмотрены все необходимые элементы. Пример шаблона для верстки
  • 2
    Продакшен
    Во время съемок автор и продюсер помечают, чем можно дополнить лонгриды, помимо того, что они запланировали. Если какой-то материал плохо «ложится» в видео, решают, как его можно подать иначе.
  • 3
    Постпродакшен
    По сделанным на этапе препродакшена сценариям лонгридов автор пишет тексты и подбирает материалы. Команда курса параллельно с монтажом осуществляет редактуру и корректуру текстов, верстку лонгридов. Материалы согласуются полностью: автору и заказчику отправляются лонгриды целиком. Показывать видео и верстку по отдельности, как правило, не имеет смысла.
  • 4
    Публикация и запуск
    В зависимости от формата запуска лонгриды публикуются в LMS или в открытом доступе, для страниц проставляются соответствующие настройки индексации в поисковых системах.
Это значит, что команда курса пополняется новыми специалистами:
  • Редактор-корректор, который умеет бережно относиться к авторскому тексту и делать его легче и понятнее без ущерба содержанию
  • Контент-менеджер / верстальщик, который создает дизайн страниц, делает верстку по шаблону и публикует материалы
Дизайн шаблона для верстки страниц мы стараемся согласовать с фирменным стилем курса. Техническое задание на шаблон создает продюсер по специальной форме.
Смотреть шаблон ТЗ

Как составить сценарий лонгрида

Подходов может быть множество. Поделимся двумя наиболее универсальными.

Универсальная структура (конструктор)
Если вы делаете курс с большим количеством авторов, вы можете создать универсальную матрицу с перечнем того, какие вообще материалы могут войти в лонгриды. И затем заполнять эту матрицу по каждому разделу, какие-то разделы оставляя пустыми.
Например, мы создали такую матрицу для «Современного курсостроения»:
  • «Пруфы» — блок под роликом со ссылками на материалы, упомянутые в ролике
  • Кейсы и примеры
  • Экспертное мнение — может быть оформлено как видео или цитата, блок для добавления альтернативной позиции или дополнение к информации лонгрида от другого автора курса или внешнего эксперта
  • Инструкции и чек-листы — пошаговые руководства, занудные перечни от методистов
  • Файлы для скачивания — примеры технических заданий, таблиц и шаблонов, которые могут пригодиться пользователям
  • Дополнительные материалы — ссылки, по возможности с короткой аннотацией
  • Шоу перфекциониста — неформальное видео, в котором мы критикуем собственную работу и попутно даем советы
Плюсы:
  • Не надо для каждого лонгрида с каждым автором продумывать наполнение
  • Пользователь запоминает, как выглядят разные блоки (например, что в конце его может ждать «Шоу перфекциониста»), и ему удобно изучать материалы
Минусы:
Блоки из такой матрицы контента не совпадают и не обязаны совпадать со стандартными блоками верстки. Так, пример может быть оформлен и как галерея изображений с комментариями, и как видео с описанием, и как текст со ссылками
Матрицу надо продумать хорошо, чтобы она не ограничивала фантазию авторов, а наоборот, подпитывала ее. Лучше всего устроить совместный мозговой штурм.
Сюжетная структура (развитие сценария)
Этот подход означает, что автор составляет подробный конспект, перечисляя все, что хочет донести до обучающихся в конкретном разделе, продумав сценарий. После этого продюсер вместе с ним в этом конспекте разбивает информацию на блоки:
  • Видео
  • Текст
  • Важная мысль
  • Цитата
  • Галерея изображений с комментариями
  • Инфографика
  • Список
  • Кнопка с файлом для скачивания
  • Ссылки с комментариями
  • Прочее
Плюсы:
  • Подробно разберете все содержание и для каждого элемента информации подберете самый подходящий формат
  • Фактически подготовите план для верстки страницы
  • Будет сразу видно, кому и что предстоит сделать: какие иллюстрации подготовить дизайнеру, какие текстовые подводки написать автору
  • Можно уйти от стандартной структуры лонгрида. Например, сценарий может потребовать, чтобы в нем было несколько видео или чтобы видео было в середине, а открывался лонгрид фотогалереей
Минусы:
  • Таким образом придется проработать каждый лонгрид. Первые 5−6 штук продюсер точно должен работать вместе с автором. Далее может быть удобно работать с текстовыми документами для совместного редактирования

Инструменты

Google Docs
Сценарии лонгридов лучше создавать в формате, удобном для совместной работы. Мы используем Google Docs на этапе препродакшена для работы автора и продюсера. Когда с текстами работает редактор-корректор, ему удобно оставлять вопросы и предложения по тексту в режиме комментариев.
Тильда
Тильда — это удобный и простой конструктор сайтов. Чтобы собрать веб-страницу на Тильде, не требуется навыков программирования: в сервисе есть готовые шаблоны, можно создавать собственные. Пользоваться ею не сложнее, чем Power Point.

Благодаря этому, нам удалось сделать процесс производства лонгридов прозрачным для всех участников. Черновой вариант автор или продюсер могут собрать самостоятельно, а потом верстальщик на основе этого черновика делает красивую страницу по шаблону. При таком подходе содержание не теряется при работе с дизайном.
Readymag
Другой простой конструктор сайтов — Readymag. Этот сервис также позволяет собирать веб-страницы без знания программирования. Он подойдет, если вам хочется создать более интересный и необычный дизайн с анимацией или нестандартными визуальными решениями. По сути интерфейс Readymag представляет собой чистый лист, на который вы можете добавить абсолютно все, что захотите. Именно поэтому в Readymag намного меньше шаблонных блоков, чем в Тильде. Подробнее про различия Readymag и Тильды можно прочитать здесь.
Подборки интересных сайтов и лонгридов
Для того чтобы сверстать современный лонгрид, нужно тренировать насмотренность: изучать, как сделаны разные сайты, обращать внимание на детали.
1. Примеры сайтов, сделанных на Тильде
2. Подборка хороших лендингов
3. Подборка сайтов со всего мира от Httpster
4. Websites of the day
Дополнительные материалы
1. Подборка виджетов для добавления в лонгриды таймлайнов, интерактивных карт и звуков
2. Статья о расширении функционала Тильды
3. Подборка плагинов Figma, которые можно перенести в дизайн страниц на Тильде
4. Учебник по веб-анимации от Тильды
5. Статья о популярных ошибках в верстке
Предыдущий урок
К материалам
Следующий урок
Перейти
Все доступные программы от команды Лекториума для специалистов в области образования.
Присоединяйтесь к нашему чату в Телеграме, где авторы курса отвечают на ваши вопросы
Находясь на сайте, вы даете согласие на обработку файлов cookie. Это необходимо для более стабильной работы сайта
Понятно