‍Problématique Initiale

Malgré ses performances techniques, la version précédente de Jizô NDR présentait des limitations en termes d’expérience utilisateur :

• Surcharge d’Informations : les utilisateurs étaient confrontés à un afflux d’alertes et de données non hiérarchisées, rendant difficile l’identification rapide des menaces critiques.

• Navigation Peu Intuitive : l’absence d’une structure claire compliquait l’accès aux fonctionnalités essentielles, augmentant le temps nécessaire pour effectuer des tâches clés.

• Différenciation Visuelle Insuffisante : les niveaux de dangerosité des alertes n’étaient pas clairement distingués, créant de la confusion et des risques potentiels pour la sécurité.

Ces problèmes impactaient l’efficacité opérationnelle des équipes de sécurité et la capacité à réagir rapidement aux menaces.

Audit UX/UI

Méthodologie

Un audit complet a été réalisé et a révélé les problèmes suivants :

• Mauvaise Hiérarchisation des Alertes : les alertes critiques n’étaient pas mises en avant, entraînant des retards dans la réponse aux menaces

• Navigation Complexe : l’absence de menu clair obligeait les utilisateurs à naviguer de manière non linéaire, augmentant le temps et les efforts

• Manque de Différenciation Visuelle : les codes couleurs et les icônes utilisés ne permettaient pas de distinguer facilement les niveaux de dangerosité.

• Problèmes d’Accessibilité : les contrastes insuffisants et les typographies non optimisées rendaient la lecture difficile, notamment en mode sombre

Processus de Refonte

1. Refonte de l’Interface Utilisateur

Nous avons débuté par la création d’un UI ****kit pour définir les nouvelles couleurs et typographies de la plateforme, établissant une identité visuelle cohérente. Ce kit a servi de guide pour harmoniser l’esthétique générale et améliorer la lisibilité, notamment en mode sombre.

Ensuite, nous avons développé des composants réutilisables pour chaque élément du tableau de bord, tels que les boutons, les icônes, les formulaires et les graphiques. Cette démarche a permis d’assurer une cohérence visuelle sur l’ensemble de la plateforme, de faciliter la maintenance et d’accélérer le développement de nouvelles fonctionnalités.

2. Optimisation de la Navigation

Ensuite, un menu latéral intuitif avec une structure hiérarchisée des sections a été introduit. Cette modification avait pour but de simplifier l’accès aux différentes fonctionnalités et de réduire le nombre de clics. De plus, cela rend le menu plus facile à maintenir à long terme. Le résultat attendu était une amélioration de l’efficacité de la navigation et une diminution de la courbe d’apprentissage pour les nouveaux utilisateurs.

3. Temporalité du dashboard

Un des aspects essentiels à améliorer du point de vue UX concernait la gestion de la temporalité. L’interface précédente affichait des indicateurs comme “12h” et “24h”, sans fournir de point de référence temporel précis pour aider l’utilisateur à se repérer. De plus, les différentes sections de la page pouvaient utiliser des périodes de temps incohérentes entre elles.

Pour résoudre ce problème, nous avons introduit un sélecteur de période en haut de la page, permettant à l’utilisateur de choisir une période qui affecte l’ensemble des éléments de la page de manière cohérente. De plus, un indicateur clair des dates de début et de fin a été ajouté, ce qui permet à l’utilisateur de capturer facilement une vue d’ensemble avec les informations temporelles précises si nécessaire (par exemple pour des captures d’écran ou des rapports).

4. Hiérarchisation des Indicateurs Clés de Performance (KPIs)

Dans cette continuité de rationalisation, nous avons repositionné les KPIs en haut de la page d’accueil, en limitant l’affichage principal à quatre indicateurs clés pour assurer une visibilité immédiate. Les autres KPIs sont désormais accessibles via un accordéon, évitant ainsi de surcharger l’interface tout en permettant un accès rapide aux informations supplémentaires. Cette décision avait pour objectif de faciliter la prise de décision en réduisant le temps nécessaire pour identifier les menaces prioritaires.

De plus, il manquait des indicateurs de tendance pour informer l’utilisateur des points d’attention. Pour remédier à cela, nous avons ajouté des indicateurs de tendance exprimés en pourcentage, offrant ainsi une meilleure compréhension de l’évolution des données critiques et aidant les utilisateurs à anticiper les situations à risque.

5. Synthèse des Informations

Une réflexion a été menée sur la présentation des graphiques relatifs aux alertes. Au lieu d’avoir trois ou quatre graphiques distincts pour les différents niveaux d’alerte, ces informations ont été consolidées en un seul graphique regroupant tous les niveaux. L’objectif était de regrouper les informations connexes pour obtenir une interface plus claire et cohérente, améliorant ainsi la lisibilité des données et facilitant l’analyse globale.

6. Renforcement de l’Accessibilité

Enfin, les contrastes ont été améliorés et des typographies adaptées au mode sombre ont été sélectionnées. Cela avait pour but d’augmenter la lisibilité et le confort visuel, en particulier pour les utilisateurs travaillant dans des environnements à faible luminosité.

‍

Conclusion

La refonte de la plateforme Jizô NDR a permis d’améliorer significativement l’expérience utilisateur, l’efficacité opérationnelle et la satisfaction des clients. En adoptant une approche centrée sur l’utilisateur et en intégrant des pratiques de design éprouvées, nous avons relevé les défis initiaux et renforcé la position de Jizô NDR sur le marché de la cybersécurité. Cette expérience souligne l’importance de la flexibilité, de la collaboration et de l’engagement envers l’excellence dans le développement de solutions technologiques.

‍