Cloud Monitoring System
UX/UI Design, dashboard
Le projet

J’ai accompagné les équipes de R&D lors de la refonte du Cloud Monitoring System (CMS), une plateforme logicielle SaaS pour aider les opérateurs télécoms à diagnostiquer et résoudre les problèmes de réseaux de leurs clients.

INFOS
ENTREPRISE •
Sagemcom
2023-2024

Sagemcom

Sagemcom est un groupe industriel français, leader mondial des produits et solutions communicantes à destination des marchés du Broadband, des solutions Audio et Vidéos, et de l’énergie (électricité, gaz, et eau). Sagemcom conçoit, fabrique et livre ses produits dans le monde entier, en utilisant ses propres usines et ses partenaires industriels sur tous les continents.

Une solution logicielle à moderniser

La refonte du CMS visait à moderniser la solution,  fluidifier et faciliter les process métiers des opérateurs télécoms, et harmoniser les nouvelles interfaces avec l'image du Groupe.

L'ergonomie des nouvelles interfaces a été repensée pour permettre un accès intuitif aux nombreuses informations, faciliter la recherche et simplifier la mise en corrélation et la navigation entre les différentes données.

Un autre enjeu était d'adapter la charte du Groupe et de mettre en place un design system.

Fonctionnalité de recherche affinée par la sélection du type de résultats recherchés
et la possibilité de recherche multiple
Before After
Avant/après d'un composant déroulant "Station"
Amélioration de la hiérarchisation visuelle pour une lecture plus rapide des informations
+ graphique Activity detection over the day étoffé notamment par une meilleure lisibilité des tranches horaires
mais aussi de la légende en indiquant directement sur le graphique les temps de connexion.

Visualiser la data

La solution développée par Sagemcom permet de consulter et d'analyser un très grand nombre de données. Cet atout représente aussi un défi en termes de clarté.

Après avoir recensé les différents graphiques du CMS, j'ai proposé de nouvelles mises en forme afin de garantir une meilleure lisibilité de l'information tout en conservant l'accès complet aux données remontées.
AVANT
La représentation en diagramme circulaire
n'était pas adaptée pour visualiser les différentes stations qui pouvaient être très nombreuses.
AVANT
APrès
Notre choix s'est porté sur un diagramme à barres pour une meilleure lisibilité de la data. Scrollable, il s'adapte à un large nombre de stations et peut être visualisé en 1 fois grâce à sa fonctionnalité full screen.
Après
Mise en avant des données chiffrées pour une compréhension plus rapide
Ce recensement a également mis en évidence la nécessité de créer de nouvelles mises en forme pour les données ne pouvant pas être présentées par des graphiques dits "classiques" comme dans le cadre du cas suivant:
User Case
Retracer les habitudes de connexion des appareils d'un foyer (ainsi que les éventuels problèmes de réseaux) au cours de la journée pour établir un modèle prévisionnel afin de pouvoir faire des recommandations.
1er schéma d'intention fourni par les équipes avec le brief
Le premier objectif fut de mettre en place rapidement un premier prototype afin de pouvoir vérifier avec les équipes de R&D la bonne compréhension du brief, l'utilisabilité du graphique et mettre en évidence les contraintes techniques.
Cette proposition a permis de mettre en évidence une contrainte technique : le choix de mettre les équipements (gateways/extenders) sur l'axe vertical permet de se rendre compte de façon très visuelle des passages d'un appareil entre les différents équipements d'un foyer, mais cela génère également un entrelacements de lignes pouvant perturber une lecture rapide du graphique si le nombre d'appareils est important.

Nos futures itérations ont donc eu pour but de résoudre le problèmes suivant:
Comment conserver un graphique lisible pour des foyers contenant un grand nombre d'appareils?
D'un point de vue technique et pratique, ces itérations ont confirmé la complexité de conserver les gateways/extenders sur l'axe vertical et la solution de se tourner vers une répartition selon les appareils.

Nous avons donc opté pour l'organisation finale ci-dessous en deux temps:
Vue globale (ensemble des appareils du foyer): répartition selon les appareils sur l'axe vertical
Vue détaillée d'un appareil: répartition selon la connexion aux équipements (gateways/extenders sur l'axe vertical)
Découvrez
mes autres projets
Accéder à mon portfolio