Amélioration d’un Design System existant tout en optimisant des fonctionnalité, afin de rendre leur accès plus intuitif et améliorer l’expérience utilisateur.
Dans le cadre d’un workshop en duo, nous avons repris et optimisé le Design System de Journee, une application mobile proposant des expériences de voyage personnalisées grâce à l’IA. L’application simplifie la planification en regroupant agenda interactif, rappels, gestion des billets et navigation.
1 - Optimiser l’accès aux notifications en intégrant un bouton dédié pour améliorer la lisibilité et la navigation.
2 - Structurer et clarifier le Design System en affinant les composants et en optimisant leur organisation.
3 - Documenter les améliorations sur ZeroHeight pour assurer une utilisation fluide par les designers et développeurs.
Audit du Design System existant
- Analyse des points forts et des frictions UX identifiées.
- Tests utilisateurs sur des designers pour évaluer la clarté et l’accessibilité des composants.
Amélioration de la fonctionnalité rappels & notifications
- Création d’un bouton icône “cloche” accessible directement depuis le header.Ajout d’un onglet dédié aux notifications, affichant le nombre de messages non lus.
- Amélioration de la hiérarchie visuelle et de la navigation dans l’interface.
Optimisation du Design System sur Figma
- Refonte de la grille (passage de 6 à 4 colonnes pour plus de cohérence).
- Création de nouveaux composants : icon button et secondary header.
- Clarification de la nomenclature et réorganisation des composants pour une meilleure accessibilité.
Documentation sur ZeroHeight & Tests designers
- Mise en place d’une documentation claire et détaillée sur les nouveaux composants.
- Vérification de la compréhension et de l’accessibilité du DS via de nouveaux tests utilisateurs.
Grâce à cette optimisation, le Design System de Journee est devenu plus intuitif et structuré. L’ajout de la fonctionnalité notifications et la refonte du header ont permis de réduire la charge mentale des utilisateurs et de fluidifier leur parcours.
