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

Интерактивная фотография — изображение с дополнительным слоем информации, открывающимся по клику на метку. Такое формат уместно использовать, чтобы подписать каждого человека на коллективном снимке, рассказать о природном процессе или историческом событии, расположить большой объём информации, не загромождая изображение.


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

Какие элементы афиши являются ключевыми?
  • 1
    Тип события
    Представьте, что на афише фильма вы прочитаете «комедия», а по факту на экране увидите хоррор. Вы почувствуете себя обманутыми. Чтобы такого не случилось с вашими пользователями, обязательно пишите, куда вы их приглашаете. Люди ориентируются на эти слова. «Выставка» не равно «мастер-класс», «автограф-сессия» не равно «поэтический вечер», «гулянья» не равно «спартакиада». Отнеситесь внимательно к подбору этих слов.
  • 2
    Название события
    Название должно содержать в себе эмоциональный посыл и отражать смысл события. Оно должно быть кратким, но понятным.
  • 3
    Визуал
    Фон, иллюстрации, фотографии или фотоколлажи, графические элементы должны быть согласованы с тематикой и настроением события. У афиши должна быть доминанта. То, что бросается в глаза в первую очередь. Визуальное оформление задаёт тон событию. Изображения не просто «делают афишу нескучной». Поза человека на фото, эмоция, цветовое решение точно так же несут смысл, как и текст.
  • 4
    Дата, время и место проведения
    Желательно крупно и максимально понятно. «12 августа» понятнее, чем «12/08». При этом если в печатных афишах можно не писать год, так как они заклеиваются или снимаются, то в электронных год писать нужно, ведь в Сети информация не удаляется, что часто приводит к конфузам: «Мы не знали, что это событие уже прошло два года назад».
  • 5
    Регистрация или билеты
    Если бы вы знали, как часто организаторы мероприятий забывают рассказать об этом пользователям! Помните, что афиша вашего события может пересылаться отдельно от любой сопровождающей информации, просто картинкой. Проверьте, поймёт ли пользователь, что надо зарегистрироваться или купить билет на событие, обладая только лишь афишей? Если да, то вы дали ему всю необходимую информацию.
Нужен ли вам интерактивный контент?

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


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


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

«Интерактив» не равно «развлечение» (хотя так часто думают). Интерактивы могут быть полезным контентом, отвечать на вопросы аудитории и помогать найти решение проблемы.

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

Готовим материалы заранее
1
Выберите подложку
Приготовьте фотографию или иллюстрацию, которая станет основой для афиши.
2
Напишите тексты
Наберите в Word или другом текстовом редакторе тексты для афиши и тексты для меток. Они должны быть короткими, буквально в пару предложений. Проверьте на ошибки.
3
Подберите материалы
Выберите фотографии или видео, которые разместите на дополнительных слоях. Не забудьте найти и указать их авторов.
4
Продумайте расположение
Информация в метке должна соотносится с основной иллюстрацией и рассказывать соответствующий факт.
Откройте сервис и зарегистрируйтесь в нём через аккаунт в Google, Microsoft или используя электронную почту. Укажите, что вы планируете использовать сервис для образования и ответьте на несколько вопросов.

После регистрации вы попадете на панель управления. Здесь будут отображаться все ваши работы. Чтобы создать новый дизайн, нужно выбрать один из предложенных форматов. Интерактивная афиша — это Interactive Image.

Genial.ly предлагает множество шаблонов, но если вы хотите сделать собственный дизайн, то лучше кликнуть по пустому полю Create interactive image. Появится окно, куда нужно добавить основную фотографию: загружайте с компьютера, добавьте ссылку на фото из интернета или выберите файл в Google-диска.

Фотография откроется в редакторе. Все инструменты находятся в колонке слева. При необходимости добавляйте на фотографию текст, иконки, иллюстрации (например, логотип организации).

Интерактивные метки (interactive elements) расположены в панели инструментов, четвертыми сверху. Они разделены на несколько категорий, разворачивайте (show more), чтобы увидеть все доступные варианты.


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

Выделите метку, над ней появится четыре кнопки. Первый — защита от случайного изменения, вторая иконка позволяет выбрать нужный тип интерактивности:

  • tooltip — информация появится при наведении курсора на метку,
  • window — информация откроется после того, как пользователь кликнет на метку,
  • go to page — переход между страницами в презентации,
  • link — при клике на метку в новой вкладке откроется сайт,
  • full screen — изображение, по которому кликнули, развернётся на весь экран,
  • audio — по клику начнёт проигрываться аудиофайл,
  • reveal — кнопка для включения/выключения видимости других объектов.

Для афиши лучше всего использовать всплывающую подсказку, окно с информацией или переход на внешний сайт (первый, второй и четвёртый вариант). Добавляйте остальной интерактив по своему желанию.
После выбора типа интерактива откроется окно, куда можно вставить текст, изменить шрифт и его размер, добавить смайлик, фото, видео. Нажимайте save, если хотите сохранить результат, и delete, если собираетесь выбрать другой тип интерактива.
Добавив все метки на афишу, в правом верхнем углу нажимайте Present и во всплывающем окне укажите заголовок и описание дизайна. Затем клините на синюю кнопку All set. Вы увидите свою работу глазами пользователя. Не волнуйтесь! Если обнаружатся ошибки, дизайн можно будет отредактировать, при этом публичная ссылка на афишу не изменится.

Найдите значок Share (он появляется и в панели управления, и в режиме редактирования, и в правом нижнем углу во время просмотра материала), кликните на него и выберите удобный способ поделиться афишей:

  • link — ссылка, которую можно скопировать и разослать,
  • insert — embed-код, чтобы афиша отображалась на странице сайта,
  • other — возможность встроить материал в Google Classroom или Microsoft Teams.
Готовим афишу мероприятия
Подводим итоги и расставляем интерактивные метки
  • Выберите мероприятие, о котором хотите рассказать, соберите все необходимые материалы
    01
  • Продумайте количество и расположение интерактивных меток, скрытую в них информацию
    02
  • Зарегистрируйтесь в сервисе Genial.ly и создайте свой интерактивный дизайн
    03
  • Скопируйте ссылку или код на афишу и распространите её, проанализируйте реакцию пользователей
    FIN