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

Содержание статьи:
Часто бывает, что крутое по функционалу приложение остается незамеченным пользователями. Недостаток установок мешают таким приложениям попасть в топы категорий и стать популярными.
Что мешает пользователям установить приложение и как можно изменить их мнение?
Самое простое, что может сделать разработчик, — это изменить графику на странице приложения, которая привлечет больше внимания посетителей. Почему это важно?
Пользователь ищет в поиске решение проблемы, пользуясь принципом “а можно всех посмотреть?”. Скриншоты и видео — это то, что вероятнее всего его зацепит. Главное — “продать счастье”, которое он получит от использования: интересных загадок в игре, безопасного перевода денег или красивых фоточек.

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

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

3. Страница поиска
В App Store вертикальные скриншоты в поиске выглядят мелко. Если добавляете в них текст, ставьте 2-3 слова крупным шрифтом или объединяйте скриншоты. На вертикальном скриншоте будет проще показать детали, но на странице поиска он отображается только один — придется выбрать одно главное полезное действие или использовать видео.
В Google Play в поиске скриншотов нет совсем, там нужно будет сконцентрироваться на иконке и названии.

Технические требования
App Store
Можно добавить до 10 вертикальных или горизонтальных скриншотов. Дополнительно можно добавить App Preview видео, которое будет отображаться и в поиске, и на странице приложения. Если его нет, App Store возьмет первые три вертикальных или один горизонтальный скриншот со страницы приложения.
Скриншоты используются формата png без альфа каналов или jpeg. Подробнее в документации App Store Connect.
Скриншоты
Устройство | Вертикально, пикселей | Горизонтально, пикселей |
iPhone 11 Pro Max iPhone 11 iPhone XS Max iPhone XR | 1242 x 2688 | 2688 x 1242 |
iPhone 11 Pro iPhone XS iPhone X | 1125 x 2436 | 2436 x 1125 |
iPhone 8 Plus iPhone 7 Plus iPhone 6s Plus | 1242 x 2208 | 2208 x 1242 |
iPhone 6 iPhone 6s iPhone 7 iPhone 8 | 750 x 1334 | 1334 x 750 |
iPhone SE | 640 x 1096 (без строки состояния) 640 x 1136 (со строкой состояния) | 1136 x 600 (без строки состояния) 1136 x 640 (со строкой состояния) |
iPhone 4s | 640 x 920 (без строки состояния) 640 x 960 (со строкой состояния) | 960 x 600 (без строки состояния) 960 x 640 (со строкой состояния) |
iPad Pro 3rd generation | 2048 x 2732 | 2732 x 2048 |
iPad Pro 2nd generation | 2048 x 2732 | 2732 x 2048 |
iPad Pro 11 inch | 1668 x 2388 | 2388 x 1668 |
iPad Pro 10.5 inch | 1668 x 2224 | 2224 x 1668 |
iPad iPad mini | С высоким разрешением: 1536 x 2008 (без строки состояния) 1536 x 2048 (со строкой состояния) Со стандартным разрешением: 768 x 1004 (без строки состояния) 768 x 1024 (со строкой состояния) | С высоким разрешением: 2048 x 1496 (без строки состояния) 2048 x 1536 (со строкой состояния) Со стандартным разрешением: 1024 x 748 ((без строки состояния) 1024 x 768 (со строкой состояния) |
Apple Watch Series 3 | 312 x 390 | |
Apple Watch Series 4 | 368 x 448 |
Если делаете скриншоты для iPad, на скриншотах для iPad Pro 2nd generation девайс должен быть с кнопкой home, а для iPad Pro 3rd generation — без кнопки.
Видео
Допускается длиной от 15 до 30 секунд, форматом .mov, .m4v, .mp4. Apple требует, чтобы видео показывало UI/UX приложения или геймплей игры и никаких маркетинговых материалов по типу "Установи сейчас". За такое можно не пройти модерацию.
Видео может быть вертикальным и горизонтальным. Для iOS приложений можно загрузить до трех видео, это важно для игр со сложным геймплеем, который не покажешь на одном видео.

Особенность этого формата в App Store — видео воспроизводится автоматически без звука. При желании его можно открыть на весь экран и включить звук.
Обратите внимание, что если у пользователя включен режим энергосбережения, видео не начнет проигрываться автоматически. Это значит, что вам нужно проработать стоп-кадр. Страны, которые поддерживают режим автовоспроизведения видео, в документации App Store Connect.
Google Play
Можно загрузить 8 скриншотов формата png или jpeg. Играм, чтобы попасть в подборки, нужно иметь не менее 3 горизонтальных скриншотов. Подробнее на Google Play Console.
Здесь можно загрузить скриншоты для всех устройств, если даже приложение только для телефона. Это полезно, потому что Google Play показывает все скриншоты, а пользователи могут устанавливать приложения через веб версию.

И в веб версии, и на телефоне вы можете сначала показать скриншоты телефона, а потом планшета. Пользователю будет легче подобрать приложение под имеющееся устройство.
Скриншоты
Здесь нет жестких требований для каждого размера экрана, Google разделяет скриншоты по типам девайсов и рекомендует диапазон размеров. Это упрощает процесс публикации (нет модерации), но становится сложнее отследить, как скриншоты будут выглядеть на разных экранах.
Тип девайса:
- Smartphone
- Tablet 7 inch
- Tablet 10 inch
- Wear OS
- Android TV
Размер скриншотов: 320 - 3840 пикселей
Мы рекомендуем размеры:
- 1080 х 1920
- 2000 х 1300
Соотношение сторон:
- 2:1 вертикальная
- 16:9 горизонтальная
Видео
В Google Play видео допускается только одно, и оно располагается перед скриншотами. Оно всегда горизонтальное и в отличие от App Store, здесь разработчик может включить любые промо-материалы. Длительность видео 15-30 секунд.
После обновления дизайна летом 2019-го года у видео в Google Play тоже появилось авто-воспроизведение. По умолчанию оно без звука, звук включится по клику. Видео также можно раскрыть на весь экран, однако, оно откроется в YouTube и уведет пользователя из стора. Здесь все еще критично проработать стоп-кадр, потому что видео начинает проигрываться спустя несколько секунд.

4 простых способа улучшить скриншоты и видео
1. Объединить изображение на двух вертикальных скриншотах
Это помогает детальнее показать интерфейс приложения и добавить читабельный текст. Важно не разделять текст двумя скриншотами, иначе он будет плохо читаться. Также следите, чтобы мокап телефона не “разъехался” на двух скриншотах. Это будет заметно и на странице поиска, что может сказаться на переходах на страницу приложения.

Чтобы такого не произошло, проверяйте, как будут выглядеть скриншоты до публикации. Это можно сделать, например, с помощью App Preview.
2. Тестировать графику на темной и светлой темах
С появлением темной темы в App Store разработчики могут столкнуться с проблемой: если смотреть графику для темной темы на светлом фоне и наоборот, дизайн может выглядеть не так эффектно. Поэтому важно проверять, как смотрятся скриншоты в обоих темах. Иначе графика будет хуже конвертировать пользователей.

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

В Google Play эта комбинация будет выглядеть так: видео, всегда горизонтальное, показывается в одном ряду со скриншотами. При этом горизонтальные скриншоты будут выглядеть крупнее вертикальных, и на них легче разместить текст.

4. Продавать счастье, а не фичи
Не обязательно, чтобы все скриншоты показывали только интерфейс приложения. Вы можете создать атмосферу, чтобы вдохновить пользователя на установку приложения. В этом случае все же понадобится показать 2-3 скриншота приложения, чтобы более вероятно получить одобрение модераторов.

Как заставить графику работать
Выбор графики не всегда срабатывает с первого раза. Чтобы она дала максимальный эффект, нужно тестировать разные варианты скриншотов и видео.
В Google Play можно менять скриншоты без выпуска обновления, что помогает протестировать новую подачу графики и быстро ее изменить, если она плохо смотрится. В App Store тестировать сложнее. Встроенных инструментов для тестирования графики тут нет.
Для обоих маркетов тестировать графику можно двумя способами: “нативно” и с помощью инструментов A/B тестирования.
1. “Нативно”
Тестировать графику прямо на “боевой” странице приложения. В этом случае последовательно измеряется эффект до и после изменений. Сложность подхода в том, что часто трудно определить роль именно скриншотов или видео, т.к. много факторов могут влиять на установки.
2. A/B тестирование
У Android приложений для тестов есть специальный раздел Google Experiments. Туда можно загрузить до 3 слотов со скриншотами к текущему варианту графики. Он позволяет определить влияют ли скриншоты или новое видео на установки или нет.
Для iOS приложений тестировать графику можно через Search Ads, в тех странах где доступна такая реклама, но это будет стоить денег.
Дополнительно существуют сторонние сервисы и инструменты, помогающие с тестированием: StoreMaven, SplitMetrics и др. Например, с помощью AppFollow App Preview можно проверить, как будут выглядеть скриншоты на разных типах девайсов Apple до выпуска обновления.
--
Здесь мы собрали базовые ошибки и недоработки, которые мешают разработчикам получить заветные установки. Часто помогая нашим пользователям с оптимизацией приложений, мы знаем, как эти ошибки могут навредить. Иногда простой смены порядка скриншотов достаточно, чтобы увеличить конверсию в разы.
Думаете, как улучшить графику, чтобы увеличить установки? Напишите нашей ASO-команде. Мы поможем с тестирование скриншотов и ASO-оптимизацией.
Всем ASO и AppFollow.