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

Команда RadASO знає все та навіть більше про оптимізацію додатків в App Store. Ми раді ділитися нашим досвідом, щоб ви могли застосувати наші поради на практиці і покращити позицію свого додатка. Настав час корисного контенту, і сьогодні ми говоримо про графічне ASO. Графічне ASO є оптимізацією всіх графічних елементів на сторінках сторів. Зображення завжди притягують увагу, тому основна ціль графічної оптимізації, звичайно ж, збільшення конверсії.

Якщо користувач шукає застосунок не за ім’ям бренду, а за функціональними особливостями, саме візуальне сприйняття стане основою для прийняття рішення: встановити ваш застосунок чи ні. Чому графічна оптимізація настільки важлива в App Store и Google Play ми вже з’ясовували у цій статті.

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

Під час оптимізації iOS застосунків ASO-спеціаліст працює з такими візуальними складовими: 

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

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

Це основний візуальний елемент, з якого все починається і який з перших секунд повинен розкривати ціль вашого мобільного додатку.

Нижче ми зібрали основні правила для оформлення іконки, які допоможуть вам уникнути помилок.

• Іконка повинна привертати увагу і запам’ятовуватися.
• Вона має відповідати тематиці і при цьому виділятись серед конкурентів.
• Простота і мінімалізм — запорука успіху. На перевантажуйте зображення дрібними деталями.  
• Створіть впізнаваний значок, який відображатиме суть вашого застосунку;
• Протестуйте іконку на різних фонах. Не впадайте в крайнощі — чорне або біле, спробуйте різні кольорові гами.
• Кути іконки лишайте прямими, система округлить їх автоматично.  
• В AppStore можна використовувати тільки одну іконку для всіх локалізацій.
• Забороняється використання Call to Action на іконці.
• Не вказуйте бренд, якщо поки що про нього ніхто не знає.

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

2. Розміри

Кожен додаток має два типи іконки:

1. Великого розміру, для відображення в App Store:

2. Меншого розміру, для відображення на пристрої після встановлення додатку:

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

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

Загальні вимоги до скріншотів в App Store:

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

Розміри скріншотів:

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

3. Обкладинка застосунку в App Store (Page Artwork)

Обкладинка відображається на сторінці застосунку, і на сторінці розробника в App Store.

App Store в своїх рекомендаціях зі створення обкладинки:

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

4. Відео (App preview)

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

Для кожної локалі можна використовувати індивідуальне відео, але важливо пам'ятати деякі деталі:

• відео, завантажене в основну локаль, буде відображатися у всіх локалях;
• відео, розміщене на не основній локалі, буде показуватися лише у цій конкретній локалі.

Основні вимоги до відео:

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

5. Банер (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, вивчайте підхід своїх конкурентів, надихайтесь новими ідеями та трендами та завжди залишайтесь у ТОПі не тільки за показами, а й за встановленнями і продажами!