Asodesk блог / Гайды / Статья

Как подготовить скриншоты и видео для приложения в App Store и Google Play

Юлия Сулягина
Юлия Сулягина
Юлия Сулягина
Юлия Сулягина
is@asodesk.com
Контент-менеджер ASOdesk. Пишет рассылки и статьи в блоге. Доступно объясняет все сложные темы в ASO.
Все статьи автора
Опубликовано: 22.04.2021
Обновлено: 20.10.2022
читать 11 мин

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

Согласно SplitMetrics, менее 2% пользователей нажимают «читать дальше», чтобы увидеть полное описание приложения. Оптимизация скриншотов помогает увеличить конверсию на 21-24%, а видео — на 17%. Поэтому так важно выбрать скриншоты и видео, которые помогут получать больше установок. Сегодня мы ответим на вопросы, которые возникают у издателей, начинающих заниматься поисковой оптимизацией.

Статья создана на основе гайда Asodesk и Performante, в котором Мария Черноплёкова делится своими советами по оптимизации скриншотов и видео. Мы актуализировали статью в соответствии с требованиями 2022 года и дополнили гайд визуальными трендами из нашего исследования. Читайте и узнайте, как сделать вашу визуальную оптимизацию эффективнее.

Содержание

Гайд по созданию скриншотов в App Store и Google Play
Гайд по созданию видеопревью для страницы приложения в App Store и Google Play
Главные лайфхаки для оптимизации скриншотов и видео

Гайд по созданию скриншотов в App Store и Google Play

Горизонтальные или вертикальные скриншоты: что выбрать 

Согласно исследованию Asodesk 2021 года, около 96% приложений из топов App Store и Google Play используют портретные (вертикальные) скриншоты. Cтатистика по играм немного другая — около 80% добавляют вертикальные скриншоты.

Главная цель скриншотов — показать преимущества и функции вашего приложения. Портретная ориентация поможет рассказать больше информации потенциальному пользователю, в ленте App Store будет отображаться до трёх скриншотов. Если выбрать горизонтальную ориентацию, то будет виден только один скриншот. 

Примеры вертикальных и горизонтальных скриншотов в App Store и Google Play
Примеры вертикальных и горизонтальных скриншотов в App Store и Google Play

С другой стороны, эксперты выделяют более высокую конверсию горизонтальных скриншотов. На эфире Asodesk в Clubhouse Артём Ткачук (ASO-эксперт) и Екатерина Сибирко (ASO Team Lead) сказали, что скриншоты в альбомной ориентации часто выигрывают на A/B-тестировании и могут показывать более высокую конверсию даже для вертикальных игр. Екатерина Сибирко отметила, что приложение с вертикальными скриншотами будет менее заметно в выдаче, если рядом с ним стоят приложения конкурентов с горизонтальными скриншотами.

Перед тем как принять решение, проведите A/B-тестирование страницы приложения с вертикальными и горизонтальными скриншотами. Сравните конверсию, а уже потом делайте выбор. 

Сколько скриншотов должно быть на странице

В Google Play можно загрузить до 8 скриншотов, в App Store — до 10. Однако согласно исследованию Asodesk, издатели приложений предпочитают добавлять 5-7 изображений. Только 12% издателей приложений в App Store и 18% в Google Play добавляют все скриншоты.

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

Требования к скриншотам в App Store и Google Play

Требования Apple

Пример скриншотов на странице приложения в App Store
Пример скриншотов на странице приложения в App Store
  • Можно добавлять от 3 до 10 скриншотов.
  • Доступны форматы PNG и JPEG. Изображения должны быть в наилучшем качестве. 
  • Требуются скриншоты для 6.5-дюймового iPhone XS Max и 5.5-дюймовых устройств (iPhone 6s Plus, 7 Plus, 8 Plus). Сейчас необязательно загружать скриншоты в разных размерах для разных моделей iPhone. Система автоматически настроит ваши изображения под размеры других поколений iPhone. 
  • Для iPad вам потребуется загрузить скриншоты для 12,9-дюймового iPad Pro (2-го поколения) и 12,9-дюймового iPad Pro (3-го поколения).
  • О размерах скриншотов для каждого устройства читайте на сайте App Store.

Согласно App Store Promotional Artwork Guidelines, если вы хотите, чтобы ваше приложение было зафичерено, вы не можете добавлять в метаданные несколько типов контента: 

1. Кровь, убийства и драки.

Слева изображены картинки с кровью и драками, которые нельзя использовать. Справа - картинки, которые можно добавлять
Слева изображены картинки с кровью и драками, которые нельзя использовать.
Справа — картинки, которые можно добавлять. Источник: help.apple.com

2. Сцены сексуального характера и непристойного содержания, наркотики, курение, алкоголь, ненормативная лексика и нагота. 

Примеры скриншотов, которые можно и нельзя использовать в App Store
Примеры скриншотов, которые можно и нельзя использовать в App Store.
Источник:
help.apple.com

3. Реалистичное оружие

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

Примеры оружия, которое можно и нельзя использовать на скриншотах в App Store
Примеры оружия, которое можно и нельзя использовать на скриншотах в App Store.
Источник:
help.apple.com

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

Примеры вымышленного оружия, которое можно и нельзя использовать.
Примеры вымышленного оружия, которое можно и нельзя использовать.
Источник:
help.apple.com

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

Примеры изображения пушек, которые можно и нельзя использовать.
Источник:
help.apple.com

Ножи нельзя направлять на пользователя или изображать в крови. 

Примеры изображений ножей, которые вы можете и не можете использовать
Примеры изображений ножей, которые вы можете и не можете использовать.
Источник: help.apple.com

Требования Google

Пример страницы приложения в Google Play
Пример страницы приложения в Google Play
  • Допускается добавлять от двух до восьми скриншотов.
  • Поддерживаются форматы файлов JPEG или 24-битого PNG (без альфа).
  • Минимальный размер скриншота Google Play составляет 320 пикселей, а максимальный — 3840 пикселей. Изображения адаптируются к устройству пользователя. Но максимальный размер вашего скриншота не должен превышать длину минимального размера более чем в 2 раза.

Если вы хотите, чтобы ваше приложение было зафичерено, нужно также соблюдать следующие правила:

  • Приложение должно иметь ориентацию 16:9 для горизонтальных скриншотов (не менее 1920×1080 пикселей) и 9:16 для вертикальных (не менее 1080×1920 пикселей);
  • У игры должно быть хотя бы 3 горизонтальных или портретных скриншота. 
  • Пользователи должны видеть реальный пользовательский опыт на ваших скриншотах, так что вам нужно демонстрировать на них ключевые особенности приложения или игры. 
  • Вам нужно показывать реальное приложение или игру, выделять основные функции или информацию в приложении. 
  • На скриншоте должна быть демонстрация самого приложения, а не людей, которые используют устройство (например, кликая пальцем по экрану). Исключения составляют те случаи, когда ключевые особенности вашего приложения вне его.
  • Вы можете использовать стилизованные скриншоты, которые делят интерфейс на несколько изображений, но сфокусируйтесь на интерфейсе хотя бы на трёх первых скриншотах. 
Пример стилизованных скриншотов в Google Play
Пример стилизованных скриншотов в Google Play
  • Слоганы можно использовать только для того, чтобы показать ключевые характеристики приложения или игры. Подписи не могу занимать более 20% экрана. 
  • Также нельзя использовать слишком маленький текст или фон, на котором текст плохо читается.
  • Вовремя обновляйте скриншоты для конкретного события (например, праздника), как только они становятся неактульными. 
  • Адаптируйте скриншоты под ту страну и язык, на который вы продвигаетесь. 
  • Не размещайте никакой информации про успехи приложения в Google Play, рейтинг, цену, награды, пользовательские отзывы и информацию об акциях. Нельзя использовать такие характеристики, как «Лучшее», «№ 1», «Новинка», «Скидка», «Распродажа», «Миллион загрузок». 
  • Не используйте призывы к действию, такие как «Играйте сейчас» или «Загрузите сейчас».

Регулярно проверяйте последние обновления правил и гайдлайны App Store и Google Play

На скриншотах и в вашем приложении не должно быть огорчающего или оскорбительного контента. Например, модерация App Store отклонит скриншоты с реалистичным оружием. Вымышленное оружие должно находиться в пассивном положении, в кобуре или на спине, а мечи и ножи не должны быть направлены на публику. 

Мы регулярно выпускаем полезные статьи по ASO и маркетингу мобильных приложений, а также разбираем актуальные новости App Store и Google Play. Подписывайтесь на рассылку, чтобы не пропускать наши полезные материалы!

Как выбрать фон скриншотов

Согласно исследованию Asodesk о трендах визуальной оптимизации за 2021 год, 38% топовых бесплатных приложений в App Store и 42% в Google Play выбирают белый цвет в качестве цвета фона. Яркие цвета фона, такие как красный, жёлтый и розовый, используются редко. Чаще издатели выбирают более тёмные оттенки синего, чёрного или зелёного.

Примеры скриншотов с белым фоном в Google Play
Примеры скриншотов приложения Badoo

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

Пример яркого скриншота приложения для шоппинга в Google Play
Пример скриншота приложения для шоппинга в Google Play

Для игр ситуация отличается — 68% издателей в App Store и 72% в Google Play добавляют на скриншоты топовых игр интерфейс без фона. А значит, игровое приложение может выделиться среди конкурентов, если скриншоты будут обработаны.

Скриншоты игры War of Rafs в Google Play
Пример скриншотов игры в Google Play

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

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

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

Используйте Asodesk для быстрого анализа конкурентов. Инструмент Keyword Charts покажет позиции конкурентов по вашим ключевым словам. Так можно определить, с какими приложениями придётся конкурировать по разным запросам.

Keyword Chart покажет поисковую выдачу по ключевым словам из вашего семантического ядра
Keyword Charts в Asodesk

Как выбрать шрифт и цвет текста для скриншотов приложения

Важно взять такие цвета и шрифты, которые будут дополнять идентичность бренда. Цвет текста должен контрастировать с фоном, быть крупным и легко читаться даже с маленького устройства. 48% издателей в App Store и 56% издателей в Google Play используют белый цвет текста. 

Скриншоты приложения Signal
Скриншоты приложения Signal

28% издателей используют черный цвет, который легко читается на светлом фоне.

Пример скриншотов с темным шрифтом в Google Play
Скриншоты приложения AdGuard

Сделайте несколько разных вариантов скриншотов, которые вы сможете попробовать на разных устройствах. Обращайте внимание на изменение KPI: например, как изменится количество установок и коэффициент конверсии.

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

Какой текст нужно добавлять на скриншоты

Чем больше слов, тем меньше становится шрифт и сложнее его прочитать. Например, текст на скриншотах приложения Amazon Shopping плохо видно с маленького экрана.

Пример скриншотов приложения Amazon
Скриншоты приложения Amazon

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

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

Пример скриншота приложения с текстом, который легко читается
Скриншот приложения Waze

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

Ключевые слова на скриншотах приложения в Google Play
Ключевые слова на скриншотах приложения

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

Скриншоты приложения eBay в Google Play
Скриншоты приложения eBay в Google Play

Можно добавить на скриншоты достижения приложения. Согласно докладу Парва Бхаргавы (консультанту по ASO в Phiture) на App Promotion Summit London 2021, социальное доказательство помогает завоевать доверие пользователей и подтверждает подлинность приложения. Указывая количество пользователей приложения или награды на скриншотах, можно повысить конверсию. Но будьте аккуратны, указывать некоторые достижения запрещено правилами Google Play.

Скриншоты приложения с социальным доказательством
Скриншоты приложения с социальным доказательством

Вы можете прочитать ещё больше полезных советов с App Promotion Summit London 2021 в статье Asodesk. 

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

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

Как создать скриншоты самостоятельно

Если вам нужно создать скриншоты без помощи дизайнера, можно использовать удобные фоторедакторы: 

Canva — один из самых простых сервисов, который поможет создать яркие изображения с помощью шаблонов и графических элементов.
AppLaunchpad генерирует скриншоты из приложения.
DaVinci Apps предлагает множество готовых шаблонов для дизайна.

Гайд по созданию видеопревью для страницы в App Store и Google Play

Согласно исследованию Asodesk, только 10% издателей App Store добавляют видео. Издатели Google Play используют видео в 3 раза чаще — в 28%. Лина Данильчик (менеджер по маркетингу в SplitMentics) советует сделать A/B-тест перед добавлением роликов. Эксперименты на платформе SplitMetrics показали, что видео могут негативно влиять на коэффициент конверсии.

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

Горизонтальные или вертикальные видео: что выбрать

Выбор будет зависеть от ориентации приложения. Однако Google рекомендует создавать видео в альбомной ориентации даже для вертикальных приложений. Видео приложения для Google Play сначала загружается на YouTube, где более профессионально выглядят горизонтальные видео. 

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

Требования к видео в App Store и Google Play

Требования Apple

Видео приложения KeepTime
  • Вы можете добавить до трёх видео.
  • Они отображаются на странице приложения до скриншотов. 
  • В результатах поиска видео автоматически воспроизводится без звука.
  • Видео должно длиться от 15 до 30 секунд.
  • Максимальный размер файла — 500 МБ.
  • Допустимые форматы: .mov, .mp4 и .m4v. 
  • После загрузки ролик может обрабатываться до 24 часов.
  • Видео для App Store должны быть одобрены Apple вручную. И есть несколько рекомендаций, которым вы должны следовать. Например, разрешено использовать только отснятые кадры самого приложения.
  • Видео превью должны быть для всех пользователей старше 4 лет. Поэтому вам нельзя показывать оскорбительный контент, насилие, взрослые темы и наготу на видео. 
  • Вы можете показывать только само приложение, а не людей, которые его используют (например, нельзя снимать смартфон из-за плеча человека или показывать, как он нажимает на экран). 
  • Не показывайте закадровые видео с процессом разработки. 
  • Если вы используйте фильмы, музыку, текст или торговую марку, убедитесь, что у вас есть лицензия на использование этих материалов для всех территорий.

Apple советует использовать QuickTime и iMovie для редактирования отснятого материала.

Требования Google 

Видео приложения Lightroom
  • Можно добавить только одно видео. 
  • Его длительность должна быть от 30 секунд до 2 минут.
  • В зависимости от настроек смартфона пользователя видео может воспроизводиться до 30 секунд. Если видео не воспроизводятся автоматически, пользователи должны нажать кнопку воспроизведения. После этого откроется ссылка на YouTube.
  • Вам нужно будет создать видео с ландшафтной ориентацией и соотношением сторон 16:9.
  • Рекомендуемые размеры: 426 x 240 (240 пикселей); 640 x 360 (360 пикселей); 854 x 480 (480 пикселей); 1280 x 720 (720 пикселей); 1920 x 1080 (1080p); 2560 x 1440 (1440p); 3840 x 2160 (2160p).
  • Допустимые форматы: .mov, .mpeg4, .mp4, .avi, .wmv, .mpegps, .flv, 3GPP и WebM. 
  • Не менее 80% времени ваше видео должно рассказывать о персональном опыте пользователя. 
  • Вы должны демонстрировать основные функции и контент в первые 10 секунд. 
  • Не показывайте, как люди используют смартфон с вашим приложением (например, кликая по экрану). Исключения составляют те случаи, когда основное назначение вашего приложения за пределами устройства.
  • Как и скриншоты, ваше видео не должно содержать достижения вашего приложения в Google Play, рейтинг, цену, отзывы, информацию об акциях. Не используйте такие фразы как «Лучшее», № 1, «Новое», «Скидка». Но вы можете добавлять награды «Лучшее» и другие из Google Play.

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

Длительность видео

В App Store каждый ролик должно быть продолжительностью до 30 секунд. Google рекомендует делать видео короткими и лаконичными, потому что автоматически воспроизводятся только первые 30 секунд видео. 

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

Звук на видео

69% пользователей просматривают видео без звука в общественных местах. 80% зрителей с большей вероятностью посмотрят ролик целиком, если есть субтитры. Добавьте текст в видеопревью. Убедитесь, что без звука смысл также понятен.

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

Главные лайфхаки для оптимизации скриншотов и видео приложений 

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

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

Как вы думаете, насколько вашему приложения нужна поисковая оптимизация (ASO)? Вы можете найти ответ в нашем масштабном исследовании поискового трафика в App Store. Оно поможет понять, должны ли вы инвестировать в ASO и каких результатов вы достигните. Must read для всех, кто хочет улучшить стратегию продвижения. 

Читайте также:
Дмитрий Москаленко
Дмитрий Москаленко
Дмитрий Москаленко
Дмитрий Москаленко
d.moskalenko@vk.team
ASO-менеджер в VK. В ASO с 2020 года. Имеет опыт работы как с игровыми проектами, так и с сервисами.
Все статьи автора
18.01.2024
читать 6 мин

Как использовать Custom Store Listings в Google Play: 5 необычных лайфхаков

Специальные страницы в Google Play помогают рассказать больше о вашем приложении или игре. Дмитрий Москаленко, ASO-менеджер VK, рассказывает, как необычно использовать инструмент, чтобы эффективно тестировать гипотезы ASO и увеличивать конверсию из просмотра страницы приложения в установку. Читать далее

Кирилл Мартинович
Кирилл Мартинович
Кирилл Мартинович
Кирилл Мартинович
kiryl.martsinovich@gmail.com
ASO-специалист с опытом работы 1+ год. Работает не только с Google Play и App Store, но и активно экспериментирует с алгоритмами альтернативных магазинов приложений (Xiaomi GetApps, Huawei AppGallery).
Все статьи автора
06.09.2023
читать 14 мин

Как SEO-специалистам быстро освоить ASO

Если вы SEO-специалист, которому поручили заниматься поисковой оптимизацией приложений (ASO) в компании, то вам пригодится эта статья. В ней мы разобрали, как ASO может помочь бизнесу, в чём сходства и различия ASO и SEO, какие факторы ранжирования важно учитывать при оптимизации и как быстро освоить все 8 этапов ASO. Читать далее

Александр Верещагин
Александр Верещагин
Александр Верещагин
Александр Верещагин
avtrener@gmail.com
Александр Верещагин — ASO Lead в Angle Connect. Занимается поисковой оптимизацией приложений для иностранных рынков. В большей степени для восточно-азиатских и австронезийских. Ежедневно работает с 10 языками и адаптирует ASO под культуру стран. С 2016 года является автором книг в издательствах «Весь», «IPIO», «Эксмо».
Все статьи автора
08.12.2022
читать 9 мин

Как начать работу с альтернативными магазинами приложений: AppGallery, GetApps и Samsung Galaxy Store

Чтобы разработчику освоить новые рынки и увеличить прибыль, можно обратить внимание на популярные аналоги App Store и Google Play. В этой статье мы расскажем о том, как работать с AppGallery, GetApps и Samsung Galaxy Store. Читать далее