Графика в продвижении мобильных приложений в App Store и Google Play (ASO) — как оптимизировать графические элементы

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

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

Оптимизация графики для App Store

При оптимизации iOS приложений ASO-специалист работает с такими визуальными составляющими: 

1. Иконка (Icon).
2. Скриншоты (Screenshots).
3. Обложка (Page Artwork).
4. Видео (App preview).
5. Баннер видео (Preview poster frame).

1. Оптимизация иконки для App Store 

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

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

1. Иконка должна привлекать внимание и запоминаться. 
2. Она должна соответствовать тематике и при этом выделяться среди конкурентов. 
3. Простота и минимализм — залог успеха. Не перегружайте изображение мелкими деталями.  
4. Создайте узнаваемый значок, который будет отражать суть вашего приложения;
5. Протестируйте иконку на разных фонах. Не впадайте в крайности — черное или белое, попробуйте разные цветовые гаммы. 
6. Углы иконки оставляйте прямыми, система скруглит их автоматически.  
7. В AppStore можно использовать только одну иконку для всех локализаций.
8. Запрещается использование Call to Action на иконке. 
9. Не указывайте бренд, если пока о нем никто не знает.

Спецификация для иконки от App Store:

2. Размеры 

Каждое приложение имеет два типа иконки:

1. Большой размер (для отображения в App Store):

2. Меньший размер (для отображения на устройстве после установки приложения):

3. Рекомендации для скриншотов в App Store

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

Общие требования к скриншотам в App Store:

• Количество скриншотов — от 1 до 10. Ориентация может быть как вертикальная, так горизонтальная. 
• Для разных девайсов есть возможность добавлять разные скриншоты. 
• Можно добавлять разные скриншоты для разных локализаций. Рекомендуется демонстрировать интерфейс приложения или геймплей игры. 
• Обращайте внимание, что в поиске пользователь видит 1 горизонтальный скриншот или 3 вертикальных; а на странице приложения — 1,5 вертикальных скриншота. Следуйте политике Apple для формирования контента скриншотов.

Размеры скриншотов:

Чтобы проверить, как будут выглядеть ваша иконка и скриншоты ДО релиза приложения, можно воспользоваться ресурсом App Preview от Appfollow.

4. Обложка приложения в App Store (Page Artwork)

Обложка отображается на странице приложения, и на странице разработчика в App Store.

App Store в своих рекомендациях по созданию обложки:

• Изображение должно быть актуальным как минимум шесть месяцев, изменить его будет проблематично. 
• Разрешающая способность: 4320x1080 пикселей 
• Тип файла: PSD, ZIP.
• Наименование: AppName_AppleID_AppStore_Product-DeveloperPage.

5. Видео (App preview)

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

Для каждой локации можно использовать индивидуальное видео, но важно помнить некоторые детали:

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

Основные требования к видео:

1. Если видео вашего приложения горизонтальные, но при этом загружены вертикальные скриншоты, то в поиске будет отображаться горизонтальное видео, а на странице приложения оно будет размещено ниже вертикальных скриншотов.
2. Продолжительность видео — от 15 до 30 секунд.
3. Есть возможность добавлять до 3 видео, но по данным Splitmetrics в этом нет смысла, поскольку пользователи никогда не смотрят больше одного видео и уделяют внимание только первым 7-11 секундам.
4. На видео рекомендуется продемонстрировать взаимодействие пользователя с интерфейсом программы.
5. Запрещено показывать рекламные ролики, устройства или людей с устройством.
6. Следите за спецификациями для видео.
7. Ознакомьтесь с советами по созданию видеороликов от App Store.

6. Банер (Preview poster frame)

В качестве баннера используется стоп-кадр из видео. Не нужно загружать отдельное изображение. 

Настроить баннер возможно при загрузке видеоролика в App Store Connect. Как именно — читайте в официальном руководстве. 

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

Исключение:

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

Оптимизация графики для Google Play

Для Android приложений ASO-специалист работает со следующими визуальными составляющими:

1. Иконка (Icon).
2. Скриншоты(Screenshots).
3. Банер (Feature graphic).
4. Видео.

1. Рекомендации для иконки в Google Play

В Google Play и в AppStore иконка является основным графическим элементом приложения.

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

Рекомендации от Google:

1. Изображения: 32-битный PNG (с альфа-каналом).
2. Размеры: 512 на 512 пікселів.
3. Формат: sRGB.
4. Форма — полный квадрат, система автоматически закруглит края.
5. Максимальный размер файла: 1024 КБ.
6. Для каждого языка можно добавить свой вариант иконки.
7. Иконка должна соответствовать спецификациям дизайна Google Play:

• запрещается использование Call to Action с призывом скачать приложение или с информацией о ценах и скидках;
• запрещено любым способом демонстрировать рейтинг;
• не допускается использование информации, которая может ввести пользователя в заблуждение;
• запрещено демонстрировать участие приложения в программе Play.

2. Скриншоты

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

Основные требования:

1. Можно разместить от 2 до 8 скриншотов любой ориентации для разных девайсов. 

2. Для игр и приложений — минимум 4 скриншота.

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

• JPEG или 24-битный PNG (без альфа-каналу);
• Минимальный размер: 320 пикселей;
• Максимальный размер: 3840 пикселей.

4. Рекомендуется демонстрировать на скриншотах интерфейс приложения и исключительно реальное взаимодействие пользователя с игрой или приложением. 

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

6. Нельзя показывать рейтинг, отзывы, награды, скидки и какие-либо акции. Также рекомендуется избегать слов «Best», «#1», «Top», «New», «Discount», «Sale» или «Million Downloads».

7. Запрещено использовать призывы к действию для установки пользователем приложения, например, «Download now», «Install now», «Play now» или «Try now».

3. Банер (Feature graphic)

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

Когда и где именно отображается баннер в GP?

• Если на странице есть видео, то баннер отображается в качестве обложки;
• В подборках, рекомендациях, коллекциях, в том числе рекламных.

Основные требования к оформлению баннеров:

1. Размер и формат изображения указаны в рекомендациях от Google:

• JPEG or 24-bit PNG (без альфа-канала);
• Размеры: 1024px by 500px.

2. В изображении передайте суть и основную ценность приложения или игры.

3. Не повторяйте в баннере изображение иконки, чтобы избежать дублирования.

4. Избегайте мелких деталей.

5. Локализуйте графику и текст.

6. Избегайте текста и изображений, которые со временем могут стать неактуальными. Если вы готовите баннер к празднику или ивенту, своевременно обновляйте его. 

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

4. Видео

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

Основные требования к превью видео:

1. Чтобы добавить видео, его нужно загрузить на YouTube, и в настройках приложения дать на него ссылку.
2. Локализуйте видео, чтобы иметь возможность демонстрировать его на разных языках.
3. Видео, которое было загружено в основную локаль, будет отображаться и во всех других локалях, если в них не будет указана другая ссылка.
4. Запрещается интегрировать в видеоролик фрагменты рекламы и монетизации, или фрагменты, имеющие возрастные ограничения.
5. Автоматическое воспроизведение длится 30 секунд, но самые важные функции следует показывать в первые 10 секунд, чтобы заинтересовать пользователя. 
6. Отдайте предпочтение видео с горизонтальной ориентацией, так как оно будет воспроизводиться на горизонтальном проигрывателе. 
7. Желательно добавлять субтитры, чтобы пользователь мог понять суть видео даже с выключенным звуком.
8. Чтобы записать видео с экрана устройства, ознакомьтесь с инструкцией.

Заключение

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

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