Еще в 2014 году Apple позволила добавить предварительный просмотр приложения в App Store. Предварительный просмотр приложений - лучший способ показать потенциальным пользователям, что предлагает ваше приложение, прежде чем они загрузят приложение. Фактически, по данным StoreMaven, пользователи в 3 раза чаще устанавливают приложение с предварительным просмотром.
К сожалению, у многих разработчиков-одиночек нет средств, чтобы нанять профессионала для предварительного просмотра приложения. Недавно я оказался в этом положении и, покопавшись, нашел пару бесплатных инструментов для создания качественного превью приложения.
В этом посте я собираюсь остановиться на следующем:
- Подготовка контента
- Запись видео
- Монтаж видео
- Общие проблемы
Я предполагаю, что вы используете 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
в текущий каталог вашего терминала.
Редактирование видео
При редактировании превью вы пытаетесь достичь двух целей:
- Покажите свое приложение в лучшем свете
- Измените предварительный просмотр до 15–30 секунд.
Лучший инструмент для редактирования предварительного просмотра приложения - iMovie. Откройте iMovie и щелкните File > New App Preview
. Перетащите видео в область мультимедиа, чтобы добавить его в свой проект.
Я не буду вдаваться в подробности того, как редактировать приложение iMovie, но пользовательский интерфейс довольно интуитивно понятен. Просто перетащите нужные сцены в нижнюю область, чтобы добавить их в свой клип. command+B
позволит вам разделить клип, чтобы вы могли подгонять крутые переходы и лучше отслеживать темп. Вы можете добавлять переходы между разделенными клипами, звуком и титульными экранами.
Закончив редактирование, нажмите File > Share > App Preview
(если вы не видите App Preview
, вы также можете нажать file
). Затем выберите место назначения, в которое вы хотите его сохранить, и нажмите Enter. Через несколько секунд ваше видео будет доступно.
Общие проблемы
Так что на данный момент есть большая вероятность, что у вас уже все готово, но когда вы пытаетесь загрузить предварительный просмотр в iTunes Connect, вы получаете сообщение об ошибке. Вероятно, ваши проблемы вызваны одним из этих двух требований к предварительному просмотру приложения:
- Разрешение предварительного просмотра вашего приложения должно соответствовать требованиям для типа устройства.
- Предварительный просмотр вашего приложения должен работать со скоростью 30 кадров в секунду.
Вероятность того, что разрешение предварительного просмотра вашего приложения не соответствует требованиям, довольно мала, но на самом деле у меня возникли проблемы, даже когда я записывал прямо со своего iPhone . По какой-то причине Quicktime захватил все с точностью до одного пикселя, поэтому iTunes Connect отказал мне в загрузке видео.
После некоторого поиска я нашел бесплатный инструмент, который позволяет обрезать ваш .mov
(или любой другой тип видео) с правильным разрешением. Перейдите на ezgif.com и щелкните Video to GIF
на панели навигации. Это откроет еще одну панель навигации под первой, где вы увидите Crop video
. Нажмите на нее, и вы сможете загрузить свой .mov
файл quicktime. Обрежьте видео до нужного вам размера и загрузите новый файл.
Если вы столкнулись с проблемами, связанными с тем, что предварительный просмотр вашего приложения не работает со скоростью 30 кадров в секунду, это легко исправить (бесплатно) с помощью ffmpeg. Откройте свой терминал, убедитесь, что у вас установлен homebrew, и введите:
$ brew install ffmpeg
Теперь, когда ffmpeg установлен, cd
в каталог, содержащий ваше видео, и введите:
$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov"
В результате ваше видео будет преобразовано в 30 кадров в секунду.
Заключение
Теперь у вас должна быть предварительная версия приложения, отвечающая всем требованиям Apple. Предварительный просмотр приложения важен, чтобы ваше приложение выделялось среди миллионов приложений в магазине приложений. Я обнаружил, что инструменты, использованные в этом руководстве, позволили мне получить высококачественный предварительный просмотр приложения, который, как я чувствовал, хорошо продвигал мое приложение и не стоил ни копейки!
Надеюсь, это руководство сэкономило вам время и деньги. Удачи в магазине приложений!
Спасибо за внимание! Если вам понравилась эта история, подпишитесь на меня в Твиттере, где я размещаю статьи об управлении продуктами, проектировании и дизайне.