De nouveaux mock-ups pour visualiser vos écrans de lancement

Ecrit par le Mardi 19 Février 2019

De nouveaux mock-ups pour visualiser vos écrans de lancement
Savez-vous qu'après 3 secondes d'attente, vous avez déjà perdu la moitié de vos utilisateurs? Un chiffre qui a de quoi faire réfléchir, surtout quand on sait qu'à chaque seconde supplémentaire ce sont 7% d'utilisateurs qui abandonnent votre contenu à leur tour.

Vous avez fourni des efforts pour créer et diffuser le contenu de votre app. Même si votre app native ou votre PWA GoodBarber a été conçue pour s'exécuter rapidement, autant mettre toute les chances de votre côté pour retenir vos utilisateurs. 

Dans une app, le temps d'attente majeur auquel il faut palier est le temps de démarrage alors ne négligez pas un élément de design capital: le Splash screen (écran de lancement).

Il vous permet d'afficher une image, un message, ou même votre logo pendant le temps de lancement de votre app. Ainsi, l'oeil de vos utilisateurs est attiré et vous augmentez vos chances de les retenir jusqu'à ce qu'ils accèdent à votre contenu. 

Vous l'avez compris, il est important de soigner votre splash screen, tant sur le fond que sur la forme. Pour le fond, nous vous laissons le soin d'imaginer ce qui vous convient le mieux. Sur la forme en revanche, nous avons voulu mettre toutes les chances de votre côté. Avec le nombre de devices disponibles sur le marché, et donc le nombre potentiel sur lesquels peuvent fonctionner votre app, il est parfois difficile de se projeter et d'imaginer comment s'adaptera votre écran de lancement aux différentes tailles d'écran disponibles. Pour vous guider dans cette étape, nous vous proposons désormais plusieurs options pour prévisualiser votre splash screen.

7 nouveaux mock-ups disponibles

Vous pouvez désormais prévisualiser l'affichage de votre splash screen sur les devices suivants:
  • iPhone XS
  • iPhone XS Max
  • iPhone 8
  • iPhone 5
  • Galaxy S9+
  • Huawei P20 Pro
  • LG-G7
Ainsi vous aurez toutes les chances d'obtenir un affichage parfait quelque soit le type d'appareil utilisé. Vous avez ici la liste des écrans en question, ainsi que leur caractéristiques.
De nouveaux mock-ups pour visualiser vos écrans de lancement

Pour un résultat parfait, il faut pouvoir se rendre compte du rendu de votre écran de lancement.
Dans votre back office nous vous demandons deux formats de votre écran de lancement (pour la partie mobile):
 
  • un format pour iOS de 1308 x 2688 pixels
  • un format pour Android de 1440 x 2960 pixels 

Pour s'adapter aux différents modèles, ces deux versions seront retaillées et au besoin tronquées pour correspondre parfaitement à la taille de l'écran, sans déformation de l'image. 
Le schema ci-dessous vous montre l'utilisation d'une même image sur les différents mock ups proposés. Les bandes rouges vous indiquent à quels endroits cette dernière a été tronquée.
De nouveaux mock-ups pour visualiser vos écrans de lancement

Comment prévisualiser mon écran de lancement?

Rien de plus simple: rendez-vous dans le menu d'édition de votre écran de lancement Mon app > Design > Design général > Ecran de lancement.

Vous pourrez alors choisir le mode de prévisualisation de votre splash screen en haut de l'écran.
De nouveaux mock-ups pour visualiser vos écrans de lancement



Entrez votre adresse email