Article | Lecture rapide
Un nouveau chapitre pour le design system d’Orange
June 2021
Isabelle Coullon, interviewée par Henry Pichat
Une nouvelle rubrique intitulée « Design System » vient de voir le jour sur le site Orange Design. Sa vocation est de proposer un environnement dédié au Design System d'Orange. Elle permet d’accéder à l’ensemble des ressources prêtes-à-l’emploi pour créer des expériences Orange unifiées tout au long des parcours.
Pour Isabelle Coullon, Director of Global Design Language à Orange Innovation, ce nouveau chapitre annonce une transformation en profondeur des manières de collaborer dans l'écosystème d'Orange.
Pourquoi ce nouvel environnement pour le design system d'Orange ?
Le design system est l’héritage d’un énorme travail collaboratif mené depuis 2006 avec nos parties prenantes. Depuis longtemps, Orange dispose de chartes de conception, de méthodes et d’outils successivement hébergés sur différentes plateformes. À partir de 2019, nous avons travaillé pour mettre en place les fondations de notre design system et proposer un ensemble de ressources utiles à notre audience grandissante, car nous aurons bientôt 10 000 utilisateurs! En près de 2 ans, ce sont 16 chartes, 11 kits d’interfaces utilisateur et plus de 1500 icônes Solaris qui sont hébergés sur design.orange.com. Pour faciliter le travail au quotidien des équipes, ces ressources embarquent déjà notre identité de marque, l’accessibilité, les standards Web, iOS et Android des plateformes, mais aussi d’utilisabilité. Les communautés s’engagent aussi de plus en plus pour co-créer ces nouvelles ressources.
C’est pourquoi aujourd’hui, pour faire face à sa croissance, nous ouvrons un nouveau chapitre pour le design system. Nous intégrons un environnement web dédié qui devient désormais le point d’accès unique à l’ensemble des ressources. C’est ce que nous appelons un « design system manager ». Le bénéfice pour tous les utilisateurs du design system est une expérience fluide de découverte, d’exploration et d’accès à l’ensemble des ressources design. Selon moi, il est comme un écrin chargé d’accueillir notre trésor commun.
Concrètement, quelles sont les nouveautés et que vont-elles nous apporter ?
Nous construisons ce design system manager dans une démarche agile, en prenant en compte petit à petit les besoins des équipes. Avec cette première évolution, nous facilitons la découverte et l’utilisation des ressources clés nécessaires pour démarrer vos projets.
Il y a bien sûr, les chartes Web, iOS et Android en format html : désormais, vous naviguez confortablement dans les chartes, sans avoir besoin de télécharger de lourds documents PDF, et identifiez plus facilement les changements de versions.
Cette évolution contient aussi l’affichage de l’ensemble des composants des Kits d’interface : vous découvrez en un coup d’œil leur contenu avant de les installer.
Vous y trouverez aussi les premiers blocs d’expérience prêts-à-l’emploi : vous réutilisez des modules qui répondent à des cas d’usages récurrents dans différents produits numériques, pour vous garantir une expérience utilisateur cohérente et de qualité dans votre projet, sans avoir à le créer de zéro. Vous gardez évidemment la possibilité de les adapter à vos besoins spécifiques.
Enfin, une première synchronisation du design et du code pour le Web vous est proposée : vous affichez le code disponible pour les composants Web en live et gagnez du temps pour mettre en œuvre le design en utilisant le Framework Boosted pour votre projet.
Quelles sont les prochaines étapes ?
Pendant l’été, nous allons être très à l’écoute des retours des utilisateurs pour améliorer et continuer la migration de l’ensemble des ressources du design system vers cet environnement dédié. Les rubriques « Chartes » et « Bibliothèques » disparaitront alors progressivement du site design d’ici fin septembre. Nous ne nous arrêtons pas là : de nombreuses nouveautés vont voir le jour ces prochains mois.
Ainsi, les développeurs nous rejoignent pour enrichir le design system du code natif. Le design system manager va s’agrandir pour se relier à Boosted et son équivalent sur Android et iOS.
Les collaborations avec les équipes Orange Innovation et Pays s’accélèrent aussi. Elles vont nous permettre d’enrichir le design system avec de nouveaux modules ou blocs d’expériences communs à une grande majorité de cas d’usages.
Au fil de l’avancement des travaux de nos meilleurs experts, le design system s’enrichit pour porter tout l’engagement sociétal et environnemental d’Orange.
Des processus et des rituels commencent également petit à petit à se mettre en place pour récolter les retours des utilisateurs et faire évoluer le design system.
Enfin, une gouvernance va s’installer progressivement au sein d’Orange pour garantir l’adoption, la qualité à long terme du design system et l’efficacité opérationnelle et économique de son utilisation.
Au-delà de ce nouvel environnement, est-ce que ce design system n'annonce pas une nouvelle façon de collaborer entre les équipes de l'écosystème d'Orange ?
Tout à fait, ce design system manager, c’est un peu l’arbre qui cache la forêt, car bien plus qu’un nouvel espace dédié au design system, c’est tout une mécanique d’interactions qui se met en place, une chaîne où chaque acteur joue un rôle primordial pour faire grandir le design Orange.
À travers ces évolutions, c’est donc une véritable transformation que nous préparons dans notre manière de créer les expériences. Nous voulons offrir à tous les acteurs projet du groupe Orange et leurs partenaires, un design system évolutif, multiplateformes et inspirant. Nous voulons leur faire gagner du temps et les rendre plus autonomes et efficaces dans la création des expériences Orange.
L’objectif est que ce design system devienne, d’ici 2023, un outil commun et incontournable pour toutes nos équipes dans le monde !
Pour aller plus loin :
« Design is us », pour redécouvrir les valeurs originales du site Orange Design.