Pixar напрягся
Будни офиса Miro
Бонобо Канзи
Рабочее место для кота
Протесты против Маска
«Офису» — 20 лет
Ламба из картона
Дорожка для аквабега
Jaguar Type 00 в Париже
Xiaomi SU7 Ultra
Полёт над Луной
Автопилот Tesla на бездорожье
«Игровые» Google Maps

Графическое ASO приложения. Руководство по работе над иконкой, скриншотами и видео

По идее графика страницы приложения конвертирует просмотры в установку. Но на практике этого может не произойти.

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

С чего начать графическое ASO

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

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

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

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

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

После качественной аналитики нужно определиться с общей концепцией и дизайном главных элементов: иконки, скриншотов и картинки для описания (feature graphic). На этом этапе ASO-специалиста и дизайнера должна терзать одна и та же мысль: как «продать» приложение максимум за 7 секунд? Ведь потом среднестатистический пользователь уже не будет воспринимать информацию.

👉🏻Требования App Store и Google Play к графическим элементам и контенту.

Иконка

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

«Слабая иконка гарантирует плохие метрики конверсий даже при большом количестве Impressions».

С иконками можно работать по-разному в зависимости от типа приложения: если у вас крупный узнаваемый бренд, то за основу можно взять логотип и фирменные элементы брендинга. У игр — поле для смелых решений побольше, но не переусердствуйте: по-прежнему важна суть.

Графическое ASO приложения. Руководство по работе над иконкой, скриншотами и видео

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

«Выжмите» из иконки максимум, а затем регулярно тестируйте новые варианты — меняйте цвет, логотип или вообще всё. Именно тесты показывают реакцию пользователей и, соответственно, насколько хорошо оптимизирована графика.

Скриншоты

Скриншоты играют не менее важную роль во всей этой цепочке и убеждают пользователя нажать кнопку «Установить». Скриншоты тоже нужно тестировать. И важно избегать типичных ошибок:

  • Размещать нечитаемый мелкий текст.
  • Понимать слово «скриншот» буквально.
  • Пытаться адаптировать один формат под разные устройства.
  • Не отражать суть приложения.
  • Игнорируют то, как выглядят скриншоты конкурентов.

В App Store можно загрузить до десяти скриншотов на каждое разрешение экрана, в Google Play — до восьми.

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

Графическое ASO приложения. Руководство по работе над иконкой, скриншотами и видео

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

Здесь мы вам поможем — в конце ссылка на ASO kit. Это шаблоны для быстрой адаптации графики к разным устройствам. Так что читайте до конца. 😎

Видео

Видео расположено в галерее скриншотов и занимает первое место, а иногда и все три (в App Store). Возможно, вам оно не нужно. Но если приложение имеет сложную функциональность или это игра, будет целесообразно показать туториал, впечатляющий тизер или геймплей.

Загрузив видео, можно выбрать вид обложки. Если в App Store на ее месте может быть только фрагмент ролика, то в Google Play есть возможность загрузить Future Graphic (картинка для описания).

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

Картинка для описания имеет влияние на конверсию в установку, потому что:

1. Отображается в подборках игр и на других страницах Google Play.
2. Является изображением в сниппете ссылки на приложение.
3. Используется в качестве рекламного изображения при автоматическом создании объявлений в Google Ads.

ASO-аудит и A/B-тесты

ASO-аудит и A/B-тесты помогут выяснить, чего не хватает вашему приложению и как еще вы можете выделиться.

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

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

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

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

Давид Маргарян

Способы тестирования: сторонние сервисы для аналитики ASO или внутренние сервисы (у Google Play), Search Ads и прямое тестирование с обновлением графики для App Store.

Бесплатный ASO kit для иконки и скриншотов

Мы знаем, насколько сложной может быть работа над графическим ASO. Поэтому создали ASO kit с шаблонами, чтобы помочь. Адаптируйте вашу графику к различным устройствам. Просто выберите нужный макет, откройте его в Adobe Photoshop, настройте и загрузите в App Store Connect или Google Play Console.

Графическое ASO приложения. Руководство по работе над иконкой, скриншотами и видео

Чек-лист

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

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

3. Учитывайте цветовые темы интерфейсов. В App Store и Googe Play есть темная и светлая темы оформления. Это важно, чтобы ваша иконки и скриншоты не сливались с темным или светлым фоном. Можно добавлять свечение по контуру, градиенты.

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

5. Попробуйте ASO kit, чтобы быстро добавить на скрины мокапы и призывы к действию.

6. Не используйте больше 5 скриншотов для одного устройства.

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

8. Выполняйте дизайн всех элементов в одной концепции.

9. Продемонстрируйте элементы интерфейса и геймплей (для игр).

10. Несколько ресурсов, где можно черпать вдохновение: Scrnshts и Screenshotcreator.

P.S.

Если у вас есть вопросы — не стесняйтесь. 😉

1414
реклама
разместить
2 комментария

По какому принципу строится оценка? Как у хэдспейса с 7.2, 7, 7.5, 4.8 получилось 8?

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

3
Илон Маск подтвердил запуск чат-бота Grok в Telegram

Ранее на релиз намекал основатель мессенджера Павел Дуров.

Источник фото: Bloomberg
1212
33
33
11
11
реклама
разместить
День 1127: дилеры начали предлагать скидки до 1 млн рублей на китайские машины из-за затоваривания складов

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Фото ТАСС
4646
55
Какая скидка... В здравом уме это г@вно никто не возьмет. Если б ввели акцию "миллион тому, кто заберет машину со склада", тогда еще можно было бы подумать.
Зачем придумывать дизайн без брифа? Как я получила награду на международном фестивале Pentawards
Зачем придумывать дизайн без брифа? Как я получила награду на международном фестивале Pentawards
Российские производители электроники попросили ограничить параллельный импорт ноутбуков, смартфонов и планшетов

А ещё предоставить ритейлерам льготные кредиты на закупку отечественных устройств, субсидировать рекламу и ввести дополнительный утильсбор.

Фото ТАСС
4747
2424
33
11
Надеюсь, Светлана Легостаева и прочие лица, задействованные в данном предложении, пользуются ноутбуками, смартфонами и планшетами исключительно отечественного производства?
Как я тайно ненавидел свою работу

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

Как я тайно ненавидел свою работу
2121
11
11
Ненавидеть свою работу я начал еще на собеседовании
Хотел купить готовый бизнес для пассивного дохода, но в итоге потерял 8 млн рублей за 5 месяцев

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

Хотел купить готовый бизнес для пассивного дохода, но в итоге потерял 8 млн рублей за 5 месяцев
55
11
Мои личные принципы и акценты при реализации сайтов
Мои личные принципы и акценты при реализации сайтов
11
«Яндекс Go» добавит оплату проезда в общественном транспорте

«В течение двух недель» функция заработает в Ярославле, а позже и в других городах.

Источник фото: «Яндекс Go»
1212
22
Переехал в Израиль и открыл там агентство по репатриации. 2,5 млн рублей на русских мигрантах

Захотелось в жизни перемен, всё бросил и уехал в Израиль. Открыл бизнес, теперь помогаю переезжать таким же непоседам.

Переехал в Израиль и открыл там агентство по репатриации. 2,5 млн рублей на русских мигрантах
66
66
33
22
реклама
разместить
Обложки для YouTube, постеры на русском и макеты сайтов — для чего используют новый генератор изображений в ChatGPT

Собрали первые примеры пользователей.

88
11
11
11
Власти Киото утвердили новые ставки налога на размещение туристов в гостиницах — максимум 10 тысяч иен за ночь

Его начнут взимать с 1 марта 2026 года.

Источник фото: David Edelstein / Unsplash
44
22
11
Финтех-компания Block Джека Дорси сократила 931 сотрудника, включая 460 «низкоэффективных» и 80 менеджеров

Это 8% штата.

33
11
[]