В этой статье мы расскажем о скриншотах как об одной из важнейших составляющих ASO и раскроем организацию процесса их создания в Appbooster. Мы собрали здесь информацию, которая будет полезна новичкам, опытным маркетологам, дизайнерам и разработчикам мобильных приложений.
Процесс создания скриншотов – это не отрисовка баннеров для рекламы, а конструктор, который собирается из элементов, разрешенных гайдлайнами App Store и Google Play. Весь дизайн скриншотов можно разделить на четыре составляющие:
Далее мы поделимся идеями оформления каждого из перечисленных блоков.
Мокап – это макет, который дизайнеры используют для демонстрации своей работы. Это может быть экран ноутбука, визитка, монитор или мобильный телефон. Он нужен для того, чтобы заранее представить, как будет выглядеть какой-либо интерфейс на экране, например, мобильного устройства. Благодаря мокапу можно получить не просто плоскую картинку, вырванную из контекста, а реалистичное изображение.
Еще несколько лет назад мокапы реальных устройств только начинали использовать и это было крутым дизайнерским решением. Но уже сегодня на главной странице Dribbble 80% дизайнов мобильных приложений демонстрируются без мокапов. На смену тяжеловесным решениям пришла простота и легкость.
Мы покажем четыре варианта представления интерфейса мобильного устройства в ASO.
Это решение подойдет для разграничения фона и функционала приложения без перегруза лишними визуальными эффектами.
Заметный и контрастный текст поможет рассказать о главных преимуществах приложения. Обычно его размещают сверху или снизу от изображения и добавляют дополнительные акценты.
Мы подобрали 5 популярных решений по оформлению текста:
Помните, что на скриншотах для Google Play текст всегда должен быть больше, чем на скриншотах для App Store, так как после обновления магазина приложений скриншоты на странице стали меньше.
Главное требование к фону: он должен гармонировать с цветами и стилем приложения. Остальные рекомендации будут зависеть от дизайна интерфейса. Если он сложный и содержит множество мелких деталей, то лучше дополнительно не перегружать фон: это может отвлечь пользователей от того, что вы на самом деле хотите сказать.
Если интерфейс прост и понятен, можно добавить больше ярких деталей для привлечения внимания. При этом каждый элемент должен нести в себе смысл, который поможет показать, какую проблему решает это приложение.
Чтобы сохранить целостность восприятия, можно использовать для фона скришнотов те же цвета, что и в интерфейсе приложения, но других оттенков.
И еще одно визуальное решение для фона: перетекающие элементы связывают скриншоты в единую композицию.
Это отличный способ быстро и просто продемонстрировать основную суть приложения и вызвать нужные эмоции.
Если приложение игровое или у вашего бренда есть известные персонажи, постарайтесь их добавить на скриншоты. Это поможет эмоционально привлечь пользователей и добавит узнаваемости.
Визуальное увеличение элемента, выполняющего определенную функцию, позволит управлять вниманием пользователя, когда это необходимо.
Если в вашем приложении много контента или он играет такую же важную роль, как и сами функции, то для его демонстрации попробуйте использовать такой прием.
Еще один вариант оформления скриншотов – фотофон.
Изометрия – привлекательное решение, но важно, чтобы она не повлияла на видимость интерфейса приложения.
Приступая к созданию дизайна ASO, помните, что шаблонные решения используют многие. Пользователи завалены контентом, поэтому необходимо выделиться среди конкурентов. Главное при создании графики — это индивидуальный подход. Выдвигайте самые неожиданные гипотезы, тестируйте их и узнавайте, что нравится вашей целевой аудитории. Иногда лучшими оказываются варианты, в которые не верил никто!
Как продвигаться по высокочастотным ключам в конкурентной нише на примере нашего клиента — сервиса покупки авиабилетов "Купибилет".
Как продвигаться по высокочастотным ключам в конкурентной нише на примере нашего клиента — сервиса покупки авиабилетов "Купибилет".
Рассказываем, что такое web-приложение и кому оно нужно. Разбираем виды веб-приложений, отличия от обычного сайта способы продвижения и модели монетизации.
Отвечаем на самые популярные вопросы по оптимизации страниц мобильных приложений. Советы, видео и инструкции по ASO – собрали для вас всё в одном месте.
г. Самара, ул. Ново-Садовая 265а