От структуры слайдов до деталей оформления
По данным исследования Fanpage Karma, карусели получают на 13% больше охватов, чем рилсы, а их вовлеченность выше в 1,5 раза. Формат помогает удерживать внимание аудитории в соцсетях, а на сайтах — компактно разместить товары, кейсы, инструкции или подборки контента. В статье собрали советы, как выстроить логику и дизайн слайдов, чтобы их захотелось долистать до конца.
Карусель — это формат публикации, который объединяет несколько изображений или коротких видео в один материал. Пользователь может свайпать их или переключать кликом, чтобы последовательно знакомиться с контентом.
Карусели можно использовать:
На сайтах и в приложениях. Карусель позволяет разместить несколько элементов в одном блоке и сэкономить место на экране. С помощью слайдера можно оформить подборку товаров, отзывов и статей, последовательно рассказать об этапах реализации проекта, представить команду — или рассказать о преимуществах продукта, как детская школа программирования «Алгоритмика».
В социальных сетях. За счет интерактивного формата аудитория активнее взаимодействует с контентом. Например, чтобы узнать истории стажеров в соцсетях SETTERS Media, читателям нужно было пролистать несколько карточек. Поскольку пользователи дольше задерживаются на таких постах, алгоритмы соцсетей охотнее их продвигают.
В рекламных публикациях. В карусели можно показать сразу несколько товаров или услуг в одном объявлении, как это сделала Lamoda. Либо подробно рассказать об одном продукте и каждый слайд можно посвятить отдельному преимуществу, функции или сценарию использования.
У каждой платформы свои требования к оформлению: отличаются рекомендуемые размеры изображений, соотношение сторон и максимальное количество слайдов. Например, в Instagram* в одной публикации можно разместить до 20 слайдов, в Pinterest — до 5, а во ВКонтакте — до 10.
Карусель подходит для разных типов контента, который нужно разделить на несколько смысловых частей. Каждый слайд помогает раскрыть отдельную мысль и постепенно провести пользователя через материал.
В таком формате можно оформить:
Кейс. Покажите задачу, процесс и результат работы. На отдельных слайдах можно рассказать о проблеме клиента, выбранном решении, ходе реализации и итогах. Вот как это получилось у студии мобильной разработки MobileUp:
Интервью. Разделите разговор на несколько карточек. На первой представьте героя, а на следующих расположите ключевые цитаты. В карьерном канале Т-Банк так рассказали историю профессионального роста сотрудника.
Подборка товаров. Объедините несколько продуктов в одной карусели: покажите новинки или позиции из одной категории. Например, бренд Divage сделал подборку летней косметики.
Дайджест. В карусель удобно собрать главные новости, популярные статьи или актуальные акции. Компания «Пересвет-ЮГ» оформила в таком формате дайджест с планировками месяца.
Отзывы. На каждом слайде можно разместить фотографию клиента, его имя и впечатления о товаре или услуге. Еще один вариант — добавить на слайды видео, как школа иностранных языков CHICAGA.
Инструкцию. Пошаговые руководства легко превратить в серию карточек: один слайд — один этап. В таком формате компания «Технониколь» собрала гайд по гидроизоляции и утеплению пола в ванной.
Историю. Карусель помогает выстроить последовательный рассказ о создании продукта или пути героя. Медиа PostNews представила в таком формате историю Криштиану Роналду.
Чтобы публикация удерживала внимание, важно продумать последовательность слайдов. Разберем, из каких частей может состоять эффективная карусель.
Открывающая карточка. Она должна заинтересовать пользователя и мотивировать его листать дальше. Для этого придумайте понятный и цепляющий заголовок. Он может обозначать проблему, подсвечивать пользу материала или создавать интригу. Обложка карусели в паблике «Медвуза» с первого взгляда дает понять: дальше читателей ждет подборка фильмов.
Основная часть. Каждый следующий слайд должен логично продолжать предыдущий и раскрывать общую идею, а не выглядеть отдельной карточкой. Для этого можно использовать готовые схемы повествования. Вот несколько популярных:
Последний слайд. Обычно на нем размещают вывод, к которому подводит карусель. Также финальная карточка — хорошее место для призыва к действию: предложите перейти на сайт, поделиться мнением в комментариях или сохранить материал. Например, медицинская школа Christmedschool попросила пользователей написать в сообщения сообщества, чтобы получить бесплатную памятку. Такой подход помог превратить карусель в лид-магнит.
Продуманное оформление помогает сделать карусель цельной, направляет взгляд пользователя и мотивирует переходить к следующему слайду. Вот несколько идей дизайна карусели:
Добавьте объединяющие детали. Это могут быть мемы, стикеры, иллюстрации, тематические иконки или другие элементы, которые присутствуют на всех слайдах и делают карусель визуально цельной. Например, сервис выбора работы «Буду» к каждой иллюстрации добавил смешную подпись.
Сделайте бесшовный фон. Используйте одно изображение, разделенное на несколько слайдов. Это создает иллюзию непрерывного полотна и визуально связывает карусель. Платежная система «Мир» добилась такого эффекта благодаря пунктирной линии, которая проходит через все карточки.
Разделите один элемент на несколько слайдов. Можно разрезать иллюстрацию на части и разместить их на стыке карточек. Посмотрите, как дизайнеры Флаувау стилизовали публикацию под фотоальбом: на одном слайде видна часть страницы, а на следующем — ее продолжение.
Добавьте стрелки и счетчик слайдов. Такие элементы подсказывают пользователю, что публикацию можно листать дальше, и помогают понять, сколько карточек еще впереди. Например, на обложке карусели SHIKStudio стрелка намекает, что стоит свайпнуть вправо, чтобы увидеть подборку продуктов для свадебного макияжа в стиле Дуа Липы.
Чередуйте фотографии и видео. Если площадка позволяет, комбинируйте статичные изображения с короткими роликами. Смена форматов делает карусель более разнообразной и помогает удерживать внимание пользователя. Вот как это сделали в карьерных соцсетях МТС:
Даже удачная идея не сработает, если информацию в карусели сложно воспринимать. Разберем ошибки, которые встречаются чаще всего.
Нет логики повествования. Если каждый слайд выглядит самостоятельным, пользователю сложно понять, к чему ведет рассказ. Продумайте структуру заранее, чтобы каждая карточка логично продолжала предыдущую и подводила к следующей.
Слишком много текста. Длинные абзацы перегружают слайды и снижают вероятность, что пользователь дочитает материал до конца. Если информацию можно показать с помощью схемы, иллюстрации, иконок, инфографики или таблицы, лучше выбрать такой вариант.
Слабый первый экран. Обложка должна сразу объяснять, о чем карусель и зачем ее листать. Избегайте общих заголовков вроде «Полезная информация» или «Несколько советов». Вместо этого лучше сразу обозначить тему и пользу.
Перегруженный дизайн. Избыток цветов, шрифтов, декоративных деталей и графики отвлекает от содержания. Используйте ограниченную палитру и оставляйте достаточно свободного пространства. Тогда информация будет восприниматься легче.
И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ,
И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ,
И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ, И ЗДЕСЬ
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
