Создаём мультимедийные путешествия
Storymap/сторимэп — комбинированный мультимедийный формат, основанный на карте. Сама по себе карта не рассказывает историю. Необходим второй элемент — сторителлинг, линейное повествование. В сторимэпах карта выступает не только как иллюстрация происходящих событий, она становится своеобразным оглавлением, способом переключения между частями рассказа.
В чём разбираемся
  • 1
    Чем формат сторимэп отличается от интерактивной карты
  • 2
    Какие темы можно представить в формате мультимедийного путешествия
  • 3
    Как создавать истории в формате сторимэп в сервисе Storymap JS
Так выглядит
сторимэп
Сторимэп используем,
если у нас есть...
  • 1
    Маршрут
    Важно показать направленное движение от одной точки к другой.
  • 2
    Этапы пути
    Нужно создать простую наглядную карту с небольшим количеством точек-маркеров.
  • 3
    Контент
    Для каждой точки маршрута есть дополнительная информация, фрагмент истории.
  • 4
    Визуальные материалы
    Сторимэп выглядит выигрышнее, если для некоторых фрагментов истории у вас есть фото- и/или видеоматериалы.
Для сторимэп нужно минимум 3 точки на маршруте. Максимум определяете вы сами, руководствуясь здравым смыслом и историей, которую рассказываете.

Сторимэп не подходит, если вам нужно визуализировать большие объёмы данных и разнообразную статистику. Формат мультимедийного путешествия лучше подойдёт для показа нескольких географических точек, важных для раскрытия темы. В основе сторимэп — смена места действия.


Интерфейс онлайн-сервиса Storymap JS не имеет русскоязычной версии, но даже если вы не владеете английским, это не проблема: нужно запомнить небольшое количество достаточно универсальных слов, которые позволят вам ориентироваться в приложении.

Как создать мультимедийное путешествие в сервисе Storymap JS
Мультимедийный продюсер Оксана Силантьева показывает процесс создания сторимэпа
на материале своего «Тура медиасилы» по 23 городам России.

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


Сотрудники центральной городской библиотеки им. Н. А. Некрасова в Краснодаре создали «Литературную карту» города, где отразили всё, что связано с литературой и книгой в Краснодаре: литературные памятники, библиотеки, музеи, а также места, которые запечатлели в своих произведениях писатели.


Огромная работа, которая, к сожалению, теряется в стандартном дизайне сайта.

Как сторимэп путешествия по Краснодару вписан в стандартный дизайн сайта библиотеки.

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

Примеры использования формата
для разных историй
Потренируйте свой мультимедийный глаз
Идеи для вашего сторимэп

По сути, материал в формате сторимэп — это своеобразный журнал, который пользователь листает двумя способами. С одной стороны, пользователь кликает по стрелкам, последовательно знакомясь с историей, следуя логике, заложенной в неё автором.


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

Фотоинструкция по сервису Storymap JS
Проверьте себя
Внимательно изучите проект «Сафари сторителлера». Найдите там фрагменты, сделанные в формате сторимэп. Проанализируйте решение, которое выбрали авторы для этой части истории. Какие рекомендации вы дали бы команде проекта?
Как создать сторимэп
Подводим итоги и разбираемся в создании историй на основе карт.
  • Детально продумываем историю, рисуем скетч. Убеждаемся, что для этой истории подходит именно формат сторимэп
    01
  • Готовим фото, видео, тексты для сборки сторимэпа
    02
  • Наносим метки на карту, связываем их с визуальным контентом, внимательно проверяем, чтобы смена слайдов работала корректно
    03
  • Проговариваем вслух историю, проверяя, насколько интересным получился рассказ
    FIN