Еще в 2014 году Apple разрешила добавить предварительный просмотр программы в App Store. Предварительный просмотр программы – лучший способ показать потенциальным пользователям, что может предложить ваше приложение, прежде чем они его загрузят. Фактически, согласно StoreMaven, пользователи втрое чаще установят программу с предварительным просмотром программы.

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

В этой публикации я собираюсь рассмотреть следующее:

1. Подготовка контента
2. Запись видео
3. Редактирование видео
4. Общие проблемы

Я предполагаю, что вы используете Mac, который бесплатно поставляется с Xcode, Quicktime и iMovie. Если вы не пользуетесь Mac, вам может понадобиться приобрести эти инструменты.

Подготовка контента

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

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

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

Запись видео

После того, как вы определитесь с содержимым, которое хотите показать, вы можете начать запись видео. Самый простой способ сделать это – использовать Quicktime для записи экрана подключенного iPhone.

Подключите iPhone, затем откройте QuickTime и нажмите File > New Movie Recording. Это откроет окно записи. Из раскрывающегося меню рядом с кнопкой записи вы можете выбрать подключенное устройство.

Использование подключенного устройства означает, что вы ограничены только имеющимися у вас устройствами. К счастью, вы можете использовать Xcode CLI для записи действий симулятора

Для записи с помощью Xcode CLI начните запускать симулятор в Xcode. Затем откройте терминал и введите следующую команду:

$ xcrun simctl io booted recordVideo example.mp4

Затем выполните действия, которые вы хотите записать в симуляторе ctr-C в вашем терминале для завершения сеанса записи. Вышеприведенная команда добавит видео example.mp4 в текущий каталог вашего терминала.

Редактирование видео

При редактировании предварительного просмотра вы пытаетесь достичь двух целей:

1. Покажите свою программу в лучшем свете
2. Отредактируйте предварительный просмотр до 15–30 секунд

Лучшим инструментом редактирования предварительного просмотра программы является iMovie. Откройте iMovie и нажмите File > New App Preview. Переместите видео в медиа-зону, чтобы добавить его в свой проект.

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

После завершения редактирования нажмите File > Share > App Pобзор (если вы неt see App Pпросмотреть также можно click файл). Затем выберите место назначения, куда вы хотите сохранить его, и нажмите Enter. Через несколько секунд ваше видео станет доступным.

Общие проблемы

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

1. Разрешение предварительного просмотра программы должно отвечать требованиям к типу устройства
2. Предварительный просмотр программы должен работать со скоростью 30 кадров/сек.

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

После некоторых поисков я нашел бесплатный инструмент, позволяющий обрезать ваши .mov (или любой тип видео) в правильное разрешение. Выделите ezgif.com и нажмите Video to GIF на панели навигации. Это откроет другую панель навигации под первой, где вы увидите Crop video. Нажмите на это, и вы сможете загрузить свой QuickTime .mov файл. Обрежьте видео до нужного размера и загрузите новый файл.

Если вы столкнулись с проблемами, связанными с предварительным просмотром программы, не работающей со скоростью 30 кадров в секунду, это легко исправить (бесплатно) с помощью ffmpeg. Откройте терминал, убедитесь, что у вас установлен homebrew, и введите:

$ brew install ffmpeg

Теперь с установленным ffmpeg, cd в каталог, содержащий ваше видео, и введите:

$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov" 

Это выведет ваше видео, превращенное в 30 кадров в секунду.

Вывод

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

Надеюсь, это руководство сэкономило вам время и деньги. Удачи в магазине приложений!

Большое спасибо за чтение! Если вам понравилась эта история, следите за мной в Twitter, где я публикую статьи об управлении продуктами, разработке и дизайне.