Cómo hacer una vista previa de una aplicación iOS digna de la App Store con un presupuesto limitado

En 2014, Apple hizo posible agregar una vista previa de la aplicación a la App Store. Las vistas previas de la aplicación son la mejor manera de mostrar a los usuarios potenciales lo que ofrece su aplicación antes de que la descarguen. De hecho, los usuarios tienen 3 veces más probabilidades de instalar una aplicación con una vista previa de la aplicación, según StoreMaven.

Desafortunadamente, muchos creadores en solitario no tienen el presupuesto para contratar a un profesional para hacer una vista previa de la aplicación. Recientemente, me encontré en esta posición, y después de investigar un poco, encontré un par de herramientas gratuitas para hacer una vista previa de la aplicación de calidad.

En esta publicación, voy a repasar lo siguiente:

  1. Preparando el contenido
  2. Grabando el video
  3. Editando el video
  4. Problemas comunes

Supongo que está utilizando una Mac, que viene con Xcode, Quicktime e iMovie de forma gratuita. Si no está utilizando una Mac, es posible que deba comprar estas herramientas.

Preparando el contenido

Cada desarrollador de aplicaciones conoce las partes más interesantes y divertidas de su aplicación. Asegúrese de resaltarlos en la vista previa de su aplicación. Averigüe dónde necesita agregar superposiciones de texto y asegúrese de que el texto contrasta con el fondo en el que se muestra.

A partir de iOS 11, puede tener hasta tres vistas previas de aplicaciones para mostrar su aplicación. Puede resultar tentador utilizar los 90 segundos completos que se te dan, pero te sugiero que cargues tus funciones más interesantes en la primera. Si los usuarios no están interesados ​​en su aplicación en la primera vista previa, es poco probable que se tomen el tiempo para ver las otras dos.

Por último, es posible que desee mostrar a los usuarios cómo interactuarán con su aplicación. Para mostrar toques y gestos, use GSTouchesShowingWindow. Es muy fácil de instalar y mostrará cómo los usuarios interactuarán con su aplicación.

Grabando el video

Una vez que haya decidido el contenido que desea mostrar, puede comenzar a grabar su video. La forma más sencilla de hacer esto es usar Quicktime para grabar la pantalla de un iPhone conectado.

Conecte su iPhone, luego abra QuickTime y presione File > New Movie Recording. Esto abrirá una ventana de grabación. Desde el menú desplegable junto al botón de grabación, puede seleccionar el dispositivo que ha conectado.

El uso de un dispositivo conectado significa que está limitado solo a los dispositivos que tiene. Afortunadamente, puede usar Xcode CLI para registrar las acciones de su simulador.

Para grabar con la CLI de Xcode, comience a ejecutar su simulador en Xcode. Luego, abre tu terminal e ingresa el siguiente comando:

$ xcrun simctl io booted recordVideo example.mp4

Realice las acciones que desee grabar en el simulador y luego ctr-Cen su terminal para finalizar la sesión de grabación. El comando anterior agregará el video example.mp4al directorio actual de su terminal.

Editar el video

Hay dos objetivos que intenta alcanzar mientras edita su vista previa:

  1. Muestre su aplicación de la mejor manera posible
  2. Edite la vista previa entre 15 y 30 segundos

La mejor herramienta para editar la vista previa de una aplicación es iMovie . Abra iMovie y haga clic en File > New App Preview. Suelta tu video en el área de medios para agregarlo a tu proyecto.

No voy a entrar en detalles sobre cómo editar una aplicación de iMovie, pero la interfaz de usuario es bastante intuitiva. Simplemente arrastre y suelte las escenas que desee en el área inferior para agregarlas a su clip. command+Ble permitirá dividir su clip para que pueda adaptarse a transiciones geniales y realizar un mejor seguimiento del ritmo. Puede agregar transiciones entre clips divididos, audio y pantallas de título.

Una vez que haya terminado de editar, haga clic en File > Share > App Previsar (si no t see App Previsa, también puede clicarchivar). Luego, seleccione el destino en el que desea guardarlo y presione enter. Después de unos segundos, su video estará disponible.

Problemas comunes

Entonces, en este punto, es muy probable que ya tenga todo listo, pero cuando intenta cargar su vista previa en iTunes Connect, aparece un error. Es probable que sus problemas sean causados ​​por uno de estos dos requisitos de vista previa de la aplicación:

  1. La resolución de la vista previa de la aplicación debe coincidir con los requisitos del tipo de dispositivo.
  2. La vista previa de la aplicación debe ejecutarse a 30 fps

La probabilidad de que la resolución de la vista previa de su aplicación no cumpla con los requisitos es bastante baja, pero en realidad tuve problemas incluso cuando grabé directamente desde mi iPhone . Por alguna razón, Quicktime capturó todo en un píxel, por lo que iTunes Connect se negó a permitirme subir el video.

Después de buscar, encontré una herramienta gratuita que te permite recortar tu .mov(o cualquier tipo de video) a la resolución correcta. Vaya a ezgif.com y haga clic Video to GIFen la barra de navegación. Esto abre otra barra de navegación debajo de la primera, donde verá Crop video. Haga clic en eso, luego puede cargar su .movarchivo quicktime . Recorta el video al tamaño que necesites y descarga el nuevo archivo.

Si tiene problemas relacionados con la vista previa de su aplicación que no se ejecuta a 30 fps, es fácil de solucionar (gratis) con ffmpeg. Abra su terminal, asegúrese de tener homebrew instalado e ingrese:

$ brew install ffmpeg

Ahora con ffmpeg instalado, cdingrese al directorio que contiene su video e ingrese:

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

Esto generará su video convertido a 30 fps.

Conclusión

Ahora debería tener una vista previa de la aplicación que cumpla con todos los requisitos de Apple. Tener una vista previa de la aplicación es importante para que su aplicación se destaque entre los millones de aplicaciones en la tienda de aplicaciones. Descubrí que las herramientas utilizadas en esta guía me permitieron obtener una vista previa de la aplicación de alta calidad que sentí que comercializó bien mi aplicación, ¡y no costó un centavo!

Espero que esta guía le haya ahorrado algo de tiempo y dinero. ¡Buena suerte en la tienda de aplicaciones!

Muchas gracias por leer! Si te gustó esta historia, sígueme en Twitter donde publico artículos sobre gestión de productos, ingeniería y diseño.