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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#aso