Спасибо!

Скриншоты для магазина приложений: Оптимизируйте ваши визуальные активы, чтобы привлечь пользователей

Автор: Einav Mor-Samuels
App store screenshots - featured

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

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

Исследования показывают, что пользователи читают всего 20% текста во время просмотра страницы. Из исследований по отслеживанию движений глаз и тепловых карт мы знаем, что изображения привлекают внимание пользователей. Кроме того, мы знаем, что изображения с текстом повышают уровень удержания (retention rate) до 89%, привлекая внимание к вашему приложению.

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

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

Почему скриншоты для магазинов приложений важны для ASO?

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

  1. Они направляют пользователей на страницу вашего товара. Скриншоты приложения отображаются в результатах поиска вместе с названием и подзаголовком приложения. Это один из лучших способов выделиться среди конкурентов и побудить пользователя, для начала, открыть страницу вашего продукта.
  2. Они позволяют пользователям сделать превью вашего продукта. Помимо текстового описания приложения, пользователи хотят визуально представить, как будет выглядеть и работать интерфейс вашего продукта. Скриншоты из магазина приложений позволяют наглядно продемонстрировать это всего за несколько секунд. 
  3. Они преподносят ваш бренд. В описаниях в магазинах приложений часто используется много белого фона и однотипного дизайна. Используйте цвет, шрифт и изображения, чтобы визуально отразить индивидуальность вашего бренда.
  4. Они обеспечивают связь с пользователями. Когда пользователи могут увидеть себя в графическом изображении, через lifestyle-фотографии, иллюстрации или сценарии использования, они с большей вероятностью попробуют ваш продукт. 

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

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

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

Многие из самых успешных скриншотов для приложений просты – скриншот помещается в рамку устройства и размещается на сплошном фоне. 

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

Сравнение скриншотов из магазина приложений TikTok

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

Примерами приложений, использующих эту функцию, являются ESPN, Twitch, Marvel Unlimited и Planta. Это может производить эффект, заставляющий пользователей остановить прокрутку. Просто помните, что каждый отдельный экран должен по-прежнему демонстрировать приложение в действии и иметь возможность самостоятельного использования. 

Требования к скриншотам для магазина приложений: рекомендации и размеры

Как и в случае со всеми усилиями по ASO, для достижения успеха вам необходимо разработать описание в соответствии с требованиями Apple и Google к магазинам приложений.

Требования к скриншотам приложения для Apple Store

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

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

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

Вкратце, требования Apple App Store следующие: 

  • Минимум 1 скриншот, максимум 10
  • Скриншот должен быть в формате PNG, JPEG или видео
  • Разрешение должно быть 72 точек на дюйм, без прозрачности
  • Если вы используете видео, оно появится в первом кадре и будет воспроизводиться автоматически
  • Скриншот должен соответствовать точным характеристикам размера пикселя для поддерживаемых устройств, включая различные iPhone и iPad, компьютеры Mac, Apple TV и Apple Watch

Требования к скриншотам приложения Google Play Store

В Google Play Store скриншоты приложений не всегда появляются в результатах поиска – только при поиске по названию бренда. 

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

По мнению Google, скриншоты должны передавать внешний вид, ощущения, возможности и опыт вашего приложения. Вы можете сделать это с помощью lifestyle-снимка используемого приложения или с помощью скриншотов, демонстрирующих ваши основные функции. Тексты и слоганы не должны занимать более 20% изображения и не должны содержать прямые призывы к действию или ключевые слова о его эффективности, такие как “топ” или “#1”. 

Требования Google Play Store вкратце: 

  • Минимум 4 скриншота, максимум 8
  • Скриншот должен быть в формате JPEG или 24-битный PNG без альфа-канала
  • Размер изображения должен составлять от 320 до 3840 пикселей, а максимальный размер файла – 8 МБ
  • Соотношение сторон должно быть 16:9 или 9:16
  • Максимальный размер скриншота не должен превышать минимальный размер более, чем в 2 раза

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

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

Скриншоты для магазина приложений: рекомендации, советы, инсайты и тренды

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

1 – Проведите конкурентное исследование

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

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

  • Закрепите скриншоты как минимум из трех конкурирующих приложений рядом друг с другом на белом фоне. Во-первых, проанализируйте дизайн и спросите себя, какой из них привлекает ваше внимание и почему? 
  • Присмотритесь к преимуществам, предлагаемым на каждом скриншоте и в сопроводительном тексте. Можете ли вы предложить что-то другое или лучшее? 
  • Читайте отзывы о приложениях, чтобы выяснить, чем вызвано недовольство пользователей приложениями конкурентов. Привлеките внимание к отличительным особенностям вашего приложения на скриншотах.
ГАЙД

Как профессионально провести ASO: гайд по оптимизации магазина приложений

Master ASO

2 – Найдите лучший порядок скриншотов

Только 9% пользователей приложения прокручивают скриншоты. Это означает, что большинство пользователей увидит только первые три скриншота (или один, при альбомной ориентации). Для игр этот показатель немного выше: 17% прокрутки. 

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

Убедитесь, что текст представлен достаточно крупным шрифтом, чтобы читатели могли его просматривать, не увеличивая скриншоты (так как большинство этого не делают), и ограничьтесь четырьмя или пятью словами в строке. 

3 – Расскажите историю

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

Если ваше приложение является новой концепцией для пользователя, сторителлинг – отличный способ быстро показать, как что-то работает. Например, приложение Wag! начинается с основного преимущества («Уход за домашним животным в любой день, в любое время»), а на следующих скриншотах показаны основные шаги по бронированию услуги выгула собак.  

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

4 – Книжная или альбомная

Скриншоты для магазина - книжная и альбомная ориентация

Нет правильного или неправильного ответа на вопрос, использовать ли книжную или альбомную ориентацию для скриншотов. Используйте раскладку, в которой разработано ваше приложение. Книжная ориентация является более популярным выбором, поскольку многие приложения предназначены для вертикального использования, но использование альбомного изображения может выделить вас из толпы (взгляните, например, на Hulu). 

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

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

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

И у Apple, и у Google есть способ A/B-тестирования различных версий страниц приложений, включая скриншоты. Мы настоятельно рекомендуем тестировать разные скриншоты, а также разный порядок расположения скриншотов, чтобы увидеть, какой из них работает лучше всего. 

6 – Локализуйте скриншоты приложения

Локализация скриншотов для магазина приложений

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

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

7 – Кастомизируйте скриншоты и их размеры для каждого магазина

Важно помнить, что пользователи Apple App Store и Google Play Store – это не одно и то же. У них разные предпочтения, и один и тот же подход может не сработать для обоих магазинов. 

Проведите исследование конкурентной среды и A/B-тестирование для каждого магазина и будьте готовы адаптировать свой подход в зависимости от результатов.

Бонус: Требования к видео и значкам в магазинах приложений – рекомендации и размеры

Помимо скриншотов, в описании приложения есть еще два важных элемента: значок приложения и видео. 

Видео для магазина приложений

И Apple, и Google позволяют загружать видео вместе со скриншотами. 

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

Имейте в виду, что видео автоматически воспроизводится без звука, поэтому убедитесь, что ваше сообщение не зависит от звука.

В Google видео должны быть размещены на YouTube. Настройте видео так, чтобы сделать его общедоступным или закрытым, отключите рекламу и сделайте его встраиваемым. Имейте в виду, что первые 30 секунд видео воспроизводятся автоматически. Несмотря на то, что вы можете сделать свое видео длиннее, помните – чем проще, тем лучше.

Значки магазинов приложений

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

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

Apple и Google применяют свое фирменное форматирование приложения (закругленные углы и тень) после того, как вы его загрузите. 

Apple App StoreGoogle Play Store
Формат файлаPNG32-битный PNG (с альфа-каналом)
Размеры1024 на 1024 пикселя. Вы также можете разрешить Apple уменьшать масштаб значка или загружать кастомизированные версии для каждой платформы. 512 x 512 пикселей
Другие требованияDisplay P3 (цвет с широкой гаммой), sRGB, Gray Gamma 2.2 (оттенки серого). Слои, прозрачность и радиус закругления могут варьироваться в зависимости от платформы.Максимальный размер файла 1024 КБ
Чего следует избегатьТекст, если он не является неотъемлемой частью вашего бренда ФотографияТекст, содержащий цены Рейтинги или значки Категории Google Play

Ключевые выводы

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

  • У вас есть всего семь секунд, чтобы произвести впечатление. Не теряйте времени: покажите свое основное преимущество на первом скриншоте.  
  • Визуальные эффекты вашего магазина приложений должны сочетать красивый дизайн и информативность – продемонстрируйте то, что вы можете предложить.
  • В описаниях в магазинах приложений часто используется много белого фона и однотипного дизайна. Используйте визуальные эффекты, чтобы сделать ваше приложение ярким и передать ваш фирменный стиль.
  • Скриншоты приложений выглядят очень маленькими на экране мобильного устройства, поэтому на них не должно быть визуального шума и слишком большого количества текста.
  • Анализируйте все! Изучите конкурентов и протестируйте различные комбинации, чтобы узнать, что заставляет пользователей действовать.

Einav Mor-Samuels

Эйнав — контент-райтер AppsFlyer с обширным опытом в цифровом маркетинге. Последние 15 лет она исследует тенденции рынка и предлагает индивидуальные решения цифровых проблем клиентов. Эйнав наполняет свой контент информацией, основанной на данных, и делает даже самые сложные темы доступными и понятными.
Background
Готовы сделать правильный выбор?