3 conseils pour vous aider à créer un splash screen parfait pour votre application mobile

Ecrit par Jerome Granados le Lundi 25 Novembre 2013

Lorsque vous créez votre application mobile pour iPhone et Android, ou bien une autre plate-forme, intégrer un écran d'accueil (splash screen) accrocheur et de qualité fait partie des méthodes et étape clés pour offrir aux utilisateurs une expérience agréable lors du lancement de votre app. Après tout, le splash screen c'est la première image qui les accueille après le téléchargement de votre app, ainsi qu'à chaque ouverture. En quelques étapes, les conseils et astuces pour vous assister dans ce travail :

1- Utilisez la bonne taille

En fonction du type d'appareil, la taille du splash screen peut considérablement changer. Imaginons un instant que vous ayez créé le splash screen parfait pour le dernier iPhone, qu'en est-il de votre travail pour les versions précédentes de l'appareil avec d'autres résolutions d'écran ? On vient de vous rappeler que le splash screen est la première impression et présentation que fait votre app aux utilisateurs en ligne, mieux vaut ne pas leur présenter une image pixellisée ou déformée de votre outil.

Comment s'y prendre ? Il s'agit de renseigner plusieurs formats afin qu'ils s'adaptent au plus grand nombre de résolutions. Pour une application iPhone les options sont plus restreintes, mais l'éventail est plus large chez Android. Sur cette technologie il y a plus de constructeurs et donc d'appareils...

Le juste milieu ? Nos conseils sont de prévoir 3 versions de votre splash screen, une petite, une moyenne et une haute résolution. Avec notre app builder, la version la plus adéquate sera alors appelée en fonction de la technologie employée par le mobile de l'utilisateur.

2- Restez simple

L'icône d'accueil (splash screen) ne s'affiche jamais longtemps en ligne. Inutile d'y ajouter un long texte que les utilisateurs n'auraient pas le temps de lire mais qui donnerait une impression de fouillis. Ce qui doit figurer ? Le nom de votre app, votre logo, votre devise, vos couleurs sont des éléments clairs qui définissent votre app mieux que de longs discours. Le splash screen doit être pensé pour une présentation "portrait", et si vous allez devoir soumettre plusieurs tailles, l'essentiel reste toujours au centre de l'écran.
Avec ces méthodes, même lorsque l'image est réduite sur certains appareils elle continuera de s'afficher de façon optimisée, sans que son message et ses éléments soient tronqués. Une belle icône à votre image.

3- Dites à vos utilisateurs que le téléchargement est en cours

Le splash screen est une image fixe. Lorsqu'il s'affiche, le téléphone peut avoir l'air figé. Pendant quelques instants, l'interaction avec l'app est inexistante. Côté système, l'application ne chôme pourtant pas, le processus en cours l'amène à la vie, qu'il s'agisse de télécharger des données, du contenu, une session... Selon le mobile utilisé, le processeur, le temps de lancement de l'application est plus ou moins important pour ces étapes. Dans tous les cas, il faut penser à l'expérience utilisateur, ne pas l'abandonner face à l'outil. C'est pourquoi un splash screen doit aussi illustrer que l'app est en train de se charger et qu'il suffit de quelques secondes de patience avant d'en profiter pleinement ! :) C'est simple mais cette astuce peut faire la différence !

PS : vous êtes un utilisateur GoodBarber ? On a pensé à toutes ces astuces ! Sous Ecran de lancement dans votre back office, dans l'onglet Général, toutes les tailles requises sont précisées dans le système, pour iPhone, Android et tablettes. Quant à la barre de progression elle s'affichera automatiquement, pour notifier vos utilisateurs le processus chargement en cours, de façon discrète (couleurs de la barre).

Pour aller plus loin :

Si vous souhaitez aborder le processus de création, je vous recommande la lecture de l'article comment créer une app - idée, design et développement . Il indique la ligne de travail à adopter pour porter les couleurs de votre projet.

Prêt à démarrer le travail pour donner vie à votre app ? Retrouvez le processus par étapes pour créer une app en ligne.

Une fois le travail engagé, vous aurez sans doute envie d'aller vite dans le processus de personnalisation des éléments. L'article découvrez comment utiliser la setting API pour personnaliser votre app vous indiquera les méthodes pour mettre en ligne ce que vous voulez voir à l'écran de votre appareil.

Ca y est votre app est à vos couleurs et lancée et en ligne. Quels sont nos conseils et les étapes pour obtenir une revue de votre application ? En fonction de votre temps disponible, vous disposez des éléments pour commencer.

Dans le contexte actuel de pandémie, le travail est bouleversé. L'écran et la vie en ligne sont-ils les sauveurs ? Posons la question : comment une app peut garder votre entreprise ouverte ? Nous donnons des éléments de réponse, conseils et étapes à suivre en fonction de votre business.

En fonction de vos cibles, le processus d'ajout d'une app sur l'écran de votre appareil ne passe pas toujours par le Store. Découvrez quels sont les éléments pour distribuer votre app iOS avec des custom apps .