Содержание

ТОП советов для успеха — ASOMobile на vc.ru

{«id»:13992,»url»:»\/distributions\/13992\/click?bit=1&hash=1a792e8f02b0de1fa3d5812d1fa653c6fd63b2df3af06376fd38480835a7248e»,»title»:»\u0421\u043a\u0430\u043d\u0435\u0440 \u0448\u0442\u0440\u0438\u0445-\u043a\u043e\u0434\u0430 \u0438\u0437\u043e\u0431\u0440\u0435\u043b\u0438 \u0432 1971 \u0433\u043e\u0434\u0443. \u0410 \u0441\u043a\u0430\u043d\u0435\u0440 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e?»,»buttonText»:»\u0423\u0437\u043d\u0430\u0442\u044c»,»imageUuid»:»5fbeb73e-5b6d-52da-9b3b-2b0088f73913″}

48 просмотров

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

Есть перечень довольно простых правил — советов по созданию привлекательной иконки приложения:

  • Просто и понятно.

Ключевыми элементами конверсии являются простота иконки, отсутствие лишних элементов и ее цветовое решение.

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

Пример поисковой выдачи ASOMobile

  • Придерживайтесь цветовой схемы приложения.

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

Пример визуальной оптимизации ASOMobile

  • Логотип ≠ иконка.

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

Пример визуальной оптимизации ASOMobile

Но в большинстве случаев, иконка и логотип имеют разные назначения и не пересекаются. Отличный пример — известный разработчик игр EA Games (Electronic Arts) с хорошо знакомым для геймеров логотипом. Но приложения от этого разработчика в 9-ти случаях из 10-ти не имеют этого логотипа в своих иконках.

Пример визуальной оптимизации ASOMobile

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

Пример визуальной оптимизации ASOMobile

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

  • Проверьте тенденции ниши.

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

Примеры поисковой выдачи ASOMobile

Например, приложения связанные с медитацией имеют цветовые схемы в сине-фиолетовых тонах.

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

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

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

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

А совсем отличающаяся иконка может вызвать непонимание у пользователей.

Пример поисковой выдачи ASOMobile

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

  • Учитывайте особенности магазина приложений(App Store, Galaxy Store, Google Play Market, Huawei AppGallery).

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

  • Новые тренды и мода

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

  • Следуйте гайдлайнам платформы

Гайдлайны магазинов приложения, кроме технических деталей (размеры в пикселях и форматы изображений) содержат массу важной и полезной информации — не пренебрегайте ими.

Например, App Store не рекомендует использовать прозрачность в иконке — учитывайте такие особенности при визуальной оптимизации приложения.

Высокой конверсии и легкой оптимизации💙

Как создать и оптимизировать иконку игрового приложения? — Gamedev на DTF

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

2117 просмотров

Отрисовка иконки — один из важных этапов в ASO-оптимизации. Согласно «Полному руководству по оптимизации магазина приложений (ASO)» (2021 г.) от Storemaven, оптимизация иконки в приложении и обеспечивает прирост CVR на 18% в App Store и на 11% в Google Play.

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

Также иконка отображается при настройке платной рекламы, и грамотная ее оптимизация снижает CPI.

Отображение иконок приложения в результатах поиска и тематических разделах Google Play и App Store.

Иконка отражает суть игры и в первые 3-5 сек. стимулирует юзера ее установить, поэтому разработчику и ASO-специалисту необходимо разместить на иконке самые привлекательные и ассоциируемые с игрой образы.

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

Например, большинство игр в жанре Action RPG, по нашим наблюдениям, используют иконки 2 типов.

Примеры иконок игр в жанре Action RPG для Google Play и App Store.

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

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

Игровая иконка для Google Play

Иконка является самым заметным графическим элементом в результатах поиска по ключевым словам Google Play, что делает иконки в Google Play гораздо более важными для поисковой конверсии (CRO), чем в App Store.

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

С сентября 2021 года Google запретил использование смайликов, вводящих в заблуждение или неуместных фраз и символов (CTA, фраз «лучший», «№1», «Топ»). Из-за этих изменений стало труднее выделяться на фоне конкурентов в результатах поиска по сравнению с прошлым.

Технические требования иконки для Google Play

При работе над иконкой и значком приложения просмотрите и отредактируйте их в соответствии с требованиями Спецификации дизайна значков для Google Play.

  • Итоговый размер: 512 x 512 пикселей.
  • Формат: 32-разрядный PNG.
  • Цветовое пространство: sRGB.
  • Максимальный размер файла: 1024 КБ.
  • Форма: полный квадрат. Google Play динамически применяет маску. Радиус будет составлять 20 % от размера значка.
  • Тень отсутствует, Google Play динамически применяет тени.

Иконка приложения для Google Play должна быть адаптивной ко всем устройствам на платформе Android и отрисована по правилам Адаптивности значков, чтобы при установке ваши визуальные образы не «съедались» обрезкой.

Лучше всего для проверки готового варианта иконки воспользоваться набором инструментов Android Asset Studio.

Чтобы начать работу, скачайте один из следующих шаблонов объектов:

Шаблон Sketch (.sketch)

Шаблон Illustrator (.ai)

Шаблон Photoshop (.psd)

Игровая иконка для App Store

Иконка приложения в App Store не менее важна, чем в Google Play. Чтобы страница приложения в App Store конвертировалась лучше, вам необходимо отрисовать запоминающуюся иконку.

При этом, в App Store конверсия в установку считается не только из просмотра страницы приложения, но и из показов приложения. А так как иконка отображается и в блоке «Рекомендуемые», и редакторских подборках App Store, грамотная оптимизация поможет увеличить не только Search трафик, но и Browse трафик, а также повысит видимость приложения в целом.

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

Технические требования иконки для App Store

Иконка App Store должна соответствовать таким характеристикам, как простота, понятность и адаптивность.Вам необходимо отрисовать ее в соответствии с требованиями Apple Design.

Иконки приложений на всех платформах используют формат PNG и соответствуют следующим характеристикам:

  • Итоговый размер 1024×1024 пикселей
  • Дисплей P3 (широкий цветовой охват)
  • sRGB (цвет)
  • Серая гамма 2. 2 (оттенки серого)

Но вы также можете настроить использование разных размеров иконок в App Store для разных устройств Apple:

Таблица размеров иконок в App Store для разных устройств Apple

Выводы

Иконка приложения — один из основных элементов графической ASO-оптимизации, который влияет на CRO, конверсию из Browse и Explore трафика, а также снижает CPI.

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

Анализ конкурентов при разработке иконок для Google Play и App Store на примере Jumpurr Cat.

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

Козловская Людмила

ASO Specialist /// Black Caviar Games

Подписывайтесь на официальный аккаунт Black Caviar Games на DTF, чтобы не пропустить новые интересные статьи! 😉

Мы также есть в YouTube, VK, Telegram, Яндекс.Дзен и TikTok.

9 273 иконки онлайн-приложений — бесплатно в SVG, PNG, ICO

Получите неограниченный доступ к более чем 6,9 миллионам активов
Получите неограниченное количество загрузок

Онлайн приложение Значок

Форма онлайн-заявки Значок

Онлайн приложение Значок

Форма онлайн-заявки Значок

Онлайн приложение Значок

Форма онлайн-заявки Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн приложение Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-прием Значок

Онлайн-прием Значок

Подать заявку на кредит онлайн Значок

Подать заявку на кредит онлайн Значок

Онлайн-форма Значок

Веб-профиль Значок

Онлайн претензия Значок

Онлайн претензия Значок

Онлайн претензия Значок

Мобильный Значок

Мобильный Значок

Онлайн регистрация Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Онлайн регистрация Значок

Мобильное приложение Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн регистрация Значок

Онлайн-форма Значок

Онлайн регистрация Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-форма Значок

Мобильный Значок

Онлайн регистрация Значок

Источники данных Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн регистрация Значок

Форма заявки Значок

Онлайн-форма Значок

Онлайн-форма Значок

Мобильное программное обеспечение Значок

Онлайн регистрация Значок

Онлайн регистрация Значок

Онлайн регистрация Значок

Онлайн регистрация Значок

Онлайн регистрация Значок

Онлайн регистрация Значок

Заявка на ремонт автомобиля Значок

Заявка на ремонт автомобиля Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн-форма Значок

Онлайн регистрация Значок

Приложение для отслеживания сна Значок

Приложение для отслеживания сна Значок

Приложение для отслеживания фитнеса Значок

Электронный кошелек Значок

Умные часы Значок

Умные часы Значок

Умные часы Значок

Умные часы Значок

Умные часы Значок

Видео уведомление Значок

Видео уведомление Значок

Разработка приложения Значок

Онлайн-отслеживание посылок Значок

Онлайн-отслеживание посылок Значок

Папка Значок

Любимый Значок

Скачать папку Значок

Документ Значок

Удалить Значок

Чат Значок

Календарь Значок

Закладка Значок

Закладка Значок

Добавить папку Значок

Видеомагнитофон Значок

Видео проигрыватель Значок

Загрузить Значок

разблокирован Значок

Щит Значок

Безопасность Значок

Поиск Значок

Изображение профиля Значок

принтер Значок

Фото камера Значок

Замок Значок

Замок Значок

Меню Значок

Расположение Значок

Расположение Icon

59 746 Иконки мобильных приложений — бесплатно в SVG, PNG, ICO

Получите неограниченный доступ к более чем 6,9 миллионам активов
Получите неограниченное количество загрузок

Мобильное приложение Значок

Кодирование мобильных приложений Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Тестирование мобильных приложений Значок

Мобильное приложение Значок

Разработка мобильных приложений Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Сведения о мобильном приложении Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Разработка мобильных приложений Значок

Разработка мобильных приложений Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Разработка мобильных приложений Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Разработка мобильных приложений Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильные приложения Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Значок

Мобильное приложение Icon

Просмотреть все значки мобильных приложений

Уже есть учетная запись? Войти.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *