Refonte UX/UI pour Orange Cyberdéfense

Améliorer l’UX et l’UI de l’interface

Orange Cyberdéfense est l’entité du groupe Orange spécialisée dans la cybersécurité des entreprises. Elle propose à ses clients un tableau de bord (ou dashboard) permettant de visualiser très rapidement les informations concernant les menaces détectées et les actions de sécurité mises en place.

Afin de renforcer l’attractivité de son offre commerciale et d’améliorer l’expérience utilisateurs vécue sur l’interface, Orange Cyberdéfense nous a sollicités. Notre mission : retravailler le tableau de bord pour rendre plus clair et plus fonctionnel.

Itérer puis déployer

Ce sont Maéva, cheffe de projet, et Alexandre, développeur front-end, qui ont travaillé en binôme sur ce projet. Pour ce faire, nous avons adopté une approche pragmatique en prenant en compte trois contraintes majeures :

• un environnement technique spécifique : l’interface a été développée via Orange Boosted, une bibliothèque maison d’Orange, dérivée de Bootstrap,
• le respect du design system d’Orange,
• l’intégration de graphiques créés sur un outil Highcharts.

Nous avons choisi de fonctionner par itération, directement en environnement de test (avec des jeux de données simulées). Cela nous a permis d’avancer rapidement, tout en intégrant les retours réguliers de l’équipe cliente.

Faciliter l’accès aux données et leur compréhension

Le travail a été organisé en deux temps : l’optimisation de l’existant puis la création de nouvelles pages.

Tout d’abord, nous avons travaillé la hiérarchie de l’information des différentes pages existantes mais aussi la lisibilité des graphiques. Nous avons réalisé des tests directement en développement, en environnement de test. Nous présentions régulièrement aux clients nos propositions et avancées pour obtenir les validations et orientations nécessaires avant de passer aux étapes suivantes.

Dans un second temps et sur la base des besoins métiers remontés, nous avons conçu de nouvelles vues dans ce tableau de bord. Elles permettent d’approfondir la compréhension des données indiquées. Cette phase a nécessité de la réflexion afin de rendre compatibles les objectifs d’Orange Cyberdéfense avec les possibilités offertes par leur stack technique.

Une interface optimisée pour des données de cybersécurité

Nous avons finalement livré une nouvelle version de leur tableau de bord dédié à la cybersécurité, plus adaptée aux usages qui en sont faits et au niveau d’expertise des clients qui y ont accès.

L’équipe d’Orange Cyberdéfense dispose désormais d’un outil plus lisible, plus engageant, et plus intuitif pour ses utilisateurs et ce, malgré un socle technique restreint.