Hoy en el blog hablamos de las capturas de pantalla de las apps en las tiendas: qué son, para qué sirven, consejos de diseño… También te daremos trucos para crear los mejores screenshots para App Store y Google Play.
Las capturas de pantalla son un recurso visual clave para mejorar el porcentaje de conversión a descarga de la ficha.
¿Qué son los app screenshots?
En el mundo de las apps, los visuales de las fichas son de vital importancia para convencer al usuario de descargar. Y son mucho más que simples “capturas de pantalla”.
Con los screenshots, podemos resaltar las funcionalidades más importantes de la app, colocando las más relevantes en las primeras 3 y luego las siguientes en orden de importancia. Cada imagen debe incluir un texto acompañando el mockup del dispositivo y un pantallazo que coincida con el mensaje.
Con esta optimización de diseño, orden y textos, podemos lograr hasta un 30% más de descargas. Al final, ese es nuestro objetivo.
Al crear screenshots, tenemos dos opciones: verticales (portrait) u horizontales (landscape). Las horizontales suelen ser más comunes en juegos, pero puedes probar cuál funciona mejor para tu app. En nuestra guía de medidas y dimensiones de screenshots te compartimos información relevante.
Nótese que en Google Play solo puedes publicar 8 screenshots, mientras que en la App Store el límite es de 10.
¿Por qué son importantes?
Para encontrar la respuesta, basta con observar las principales fuentes de descubrimiento de aplicaciones.
Según Apple, la búsqueda tiene mucho peso en el descubrimiento de aplicaciones, representando el 65% de las descargas de la App Store. Tras buscar una necesidad concreta, el usuario encuentra varias apps y decide cuál descargar. En ese momento, la parte visual de la ficha, como el icono y los screenshots, juega un papel crucial.
Los screenshots ocupan casi 2/3 del espacio en la lista de apps de los resultados de búsqueda en la App Store, siendo el elemento más visible para los usuarios. En la tienda de Apple, las capturas de pantalla son visibles sin tener que abrir la página de producto.
Diversos estudios y nuestra propia experiencia demuestran que la optimización de screenshots (diseño, orden, textos…) puede aumentar hasta un 30% el número de descargas. Estos elementos son fundamentales en la estrategia ASO y de adquisición de usuarios (UA), ya que afectan directamente a los costes de descarga, inicio de trial, compra, etc..
Consejos para diseñar screenshots
Revisión del material visual y gráfico
Para empezar, en el equipo de PICKASO nos fijamos detenidamente en todo el material compartido por el cliente para saber si necesitamos recursos, tipografía o logotipos. Tener el Manual de Marca del cliente con su logotipo, paleta de colores y tipografía corporativa es esencial para crear buenas capturas de pantalla. Además, solemos contactar con el equipo ASO para conocer las preferencias sobre el contenido a mostrar.
Definir el contenido
Como mencionamos un poco más arriba, en Google Play podemos usar un máximo de 8 screenshots, mientras que en la App Store el límite es de 10. Es importante tener claro el contenido para aprovechar al máximo el espacio. Las tres primeras imágenes serán las más vistas, por lo que deben ser llamativas y contener contenido que “venda” la aplicación rápidamente.
Una vez que todo esto está claro, empezamos con el diseño.
Fuentes de inspiración
Revisamos el manual de marca y buscamos guías gráficas para creatividades o comunicaciones. También utilizamos la web y el feed de Instagram como inspiración para entender cómo se trabaja gráficamente la marca.
Líneas de diseño
Tenemos dos opciones: un diseño más lineal o uno más disruptivo. Los lineales son más serios, mientras que los disruptivos son más dinámicos y suelen impactar más. Ambas opciones son buenas si están bien diseñadas; todo depende del cliente y lo que quiera transmitir como marca.
En los diseños lineales, una opción es colocar los copies arriba y los mockups con las capturas relacionadas con el copy abajo.
En los disruptivos, tenemos más libertad para jugar con la posición de los copies y los mockups. Podemos alternar el copy arriba y el mockup abajo, o viceversa. También podemos ampliar los mockups, darles un giro o esconder parte de ellos. Lo importante es que la información sea legible.
Mockups, espacio y limpieza
Un tema interesante es cómo mostrar los mockups en los screenshots. Lo más común es usar una réplica del dispositivo correspondiente a las pantallas que estamos diseñando. En PICKASO, a veces usamos máscaras con la silueta del perfil de cada dispositivo. Aunque no se vea el dispositivo exacto, la silueta es fácilmente reconocible.
Esto hace que el diseño quede más limpio, ofreciendo más espacio para ampliar la captura o agregar más elementos gráficos relacionados con el contenido. Para resaltar alguna parte de la captura, también podemos hacer pequeños zooms para destacar lo más importante de la pantalla.
Para resaltar alguna parte de la captura, también podemos hacer pequeños zooms para destacar lo más importante de la pantalla.
Herramientas de diseño
En PICKASO, trabajamos los screenshots con Adobe Illustrator, una herramienta vectorial ideal para crear 8 o 10 mesas de trabajo con las diferentes pantallas, todas en el mismo archivo. Es importante que sea vectorial, ya que muchos recursos y logos llegan en este formato, asegurando máxima calidad al exportar a JPG.
Si también estás trabajando con Photoshop para fondos o mockups, es una excelente combinación, ya que ambos programas de Adobe se integran muy bien, lo que facilita el trabajo. Todo lo que edites en Photoshop se actualizará automáticamente en Illustrator.
Por último, no olvides mantenerte al día con las tendencias de diseño.
Conclusiones
Aunque a menudo se pasan por alto, los screenshots en las tiendas de apps son mucho más importantes de lo que parecen. Sirven para comunicar visualmente qué hace y para qué sirve una aplicación y su impacto en la tasa de conversión a descarga (y en el negocio) puede marcar la diferencia.
Prueba diferentes diseños, cambia el orden, lo que destacas en cada uno, los colores… ¡PRUEBA! Solo así podrás encontrar los que mejor funcionan y seguir mejorando hasta encontrar una combinación aún mejor.
