Splashscreen

Auteur : Héloïse & Louis - 31/01/18

Au sens strict, un splashscreen est un écran affiché lors du lancement d'une application. Dès qu'elle est prête, le splashscreen laisse sa place à la première page de l'appli.

De base, un splashscreen contient une image fixe, et ne s'affiche que lors de l'initialisation de l'application. Cependant, si l'application a besoin de temps pour être complètement opérationnelle (par exemple pour loguer la personne, ou charger des données), il peut être préférable de laisser afficher le splashscreen afin de faire patienter l'utilisateur, plutôt que d'afficher un loader pleine page. De manière idéale, un tel splashscreen s'anime.

Splashscreen fixe

Description

Une couleur de fond et une image centrée, le tout s'affichant et disparaissant avec fondu.

Exemple avec DailyScrum sur iOS

Exemple avec DailyScrum sur Android

Livrables

• Choisir une couleur de fond

• Choisir un logo avec transparence à afficher au centre

  • Taille @1x : dimensions rectangulaires < 320px

  • Exports

Utiliser la charte graphique de la marque.

Pour choisir la couleur du fond, il est préférable de choisir une couleur de fond qui ne casse pas trop avec celle de l'écran qui suit.

Pour choisir le logo, pensez à ce qui arrive après: voit-on la marque quelque part dans l'appli ? Sinon, c'est peut-être judicieux de la faire apparaître sur le splashscreen.

Technical implementations

A dev-standard will be written. In the meantime, you can redirect the developers to:

• DailyScrum's implementation: commit

• [private] The telecommunications app of the 5th floor ;)

Splashscreen animé

Ce n'est possible d'animer qu'après l'initialisation de l'application. L'animation sera donc jouée un peu après le lancement de l'appli, jusqu'à ce que l'appli ait chargé ses données.

Exemple : l'application "DIY"

WIP

Articles and Resources