Asodesk блог / Гайды / Статья

Топ-10 рекомендаций по визуальной оптимизации скриншотов

Nika Grigorieva
Nika Grigorieva
Nika Grigorieva
Nika Grigorieva
ng@asodesk.com
ASO эксперт ASOdesk. Профессионал в мобильном и веб маркетинге, одна из основных компетенций — App Store Optimization. Живёт в Берлине.
Все статьи автора
Опубликовано: 26.03.2019
Обновлено: 08.09.2020
читать 7 мин

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

В этой статье мы собрали топ основных рекомендаций по ASO оптимизации скриншотов для обоих магазинов.

Четко следуйте требованиям

Базовое правило, работающее для Google Play и App Store — следовать их требованиям.
У обоих маркетов есть четкие рекомендации к размерам скриншотов, их допустимому количеству, а также по контенту, который можно размещать. Внимательно прочитайте рекомендации и требования, так вы избежите проблем при прохождении ревью.
Рекомендации для Google Play и App Store.

Количество скриншотов

В App Store вы можете разместить до 10 скриншотов на странице приложения для iPhone, iPad, Apple Watch и Apple TV.

В Google Play вы можете добавить до 8 скриншотов для каждого поддерживаемого типа устройства: смартфон, планшет (7 и 10 дюймов), Android TV и Wear OS от Google.

Наши рекомендации для обоих магазинов приложений:

Большинство пользователей скорее всего не будет просматривать все имеющиеся скриншоты. Поэтому, для размещения информации об основных преимуществах, используйте по максимуму 4-5 первых скриншотов. На остальные экраны поместите дополнительные элементы интерфейса и менее важную информацию.

Портретные или же ландшафтные?

App Store
Мы проанализировали топ 100 приложений для iPhonе, и заметили, что почти все приложения используют портретную ориентацию для своих страниц. Это объясняется тем, что большинство приложений имеет вертикальный интерфейс, поэтому вся промо информация идет в таком же формате. Плюс вертикальные скриншоты занимают меньше места. Вы можете поместить на них больше информации. Пользователю же не придется долго скроллить в бок.
Для игр разработчики чаще используют, как вертикальный, так и горизонтальный формат.


Источник: https://itunes.apple.com/us/app/id284035177

Источник: https://itunes.apple.com/us/app/id651510680

Источник:  https://itunes.apple.com/us/app/id1261357853

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


Источник:  https://play.google.com/store/apps/details?id=com.ubercab.eats&hl=en

Источник: https://play.google.com/store/apps/details?id=com.rovio.angrybirdsrio&hl=en

Источник:  https://play.google.com/store/apps/details?id=com.rovio.angrybirds&hl=en

Наши рекомендации для обоих магазинов приложений:
Рекомендуем вам изучить топ приложений из вашей ниши, посмотреть какие скриншоты используют конкуренты и, с учетом ориентации интерфейса вашего продукта, создать набор скриншотов. Для приложений в App Store и Google Play лучше использовать вертикальные скриншоты.
Для iPhonе и Android игр предпочтительнее делать горизонтальные скриншоты, если сам интерфейс имеет такой формат. Если же интерфейс игры вертикальный, то скриншоты также должны это отражать. Также помните, что поведение пользователей двух магазинов могут различаться, и лучше планировать разные наборы скриншотов, один для App Store, а другой для Google Play.

Преимущества выносите вперед

Так как размер экрана устройства ограничен, сначала пользователь видит только два скриншота. Поэтому главные возможности и преимущества важно отразить на первых двух экранах.
Мы проанализировали топ 100 бесплатных приложений для iPhone в США, и заметили тренд: основная информация о преимуществах и возможностях выносится или на первый скриншот, или на два первых скриншота, которые образуют единую композицию.


Источник: https://itunes.apple.com/us/app/paypal-mobile-cash/id283646709

Источник: https://itunes.apple.com/us/app/doordash-order-food-delivery/id719972451

Выбор стиля приложения

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

Сплошной фон и устройство

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


Источник: https://itunes.apple.com/us/app/hulu-watch-tv-shows-movies/id376510438

Плюсы:
Такие скриншоты довольно просто сделать;
Они четко выделяют преимущества: одна функция на один экран.

Минусы:
Технически использование изображений устройств запрещено, и в Руководстве разработчика iTunes Connect говорится: «Не размещайте снимок экрана внутри изображения устройства Apple»;
Слишком много издателей уже используют такие скриншоты, вы можете потеряться на их фоне.

Панорамная галерея
Данная подача подразумевает продуманный единый визуальный ряд. Чаще всего два первых экрана объединены в одну композицию. На первый скриншот помещается информация об основных возможностях, а на втором раскрывается содержание приложения. Такая композиция раccчитана на то, что пользователи заинтересуется и будут листать дальше.


Источник: https://itunes.apple.com/us/app/wish-shopping-made-fun/id530621395

Источник: https://itunes.apple.com/us/app/yelp-food-services-around-me/id284910350?mt=8

Плюсы:
Высокий уровень вовлечения со стороны пользователей.
Яркая подача информации.
Минусы
Требуется больше времени на разработку концепции.

Выделяйте преимущества продукта, а не его функции

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


Источник: https://itunes.apple.com/us/app/skyscanner-travel-deals/id415458524

Отмечайте достижения

Ваши потенциальные клиенты хотят пользоваться лучшими и популярными продуктами. Дайте им такую возможность. Подчеркните свои достоинства: на скриншотах отметьте достижения, награды и премии, которые получило ваше приложение.


Источник: https://itunes.apple.com/us/app/calm/id571800810?mt=8

Локализуйте графику под разные рынки

Все графические материалы нужно не просто локализовать, переведя на местный язык все надписи на скриншотах.  Для всей графики необходимо сделать полную адаптацию под местный рынок. Такая адаптация называется культуризацией. Вы не просто переводите тексты, а также создаете графику с учетом особенностей местного рынка. Это может быть определенная цветовая гамма или фотографии с людьми другой национальности. Возможно, придется добавить символы или же фотографии людей заменить иллюстрациями. Все очень сильное зависит от культурных особенностей той страны, в которой вы планируете продвигать свой продукт.
На примере ниже видно, что издатель использует совершенно разные цветовые гаммы и изображения для своего приложения, один набор креативов эффективен для китайской аудитории, и уже совершенно другой используется в США.

Скриншоты Tik Tok в App Store для Китая


Источник: https://itunes.apple.com/cn/app/id1142110895

Скриншоты TikTok в App Store для США


Источник: https://itunes.apple.com/us/app/id835599320

Добавляйте видео

Добавление видео превью в App Store и промо видео для Google Play —  это дополнительная возможность рассказать вашей аудитории о преимуществах приложения. Наглядно показать, как продукт можно использовать в повседневной жизни.

Добавленное видео может значительно повысить конверсию из просмотра страницы в установку. Согласно отчету Splitmetrics, добавление видео превью в App Store может повысить вовлечение и коэффициент конверсии на 16%, а согласно информации от StoreMaven, наличие видео на странице вашего приложения в магазине может повысить коэффициент конверсию на 20–35%

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

Мы проанализировали топ 100 бесплатных приложений для iPhone: из 100 только 23 используют видео превью. В основном это приложения для онлайн покупок, доставки еды, фото и видео редакторы, а также стриминговые сервисы.

Из этого можно сделать выводы:

  • Не все издатели используют возможность показа функциональности своего приложения в динамике, и у вас есть возможность в App Store обратить на себя внимание.
  • Видео туториал уместен, в том случае, если у вас достаточно функций и контента внутри самого приложения.

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

Проводите A/B тестирование

Когда нужно проводить тестирование новых скриншотов? В принципе каждый раз, когда вы планируете обновить их в App Store или в Google Play.

Но, особенно в тех случаях, когда вы полностью меняете концепцию своих графических материалов. Например, вы замечаете, что приложение имеет высокие места в топе поисковых запросов. У вас хорошая посещаемость страницы в магазине, но конверсия падает. В этом случае стоит проанализировать иконку и скриншоты, выдвинуть гипотезы и создать несколько наборов новых визуальных элементов. Затем запустить A/B тестирование. В итоге выбирать тот вариант, который показывает лучшую конверсию.

В Google Play консоле существует возможность проведения тестирования всех элементов страницы. Вы загружаете свой вариант в магазин и испытываете на живой аудитории. Затем проводите тестирование для другого набора. A/B тесты помогают проанализировать и выбрать те варианты, которые будут более эффективны в увеличении конверсии.

В App Store, к сожалению, не существует нативных инструментов для проведения таких тестов, но можно воспользоваться сторонними сервисами. Что касается подробной информации о самих инструментах, которые вы можете использовать для проведения A/B тестирования визуального оформления страниц. Вы можете посмотреть одну из наших прошлых статей  “Что нужно ASOшнику помимо ASO платформы”.

Резюмируем

Эффектное оформление страницы приложения напрямую влияет на эффективность вашей ASO стратегии. Скриншоты влияют на принятие решения о скачивании или покупке продукта.
App Store и Google Play постоянно меняются, и, в связи с этим, обновляются требования к графическим материалам. Вы должны отслеживать эти изменения и, согласно им, менять иконки и скриншоты своего приложения.

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

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

Продолжайте оптимизировать и улучшать свои показатели. А мы будем держать вас в курсе последних новостей и трендов.
Мы всегда рады вашим комментариям, вопросам и вашим аплодисментам! ?

Читайте также:
Дмитрий Москаленко
Дмитрий Москаленко
Дмитрий Москаленко
Дмитрий Москаленко
d.moskalenko@vk.team
ASO-менеджер в VK. В ASO с 2020 года. Имеет опыт работы как с игровыми проектами, так и с сервисами.
Все статьи автора
18.01.2024
читать 6 мин

Как использовать Custom Store Listings в Google Play: 5 необычных лайфхаков

Специальные страницы в Google Play помогают рассказать больше о вашем приложении или игре. Дмитрий Москаленко, ASO-менеджер VK, рассказывает, как необычно использовать инструмент, чтобы эффективно тестировать гипотезы ASO и увеличивать конверсию из просмотра страницы приложения в установку. Читать далее

Кирилл Мартинович
Кирилл Мартинович
Кирилл Мартинович
Кирилл Мартинович
kiryl.martsinovich@gmail.com
ASO-специалист с опытом работы 1+ год. Работает не только с Google Play и App Store, но и активно экспериментирует с алгоритмами альтернативных магазинов приложений (Xiaomi GetApps, Huawei AppGallery).
Все статьи автора
06.09.2023
читать 14 мин

Как SEO-специалистам быстро освоить ASO

Если вы SEO-специалист, которому поручили заниматься поисковой оптимизацией приложений (ASO) в компании, то вам пригодится эта статья. В ней мы разобрали, как ASO может помочь бизнесу, в чём сходства и различия ASO и SEO, какие факторы ранжирования важно учитывать при оптимизации и как быстро освоить все 8 этапов ASO. Читать далее

Александр Верещагин
Александр Верещагин
Александр Верещагин
Александр Верещагин
avtrener@gmail.com
Александр Верещагин — ASO Lead в Angle Connect. Занимается поисковой оптимизацией приложений для иностранных рынков. В большей степени для восточно-азиатских и австронезийских. Ежедневно работает с 10 языками и адаптирует ASO под культуру стран. С 2016 года является автором книг в издательствах «Весь», «IPIO», «Эксмо».
Все статьи автора
08.12.2022
читать 9 мин

Как начать работу с альтернативными магазинами приложений: AppGallery, GetApps и Samsung Galaxy Store

Чтобы разработчику освоить новые рынки и увеличить прибыль, можно обратить внимание на популярные аналоги App Store и Google Play. В этой статье мы расскажем о том, как работать с AppGallery, GetApps и Samsung Galaxy Store. Читать далее