SNCF
Créer une charte dédiée aux applications SNCF prenant en compte les usages proposés par les « OS » tout en y apportant l’identité SNCF, inspirée de la charte digitale transverse du groupe.
Objectifs
Identifier les bonnes pratiques recommandées par les systèmes d’exploitation.
Préserver une cohérence avec l’identité SNCF.
Solution
Couvrir tous les cas d’usage
Pour construire une charte graphique la plus complète qui soit, il est nécessaire de sélectionner certaines applications clés qui couvrent un maximum de cas d’usages ergonomiques liés aux différents services que propose SNCF.
Il est nécessaire de découper méthodiquement les composants de chaque app de l’écosystème grâce à la méthode d’Atomic Design pour identifier les composants clés qui constitueront cette charte.
Nous avons sélectionné 5 apps en guise de référence et nous avons complété les composants qui peuvent être manquants avec des exemples autres que SNCF.
Pourquoi ces apps ?
SNCF
Référence pour les autres apps / Beaucoup de fonctionnalités / Prend en compte variations natives IOS & Android.
TGV Pro
Reprend certains usages de l’app SNCF. Sert de comparaison pour en retirer des éléments communs.
IDPass & IDVroom
Manière différente d’appréhender la mobilité à travers les moyens de transport en complément de la gare.
Les infos
Application d’actualités en décalage avec les autres apps de l’écosystème qui sont davantage centrées autour de la mobilité.
Atomic design
Comment cela fonctionne ?
Cette méthode repose sur le même principe que la composition de la matière. Les atomes forment des molécules qui forment des organismes qui forment un tout… En transposant ce modèle pour la conception d’une interface, on prend le temps de déconstruire pour mieux construire son material design.
Avantages
– Harmonisation du design pour ses outils internes
– Système évolutif dans le temps.
– Interface qui s’adapte sur tous les devices.
– Gain de temps considérable dans la phase de production des interfaces.
