13 порад, як створювати та оптимізувати скріншоти додатка для App Store

Створювати та оптимізувати скріншоти додатка для App Store – це дуже важливо. За статистикою, у вас є всього 7 секунд, щоб зацікавити користувача та переконати його завантажити додаток. Найкраще зробити це за допомогою скріншотів, адже саме вони привертають найбільше уваги одразу після того, як людина заходить на сторінку додатка.

У цій публікації ви знайдете 13 дієвих прийомів для створення таких скріншотів, які збільшать кількість завантажень у App Store.

Навіщо потрібні скріншоти додатка в App Store Apple

Усі зусилля щодо оптимізації сторінки додатка будуть марними, якщо не переконати користувача натиснути кнопку «завантажити». Саме скріншоти створюють перше враження, на основі якого людина вирішує – завантажувати додаток чи ні. Найкращі скріншоти додатка для iOS у App Store демонструють його функції, можливості, візуал та інтерфейс.

Люди швидше та легше сприймають інформацію з усіх візуальних елементів: значків, відео, скріншотів. У деяких випадках оптимізація скріншотів в App Store дозволяє підвищити коефіцієнт конверсії на 18-28%. Це, у свою чергу, позитивно впливає на подальше просування, адже кількість завантажень – один із основних факторів ранжування додатка в магазині Apple.

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

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

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

Скріншоти додатка на iOS: технічні вимоги App Store

ASO оптимізація додатка під App Store та Play Market відрізняється, детально про це ми писали у статті про особливості оптимізаціі для App Store та Google Play. У тому числі в них різні вимоги до скріншотів, тож підготуйте різні скріншоти для кожного майданчика, враховуючи їхні вимоги. Тут і зараз ми говоримо конкретно про App Store.

Основні вимоги до скріншотів додатка для завантаження в App Store:

• Формат файлу: PNG, JPEG.
• Якість: Найкраща.
• Адаптація зображень за розміром екрану: 6.5-дюймовий iPhone; 5.5-дюймовий iPhone; 12,9-дюймовий iPad Pro. Не обов’язково завантажувати картинки різних розмірів для окремих моделей iPhone. Програма автоматично налаштовує оптимальний розмір для інших поколінь смартфона.
• Додаткові рекомендації: Допускається вказування досягнень додатка.

Розміри скріншотів в App Store повинні відповідати розмірам екранів усіх телефонів та планшетів, що є у ваших користувачів. Apple не надає максимальний та мінімальний розмір скріншотів. Залежно від пристрою будуть відрізнятися рекомендовані розміри.

Пам’ятайте і про відмінності дизайну App Store залежно від версії iOS. На різних пристроях зовнішній вигляд магазину додатків відрізняється, відповідно і скріншоти повинні бути різними.

Рекомендовані розміри скріншотів для Айфонів:

• Розмір екрану (моделі) — Роздільна здатність, пікселі
• 6.5 дюймів (iPhone 12-13 Pro Max, iPhone 11 / 11 Pro Max, iPhone XS Max, iPhone XR) — 1242 x 2688; 2688 x 1242
• 5.8 дюймів (iPhone 13 / 13 Pro / 13 mini, iPhone 12/12 Pro/12 mini, iPhone 11 Pro, iPhone XS, iPhone X) — 1125 x 2436; 2436 x 1125
• 5.5 дюйів (iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus) — 1242 x 2208; 2208 x 1242
• 4.7 дюймів (iPhone SE, iPhone 6 / 6s / 7 / 8) — 750 x 1334; 1334 x 750

Рекомендовані розміри скріншотів для iPad в App Store:

• Розмір екрану (моделі) — Роздільна здатність
• 12.9 дюймів (iPad Pro) — 2048 x 2732; 2732 x 2048
• 11 дюймів (iPad Pro, iPad Air, iPad mini) — 1488 x 2266; 2266 x 1488; 1668 x 2388; 2388 x 1668

Докладніше дивіться у рекомендаціях Apple.

Які скріншоти завантажувати — вертикальні чи горизонтальні

Близько 96% топових додатків 2023 року використовують вертикальні (книжкові або портретні) скріншоти. Розробники ігор використовують їх у 80% випадків.

Книжкове розташування дозволяє розмістити більше інформації, оскільки у видачі відображаються одразу 3 вертикальних скріншоти (при горизонтальній орієнтації — лише один). З іншого боку, великий горизонтальний скріншот помітніший у списку додатків і за статистикою дає більше конверсій.

Який формат скріншота вибрати, залежить від особливостей додатка. Для додатків із розширеним функціоналом краще додати вертикальні знімки, так користувач швидше отримає всю основну інформацію. Прості яскраві додатки (наприклад, калькулятор) краще доповнити горизонтальним скріншотом. Розмістіть на ньому напис із закликом до дії або створіть колаж.

Відео замість першого скріншота

Під час пошуку в App Store на версії iOS 12 і вище на екрані відображаються майже два скріншоти. Замість першого знімка можна завантажити відео для попереднього перегляду з автоматичним відтворенням.

Вимоги до відео:

• Допустима кількість відео: до 3
• Формат: .mov, .m4v, .mp4
• Роздільна здатність і розмір відео: завантажуйте відео у форматі FullHD або вище. Максимальний розмір — 50 мБ. Відео автоматично зменшується, підлаштовуючись під розмір екрану пристрою.
• Тривалість відео: 15-30 секунд
• Автоматичне відтворення: без звуку — додайте зручні для читання субтитри до відео (близько 69% користувачів дивляться відео в громадському місці);
• Орієнтація відео: вертикальна і горизонтальна
• Особливості модерації: заборонено додавати у відео маркетингові матеріали; на відео потрібно показати UI/UX додатка або геймплей гри; модерація проходить вручну і займає до 24 годин.

Робіть обкладинку до відео як окремий скріншот. У режимі енергозбереження відео автоматично не відтворюється. Тому важливо звертати увагу на оформлення стоп-кадру. Обкладинка для відео виконуватиме роль скріншота і може нести додаткову інформацію. Стоп-кадр підбирайте за тими ж порадами, що й для скріншотів додатків iOS.

Створювати скріншоти для App Store може бути дійсно непросто, особливо враховуючи різницю в розмірах дисплея, орієнтації, можливості завантаження відео. Якщо ви вирішили самостійно створити скріншоти додатка iOS, скористайтеся порадами щодо оптимізації знімків екрана, які представлені нижче.

13 порад щодо скріншотів для додатка в App Store та найкращі приклади

Порада 1. Подивіться, що вже зробили конкуренти

Перш ніж робити власні скріншоти, вивчіть знімки екрана додатків конкурентів. Звертайте увагу на інформацію, наявність закликів до дії, вигляд шрифтів для підписів та інші деталі. Не варто бездумно копіювати ідею, натомість візьміть для себе найвдаліші рішення.

Орієнтуйтесь на топові додатки у своїй і суміжних нішах. Зручно проаналізувати конкурентів можна за допомогою сервіса ASOMobile, інструмент Visual Comparison.

Порада 2. Розміщуйте головну інформацію на першому скріншоті.

Під час створення та оптимізації скріншотів додатка – на першому знімку екрана чітко позначте суть додатка, його функціонал, внутрішнє візуальне оформлення. Чудовий приклад – перший знімок екрана WhatsApp Messenger. На картинці зображено зовнішній вигляд месенджера та описано 3 його головні переваги: «Зручно. Надійно. Безпечно». На другому, третьому і четвертому скріншотах додано переваги додатка та як виглядає спілкування у чаті.

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

Порада 3. Спробуйте розділити вміст на два скріншоти

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

YouTube використовує ще один прийом: по одній функції на кожен скріншот. Так користувач всього у трьох знімках розуміє основні переваги YouTube.

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

Порада 4. Робіть яскраві підписи, зручні для читання

Знімки екрана відображаються на мобільних пристроях з невеликим дисплеєм. Тому фон картинки зробіть простим, а текст – коротким, чітким і легким для читання. У цьому вам допоможуть контрастні кольори.

Для тексту підберіть шрифт, який легко читався, навіть якщо ви не відкриваєте скріншот. Не пишіть багато, намагайтеся донести суть у короткій фразі або навіть одному слові. Оптимально – 3-5 слів.

Порада 5. Збільшуйте розмір шрифту ключових підписів

Так ви зможете доступніше донести до користувача свою думку і швидше зацікавити його. Набагато простіше звернути увагу на ключове слово, ніж прочитати весь текст.

Наприклад, додаток для медитації Meditopia виділяє своЇ досягення, використовуючі невелику кулькість тексту. Так увага одразу чіпляється за ключові слова.

Порада 6. Використовуйте найбільш відповідний колір під кожен скріншот

Вибір відтінків залежить від типу вашого додатка. Деякі найкращі сервіси використовують свої впізнавані «брендові» відтінки: вже згаданий Uber – чорний, Facebook – блакитний.

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

Пам’ятайте, що зображення краще робити контрастними, але при цьому не надто яскравими. Хороший контраст у скріншотах Amazon Prime Video.

Порада 7. Обирайте елемент фокусу для скріншота

Особливо актуальна фішка для ігор, де головним фокусом стає яскравий ігровий персонаж. Наприклад, популярні ігри «Мій Говорячий Том» або Minecraft на кожному своєму скріншоті зображують впізнаваних героїв (хоча, як нам здається, у першому додатку цей метод виконаний значно вдаліше).

Порада 8. Виділяйте унікальні характеристики, особливості та переваги

Якщо у вас є нагороди, рекомендації від Apple чи відомих великих публікацій, не соромтеся згадувати про це на скріншотах додатка. Так ви підвищите довіру користувачів, і вони з більшою ймовірністю завантажать його.

Ви також можете виділити на скріншотах і інші свої досягнення. Наприклад, 1 мільйон завантажень або ексклюзивні пропозиції.

Порада 9. Додайте елемент збільшення для ключових елементів скріншота

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

Порада 10. Використовуйте унікальні позначки та вставки, покажіть ексклюзивність додатка

У App Store завантажено більше 2 млн додатків, тому ви завжди знайдете кілька схожих пропозицій в одній сфері.

Саме унікальні функції та переваги змушують користувача завантажити додаток. Наприклад, для сервісів із онлайн-тренуваннями унікальними можуть бути такі пропозиції:

• Кількість тренувань, їх регулярність.
• Авторські заняття.
• Тренування в прямому ефірі/записі.
• Наявність відео/аудіо запису, субтитрів.
• Відстеження калорій і планування дієти.
• Відгуки користувачів, фото «До-Після».

Порада 11. Локалізуйте і адаптуйте елементи скріншотів

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

Правильна локалізація усуває мовний бар’єр, спрощує розуміння функціонала та інтерфейсу. Оскільки завжди зручніше користуватися додатками рідною мовою, подбайте про свою міжнародну аудиторію та локалізуйте скріншоти для всіх країн, де працює додаток.

Важливо не просто перекладати, а ще й адаптувати текст під конкретну аудиторію, враховувати культурні особливості країн. Вам може знадобитися змінити спосіб оформлення малюнків або навіть взагалі змінити інформацію. Приклад такого грамотного підходу демонструють скріншоти додатка AliЕxpress. Для різних країн вони відрізняються відображеними товарами, винесеною рекламою/акціями. Зверніть увагу, що для кожної локалізації актуальні різні товари, які користуються найбільшим попитом у регіоні.

AliExpress для Бразилії:

AliExpress для США:

Порада 12. Завантажуйте якомога більше скріншотів

Ви можете додати від 1 до 10 скріншотів для одного додатка та його локалізації в App Store.

Ми проаналізували топ 100 додатків і помітили, що більшість розробників додають лише 5 знімків. Також ми проаналізували поведінку користувачів і з’ясували, що близько 40% гортають відео та перші два скріншоти в пошуках більш детальної інформації. Якщо основних переваг, вигоди встановлення вашого додатка він не побачить, швидше за все, він перейде на сторінку додатка конкурента. Не багато хто готовий читати детальний опис додатка.

Додайте якомога більше якісних скріншотів. Намагайтеся додавати всі 10 знімків і робити їх якомога більш інформативними.

Порада 13. Редагуйте рядок стану

Не забудьте прибрати всі зайві значки з рядка стану, перш ніж робити скріншот. Зосередьтеся на таких значках:

• Ім'я оператора мобільних послуг;
• Значок повної батареї;
• Наявність мережі, доступу до Wi-Fi;
• Вимкнений Bluetooth, GPS, режим модему чи інші додаткові функції.

Якщо вимкнути всі значки не вдасться, можна затерти їх у фоторедакторі або просто обрізати. Але не забувайте про високу роздільну здатність і відповідні розміри скріншота!

Не можна знати все напевно — проводьте А/Б тести

Так ви зможете зрозуміти, яке оформлення сторінки краще привертає аудиторію. Спробуйте протестувати кілька варіантів: з відео, горизонтальними та вертикальними скріншотами, різним оформленням. Порівняйте результат і виберіть найкращий варіант. Але не зупиняйтесь на досягнутому — постійно тестуйте нові креативи. Намагайтеся пробувати нове оформлення хоча б раз на місяць.

Оптимізація скріншотів — частина ASO, яка найбільше впливає на конверсію. Не так важливо, звідки прийшов ваш користувач — з пошуку, реклами чи інших ресурсів. Зрештою він все одно опиняється на сторінці додатка. На цьому етапі візуальне оформлення найбільше впливає на його рішення завантажити додаток.

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

Оптимізуйте та досягайте успіху💙