Press "Enter" to skip to content

Гид по визуальному оформлению страниц приложений в App Store и Google Play

Nika Grigorieva

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

По данным Storemaven, страница продукта менее чем за 3 секунды должна объяснить, что делает приложение. Именно эти несколько секунд влияют на принятие решения об установке. Чтобы страница вашего приложения в App Store увеличивала конверсию, вам нужно сделать её запоминающейся.

Факторы, влияющие на конверсию из просмотра в установку

Иконка

Является тем самым первым элементом оформления страницы приложения, на которую обращают внимание пользователи. Она должна выделять ваш продукт на фоне конкурентов и быть запоминающейся. Меняйте иконку, проводите A/B тестирования и выбирайте вариант с наибольшей конверсией.

Рекомендации по оформлению иконок в App Store

Каждое приложение имеет набор иконок для главного экрана и более крупную иконку для самого App Store. Иконка также отображается в настройках и результатах поиска.

Таблица размеров значков App Store для разных устройств Apple:

Устройство или местоРазмер
iPhone180px × 180px (60pt × 60pt @3x)120px × 120px (60pt × 60pt @2x)
iPad Pro167px × 167px (83.5pt × 83.5pt @2x)
iPad, iPad mini152px × 152px (76pt × 76pt @2x)
App Store1024px × 1024px (1024pt × 1024pt @1x)

Рекомендации по оформлению иконок в Google Play

Для страницы приложения в Google Play необходима иконка высокого разрешения с тем же изображением, что и на значке приложения в Android. При его создании следуйте этим рекомендациям:

Требования

  • 32-битный PNG (с альфа-каналом).
  • Размер: 512 х 512 пикселей.
  • Максимальный размер файла: 1024 КБ.

Скриншоты

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

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

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

Скриншоты должны быть в PNG (не alpha) или JPEG. Более подробные рекомендации App Store Connect documentation.

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

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

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

Формат

Для приложений в App Store и Google Play чаще используют вертикальные (портретные) скриншоты.

Вертикальные скриншоты

Приложение Maps Me
Пример в App Store, приложение Maps Me
Приложение Duolingo
Пример в Google Play, приложение Duolingo

Горизонтальные скриншоты

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

Пример горизонтальных скриншотов игры Guns of Glory
Пример горизонтальных скриншотов и видеопревью в App Store

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

Композиция

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

Приложение Кошелек
Обычная композиция, приложение Кошелёк, https://play.google.com/store/apps/details?id=ru.cardsmobile.mw3&hl=en_US
Приложение Едадил
Панорамная композиция, приложение Едадил https://play.google.com/store/apps/details?id=com.edadeal.android&hl=en_US

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

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

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

  • Выделите количество пользователей, которые уже доверяют вам. 
  • Отметьте набор функций, которые он получит, скачав приложение. 
  • Опишите явные достоинства своего продукта, по сравнению с аналогичными, уже существующими.
  • Отметьте достижения, награды и премии, которые получило приложение.
Lime приложение
Данные скриншоты были удостоены ASO премии в 2019 году. Больше примеров ASO победителей вы можете посмотреть по ссылке https://asoawards.com/
Calm
На скриншоте выделены награды и основные преимущества Calm

Новые функции

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

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

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

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

Tinder скриншоты App Store

Издатель использует совершенно разные  фото изображения для своего приложения, один набор креативов эффективен для китайской аудитории, и уже совершенно другой используется в США.

Tinder скриншоты App Store

Обложка для приложения в App Store

Если Apple предложит вашему приложение установить обложку страницы продукта, она появится вверху страницы приложения в AppStore.

Обложка страницы приложения в App Store
Примеры обложек страниц приложений в App Store

При создания этого элемента не включайте туда:

  • Надписи
  • Иконки приложения
  • Цены
  • iOS устройства или любые другие устройства

Помните, что:

  • Обложка может повлиять на изменение конверсии, но незначительно, по сравнению с другими элементами.
  • После размещения и утверждения Apple обложку будет сложно поменять. 
  • Обложка не локализуется, если вы её добавите на страницу она будет доступна в таком виде во всех странах.

Требования:

  • Разрешения: 4320 x 1080 пикслей
  • Тип файла: PSD, ZIP
  • Наименование: AppName_AppleID_AppStore_Product-DeveloperPage

Полный список требования для обложки страницв App Store вы найдете здесь.

Обложка страницы приложения в App Store
Примеры обложек для A/B тестирования приложения Ultimate-Guitar.com

Тёмный режим

С релизом iOS 13 в App Store появилась темная тема, теперь некоторые визуальные элементы могут смотреться совсем по-другому чем на светлом фоне. Чёрные или тёмные иконки, как и скриншоты, без наличия контрастных элементов могут потеряться на темном фоне.

Видеопревью

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

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

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

Обращаем ваше мнение на нюансы, которые могут быть неочевидны, на первый взгляд, особенно если вы ранее не cоздавали видеопревью для App Store:

  • Видео для App Store должно быть от 15 до 30 секунд  (по данным SplitMetrics, среднее время просмотра 7-11 секунд).
  • Можно добавить до 3 видеопревью.
  • Добавление сразу 3 видео не имеет смысла (по данным SplitMetrics).
  • Согласно требованиям видео должно отображать взаимодействие с интерфейсом, не быть рекламным роликом с показом устройств или людей с устройством.
  • Весь контент должен быть лицензирован, в текстовом копирайте не должны использоваться персональные данные, возрастной рейтинг должен соблюдаться.
  • Загруженное в неосновную локаль видео будет отображаться в этой локали.
  • Загруженное в основную локаль будет видно во всех локалях.
  • Если у вас вертикальные скриншоты, но вы хотите разместить горизонтальное видео. Имейте в виду, что в поиске будет показываться горизонтальное видео, а на самой странице оно уйдёт вниз под скриншоты.

Требования к видеопревью в App Store: https://developer.apple.com/app-store/app-previews/

Требование видео в Google Play: https://support.google.com/googleplay/android-developer/answer/1078870?hl=en

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

Специальный баннер для видеопревью в App Store

Специальный баннер для превью — это изображение взятое непосредственно из вашего видео ряд. Баннер будет использоваться в качестве заставки видеопревью. Данная заставка должна привлекать и вовлекать, она будет влиять на конверсию у тех пользователей у которых не воспроизводится «автозапуск» поскольку он отключен в App Store.

Требования к созданию специального баннеры вы найдете здесь.

Всегда рекомендуем тестировать: формат скриншотов, композицию, количество скриншотов и видеопревью.

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

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

 В Google Play можно провести A/B тестирование в Google Play консоли, в iTunes Connect отсутствует такая возможность. Можно использовать такие сторонние инструменты, как SplitMetrics, Storemaven или Asogiraffe. С помощью них вы можете запустить эксперименты и также выделить скриншоты с наибольшей конверсией.

Если у вас нет возможности использовать сторонние сервисы для App Store, вы можете пробовать запускать последовательное тестирование креативов. Такой вариант подойдёт для небольших компаний и разработчиков, которые не боятся ухудшить конверсию в ходе экспериментов. Для больших компаний небольшие колебания в конверсии могут аукнуться снижением органических установок.

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

Рейтинг и отзывы

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

В App Store и в Google Play пользователи могут оценить ваше приложение от 1 до 5 звёзд. Рейтинг — один из элементов страницы приложения, который вы видите сразу же после иконки и названия. 

На графике видно, что приложения с наименьшей оценкой установят менее 25 процентов респондентов, приложения с оценкой выше 3 звёзд скачают более 50%.

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

https://www.apptentive.com/

Как работать с отзывами

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

Процесс работы с пользовательскими отзывами можно разделить на несколько этапов:

  • Мониторинг.
  • Ответы на отзывы.
  • Отслеживание изменений отзывов.
  • Работа с полезными отзывами.
  • Жалобы на негативные комментарии.

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

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

  1. […] Гид по визуальному оформлению страниц приложений в App S… (function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); […]

Добавить комментарий