3 consejos para crear una buena Splash Screen o Pantalla de bienvenida para tu app

Escrito por Jerome Granados el Lunes 25 Noviembre 2013

Cuando creas tu aplicación para iPhone, Android

1 - Usa la mida correcta

De un smartphone a otro, la resolución de la pantalla puede variar mucho. Imagina que has elaborado una pantalla de inicio perfecta para el último iPhone. Pero qué pasa con las versiones anteriores y sus resoluciones de pantalla... Si tienes en cuenta que es la primera imagen que se muestra, seguramente no quieres que se muestre distorsionada.

Entonces, ¿cómo das una buena impresión? Para que sea perfecta, deberás crear tantas pantallas de bienvenida como resoluciones de pantalla existan. Si estás creando una aplicación para el iPhone, no es un gran problema ya que hay pocos dispositivos.

Pero si estás creando una aplicación para Android, esto se complica un poco. Hay una gran cantidad de fabricantes, dispositivos... Lo que implica una gran cantidad de resoluciones de pantalla. Sería una locura que incluyeras en tu aplicación Android docenas de pantallas de bienvenida para tener cubiertas todas las resoluciones existentes en los dispositivos Android.

La mejor manera de lidiar con este problema es la creación de 3 pantallas de bienvenida. Una en baja, una en mediana y otra en alta resolución, y tirar de la que este más cercana a la resolución de la pantalla del teléfono en el que se abra la aplicación. Para hacer rápidamente esas tres imágenes, lee el siguiente consejo.

2 - Hazlo simple

La pantalla de bienvenida no dura mucho tiempo. Así que no hay necesidad de poner un texto largo en ésta. Los usuarios no tienen suficiente tiempo para leerla. Y además, ese no es el propósito de ésta.

Un consejo es que utilices el nombre de la marca, el logotipo, el lema, o lo que sea que te describa a ti y a tu app de la mejor manera. Haz una composición clara usando esos elementos y creando una sola imagen en modo retrato.

Si deseas crear varios tamaños de la pantalla de bienvenida, te recomiendo que te concentres en el centro de la imagen para poner tu composición. Dejando los bordes de la pantalla de bienvenida libres, lo que te permitirá recortar la imagen a diferentes tamaños.

3 - Dile a tus usuarios que se está cargando

La pantalla de bienvenida es una imagen fija. Cuando la ves, parece que el teléfono se congela pero no pasa nada. No se puede interactuar con la aplicación ya que estás atrapado. Sólo se puede esperar a que la aplicación termine su carga. Muchas cosas pueden suceder en un segundo plano cuando tu aplicación se está cargando. Ésta quizás tiene que cargar o descargar datos antes de estar lista para su uso. También, puede que necesite poner en marcha algunos procesos para arrancar correctamente una nueva sesión o restablecer una vieja...

Dependiendo del procesador del teléfono del usuario y / o del ancho de banda que al que el teléfono tenga acceso, el tiempo de arranque de su aplicación puede variar mucho. Para tranquilizar a tus usuarios, debes mencionar en la pantalla de bienvenida que la aplicación se está cargando, y que a los pocos segundos de su paciencia, se podrá utilizar y disfrutar de la aplicación.

¡Eso es todo!

PD: Si estás utilizando GoodBarber, no tienes que preocuparte, ya lo hemos hecho nosotros. En la pestaña Pantalla de bienvenida de tu back office, te indicamos todas las medidas que se necesitan para iPhone, Android y Tablet. Además, una barra de carga muy fina y discreta se muestra a los usuarios cuando abren la aplicación.

Asimismo, puedes contactar con nuestros expertos en diseño si quieres que tu marca tenga un look profesional: GoodBarber Desing Studio.

Más directrices de diseño: