Redesign InserJeunes : Simplifier l'orientation scolaire.
UX/UI Design | Architecture de l'information | Design System
Cas d'usage
Simplifier la lecture de données complexes
Le but de cet exercice était de reprendre une page administrative très chargée pour la rendre facile à lire. J’ai voulu transformer une longue liste de textes et de chiffres en un tableau de bord clair, où l’on trouve l’information importante en un coup d’œil.
Le Problème (Audit)
En observant le site actuel, j’ai noté trois problèmes principaux :
Trop d’infos d’un coup : On ne sait pas où regarder car tout est écrit avec la même importance.
Chiffres difficiles à lire : Les statistiques (salaires, emploi) sont perdues dans le texte au lieu de ressortir.
Style un peu daté : Le design manque de modernité et de clarté pour une plateforme d’orientation.
Les changements
Une présentation par « cartes » : J’ai regroupé chaque formation dans un bloc séparé pour faciliter la comparaison.
Des graphiques visuels : J’ai remplacé les lignes de chiffres par des cercles de couleur pour une compréhension instantanée des taux de réussite.
Code couleur intelligent : J’ai instauré une distinction visuelle claire (par la couleur) pour différencier les parcours en Apprentissage des parcours Scolaires.
Regroupement d’informations : Contrairement à l’original qui se limitait au CAP, ma version affiche désormais les infos du Bac Pro et du CAP au même endroit pour une vue d’ensemble complète.
Filtres simplifiés : J’ai rendu les outils de recherche plus visibles et plus simples à utiliser pour filtrer les formations rapidement.
De l’information au format FAQ : J’ai transformé le gros pavé de texte en haut de page en une FAQ ordonnée. Cela permet de trouver une réponse précise sans avoir à lire tout un bloc indigeste.
Résultat
- Clarté Informationnelle : Transformation d’une base de données complexe en un système de lecture intuitif grâce à la hiérarchisation des contenus.
- Efficacité de la Data-Viz : Mise en place d’indicateurs visuels (graphiques circulaires) permettant une compréhension immédiate des statistiques clés.
- Modernisation de l'UI : Création d'une interface épurée et professionnelle, renforçant la crédibilité et l'accessibilité de la plateforme.
- Structure Modulaire : Conception d’un système de cartes facilitant la comparaison des formations et l'évolution vers une interface responsive.