Привлечение пользователей4 мин. время чтения

Скриншоты для App Store и Google Play. Идеи и советы по созданию скриншотов для ASO

Валерия Шалимова

ASO Manager, Appbooster

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

Процесс создания скриншотов – это не отрисовка баннеров для рекламы, а конструктор, который собирается из элементов, разрешенных гайдлайнами App Store и Google Play. Весь дизайн скриншотов можно разделить на четыре составляющие:

  • Мокапы
  • Текст
  • Фон
  • Дополнительные решения для ASO

Далее мы поделимся идеями оформления каждого из перечисленных блоков.

Мокапы

Мокап – это макет, который дизайнеры используют для демонстрации своей работы. Это может быть экран ноутбука, визитка, монитор или мобильный телефон. Он нужен для того, чтобы заранее представить, как будет выглядеть какой-либо интерфейс на экране, например, мобильного устройства. Благодаря мокапу можно получить не просто плоскую картинку, вырванную из контекста, а реалистичное изображение.

Еще несколько лет назад мокапы реальных устройств только начинали использовать и это было крутым дизайнерским решением. Но уже сегодня на главной странице Dribbble 80% дизайнов мобильных приложений демонстрируются без мокапов. На смену тяжеловесным решениям пришла простота и легкость.

Мы покажем четыре варианта представления интерфейса мобильного устройства в ASO.

Объёмные реалистичные устройства

Объёмные реалистичные устройства

Flat – плоские устройства

Flat – плоские устройства


Обводка линией


Это решение подойдет для разграничения фона и функционала приложения без перегруза лишними визуальными эффектами.

Совсем без устройства

Мокап без устройства

Текст

Заметный и контрастный текст поможет рассказать о главных преимуществах приложения. Обычно его размещают сверху или снизу от изображения и добавляют дополнительные акценты.

Мы подобрали 5 популярных решений по оформлению текста:

Часть фразы выделена цветом

Оформление текста скриншотов

Часть фразы выделена иным кеглем

оформление текста скриншотов

Часть фразы подчёркнута

оформление текста скриншотов

Часть текста под плашкой

оформление текста скриншотов

Емкие фразы в одно слово

оформление текста скриншотов


Помните, что на скриншотах для Google Play текст всегда должен быть больше, чем на скриншотах для App Store, так как после обновления магазина приложений скриншоты на странице стали меньше.

Фон

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

оформление фона скриншотов ASO

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

оформление интерфейса скриншотов ASO
цветовое оформление скриншотов ASO

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

цветовое оформление скриншотов ASO

И еще одно визуальное решение для фона: перетекающие элементы связывают скриншоты в единую композицию.

визуальное оформление скриншотов ASO

Дополнительные решения для ASO

Скрин-обложка

Это отличный способ быстро и просто продемонстрировать основную суть приложения и вызвать нужные эмоции.

Скрин-обложка для ASO

Персонажи и логотипы

Если приложение игровое или у вашего бренда есть известные персонажи, постарайтесь их добавить на скриншоты. Это поможет эмоционально привлечь пользователей и добавит узнаваемости.

Персонажи и логотипы для ASO

Акцент на функциях

Визуальное увеличение элемента, выполняющего определенную функцию, позволит управлять вниманием пользователя, когда это необходимо.

Акцент на функциях при оформлении скриншотов ASO

Плашки с контентом

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

Плашки с контентом при оформлении скриншотов ASO

Фотофон

Еще один вариант оформления скриншотов – фотофон.

Фотофон при оформлении скриншотов ASO

Изометрия

Изометрия – привлекательное решение, но важно, чтобы она не повлияла на видимость интерфейса приложения.

Изометрия при оформлении скриншотов ASO

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

Валерия Шалимова

ASO Manager, Appbooster

Популярные

postcard thumb
Новогодний розыгрыш призов!

Вернём 50% всех расходов на мотивированный трафик с 22 по 28 декабря, а ещё разыграем айфон и другие крутые девайсы!

Олег Семёнов

Marketing Lead, Appbooster

Новости и обновления1 мин. время чтения

Последние

postcard thumb
27 фактов о рынке приложений в России от App Annie

Аналитический сервис App Annie опубликовал годовой отчёт State of Mobile 2022 – одно из определяющих исследований в мировой экономике приложений. В этой статье делимся интересными цифрами и фактами из него.

Аналитика4 мин. время чтения
postcard thumb
Гайд по App Store Optimization в 2022 году

Отвечаем на самые популярные вопросы по оптимизации страниц мобильных приложений. Советы, видео и инструкции по ASO – собрали для вас всё в одном месте.

Валерия Шалимова

ASO Manager, Appbooster

Статьи10 мин. время чтения
postcard thumb
Способы продвижения мобильных приложений

Разработка мобильного приложения – дело дорогое и трудоёмкое. В этой статье рассказываем про 5 способов продвижения вашего приложения.

Статьи4 мин. время чтения

Свяжитесь с нами

Адрес

г. Самара, ул. Ново-Садовая 265а