Cómo agregar la pantalla de bienvenida en la aplicación de iOS

La pantalla de bienvenida es lo que verá durante unos segundos cuando abra una aplicación móvil. La pantalla de bienvenida es útil de muchas maneras que podrían mejorar la experiencia del usuario y fortalecer la marca de la aplicación móvil. Muestra a los usuarios que abrieron la aplicación correcta y es una buena excusa para mostrar el logotipo de la aplicación.

Según Apple, una pantalla de bienvenida también podría dar una impresión a los usuarios de que la aplicación es rápida y receptiva . Entonces, si tiene una aplicación de iOS, también puede considerar agregar una pantalla de bienvenida.

En este tutorial de nuestra serie de Cordova, vamos a mostrar cómo crear una pantalla de bienvenida. Asegúrate de haber seguido nuestras publicaciones anteriores sobre este tema donde:

• Establezca un proyecto para desarrollo móvil con Cordova,
• Desarrolló una interfaz de usuario básica con jQuery Mobile, y
• Agregar el ícono de la aplicación.

Empezando

Primero, veremos los tamaños necesarios para crear la pantalla de presentación. De manera similar al agregar el icono de la aplicación, los tamaños de imagen de la pantalla de bienvenida variarán de acuerdo con la versión de iOS compatible con la aplicación. Como ejemplo en este documento, necesitaremos tres tamaños de imagen; vea esta tabla a continuación para los detalles.

Esta tabla se simplifica al calibrar el tamaño de la imagen dentro de la versión de iOS admitida. Dado que, en esta tabla, asumimos que iOS 7 solo está instalado en el iPhone con pantalla Retina. Entonces, podemos ver que iOS 7 solo requiere el tamaño de imagen más alto: 640 × 960 y 640 × 1136, que se usará en iPhone 5 y 5c que tengan un tamaño de pantalla de 4 pulgadas.

Una vez que hemos descubierto los tamaños, podemos comenzar a crear las imágenes de la pantalla de Spalsh. Puede usar libremente cualquier aplicación con la que esté familiarizado para crear las imágenes. Guarde las imágenes como PNG y nómbrelas en la siguiente convención.

Estos son los nombres de archivo estándar que Cordova y Xcode usan para captar la imagen de la pantalla de bienvenida. Seguir esta convención nos evitará configuraciones extrañas en Xcode, para que pueda encontrar los nombres de archivo personalizados.

Aquí está mi Imagen de Splash que he creado con Photoshop.

Agregar la pantalla de bienvenida

Ahora es el momento de agregar la imagen de la pantalla de bienvenida a nuestra aplicación. Para hacerlo, mueva sus imágenes a esta carpeta: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash . En Xcode, compila la aplicación haciendo clic en el botón Reproducir; la aplicación se lanzará en iPhone Simulator y debería ver que la pantalla de inicio se muestra durante unos segundos antes de ingresar a la aplicación.

Pensamiento final

Para resumir, ahora tenemos el contenido de la aplicación (aunque es un contenido ficticio), dos menús de navegación a la derecha con un panel deslizante como Facebook, también hemos agregado un ícono y, por último, acabamos de agregar la Pantalla de bienvenida. Nuestra aplicación está casi completa y ahora estamos a punto de finalizar y lanzar nuestra aplicación.

Por lo tanto, en nuestra próxima publicación, veremos cómo compilar nuestra aplicación en una aplicación distribuible con Phonegap. Manténganse al tanto.

(Más) Herramientas útiles de prueba de usabilidad web

La usabilidad y la experiencia del usuario (UX) son dos factores extremadamente importantes para desarrollar un sitio o aplicación que realmente se destaca de la competencia. Con la creciente competencia en sitios y aplicaciones, también hay un número cada vez mayor de herramientas para ayudarlo a hacer que su sitio o aplicación sea más útil, y para ayudarlo a garantizar que brinde una excelente experiencia para sus usuarios.Por s

(Consejos de tecnología y diseño)

Almacene y comparta archivos en línea The Geeky Way with Transfer.sh

La prevalencia de plataformas gratuitas para compartir archivos como Dropbox significa que puede compartir archivos desde cualquier computadora con cualquier persona en el mundo. Las nuevas plataformas de intercambio llegan a Internet todos los años, pero Transfer.sh es bastante único.Es un sistema de intercambio de archivos gratuito que funciona únicamente a través de la línea de comandos . Uti

(Consejos de tecnología y diseño)