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

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

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

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

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

Мокапы

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

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

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

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

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

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

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

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

Текст

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

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

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

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

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

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

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

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

Фон

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

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

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

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

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

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

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

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

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

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

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

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

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

Фотофон

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

Изометрия

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

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