‍Problème initial
‍

Malgré ses performances techniques, la version précédente de Jizô AI présentait des limites en termes d'expérience utilisateur:

• Surcharge d'informations: Les utilisateurs faisaient face à un flux d'alertes et de données non priorisées, ce qui rendait difficile l'identification rapide des menaces critiques.
• Navigation non intuitive: L'absence de structure claire compliquait l'accès aux fonctionnalités essentielles, augmentant le temps nécessaire pour effectuer les tâches clés.
• Différenciation visuelle insuffisante: Les niveaux de danger des alertes n'étaient pas clairement distingués, créant de la confusion et des risques de sécurité potentiels.

Ces problèmes ont affecté l'efficacité opérationnelle des équipes de sécurité et leur capacité à répondre rapidement aux menaces.

‍

Méthodologie
‍

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

• Mauvaise priorisation des alertes: Les alertes critiques n'étaient pas mises en évidence, entraînant des retards dans la réponse aux menaces.
• Navigation complexe: L'absence de menu clair forçait les utilisateurs à naviguer de manière non linéaire, augmentant le temps et l'effort.
• Manque de différenciation visuelle: Les codes couleurs et les icônes utilisés ne permettaient pas une distinction facile des niveaux de danger.
• Problèmes d'accessibilité: Des contrastes insuffisants et des typographies non optimisées rendaient la lecture difficile, surtout en mode sombre.

Processusus de refonte
‍

1. Refonte de l'interface utilisateur

Nous avons commencé par créer un kit UI 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 globale 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 des boutons, des icônes, des formulaires et des graphiques. Cette approche a garanti une cohérence visuelle sur toute la plateforme, a facilité la maintenance, et a accéléré le développement de nouvelles fonctionnalités.

‍

2. Optimisation de la navigation

Un menu latéral intuitif avec une structure hiérarchique of sections a été introduit. Cette modification visait à simplifier l'accès aux diverses fonctionnalités et à réduire le nombre de clics. De plus, cela rend le menu plus facile à maintenir dans le temps. Le résultat attendu était une efficacité de navigation améliorée et une courbe d'apprentissage réduite pour les nouveaux utilisateurs.

3. Temporalité du tableau de bord

L'un des aspects essentiels à améliorer du point de vue UX concernait la gestion de la temporalité. L'ancienne interface affichait des indicateurs like “12h” and “24h” sans fournir de référence temporelle précise pour aider les utilisateurs à s'orienter. De plus, différentes sections de la page pouvaient utiliser des périodes de temps incohérentes.

Pour résoudre ce problème, nous avons introduit un sélecteur de période en haut de la page, permettant aux utilisateurs de choisir une période qui affecte de manière cohérente tous les éléments de la page. De plus, un indicateur clair des dates de début et de fin a été ajouté, permettant aux utilisateurs de capturer facilement un aperçu avec des informations temporelles précises si nécessaire (e.g., pour des captures d'écran ou des rapports).

‍

4. Priorisation des indicateurs clés de performance (KPI)

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

De plus, il y avait un manque d'indicateurs de tendance pour informer les utilisateurs des points d'attention. Pour y remédier, nous avons ajouté des indicateurs de tendance exprimés en pourcentages, offrant une meilleure compréhension de l'évolution des données critiques et aidant les utilisateurs à anticiper les situations à risque.

‍

5. Synthèse de l'information

Nous avons repensé la présentation des graphiques liés aux alertes. Au lieu d'avoir trois ou quatre graphiques séparés pour 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 plus cohérente, améliorant la lisibilité des données et facilitant l'analyse globale.

6. Amélioration 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 visait à augmenter la lisibilité et le confort visuel, en particulier pour les utilisateurs travaillant dans des environnements peu éclairés.

‍