Studi — Refonte UX/UI du LMS
Studi est une école 100% en ligne proposant un large éventail de formations. Cependant, des difficultés telles que le faible taux d'achèvement des cours et l'engagement limité des utilisateurs ont mis en évidence la nécessité d'une refonte complète de l'expérience utilisateur et de l'architecture technique.
Industrie
Education
Date
2023
Client
Studi
Mon rôle
UX Researcher, UX/UI Designer
“Comment pouvons-nous optimiser le Learning Management System (LMS) afin d’améliorer l’expérience utilisateur, augmenter les taux de complétion des cours et favoriser l’auto-apprentissage ?”
Objectif : Optimiser l’expérience d’apprentissage de la plateforme, augmenter la rétention et intégrer des mécanismes d’auto-assistance pour renforcer l’autonomie des utilisateurs.
Découvrir
Objectif : Comprendre le contexte, les besoins et les attentes des utilisateurs, ainsi que les contraintes du problème à résoudre. Cela implique l’utilisation de méthodes de recherche qualitatives et quantitatives, avec collecte et analyse des données afin d’identifier opportunités, défis et pistes d’innovation.
Stratégie de recherche
Établir une stratégie de recherche dès le début du projet est essentiel pour s’assurer que les décisions de design soient fondées sur les besoins réels des utilisateurs et les meilleures pratiques du secteur. En réalisant une analyse approfondie des plateformes LMS/LXP existantes, des méthodologies d’apprentissage, des mécanismes d’engagement et de la dynamique des communautés, nous obtenons une compréhension globale de la manière dont les utilisateurs interagissent avec les environnements d’apprentissage numériques.
Définir
Objectif : Synthétiser les informations recueillies, formuler clairement le problème et définir les objectifs du projet ainsi que les critères de succès. Cette étape s’appuie sur des outils de visualisation tels que les personas, les user journeys et les empathy maps. Le problème est formulé comme une question ouverte pour orienter la phase suivante.
Personas & Journey Mapping
Grâce à des entretiens utilisateurs, nous avons identifié les principaux défis rencontrés par les apprenants et les avons regroupés en 4 personas distincts. Chaque profil représente un parcours d’apprentissage différent, ce qui nous permet d’adapter l’UX/UI de la plateforme pour répondre efficacement aux besoins et points de friction spécifiques.
L’étudiant post-bac
À la recherche d'un apprentissage structuré
L’étudiant en réorientation
À la recherche de flexibilité et de clarté
Pour comprendre en profondeur l’expérience de chaque apprenant,
nous avons développé des Customer Journey Maps pour chacun des personas :
Changement de carrière
Nécessite un soutien et une forte motivation
Professionnel en montée en compétences
Axé sur l’efficacité
et un apprentissage orienté objectifs
Principales conclusions :
Ce mapping permet de mettre en évidence les points de contact critiques où les utilisateurs rencontrent des difficultés ou vivent des moments d’engagement. En analysant ces interactions, nous avons pu identifier les besoins clés des utilisateurs, leurs frustrations et les opportunités d’amélioration.
-
Les apprenants se sentent isolés et ont besoin d’un meilleur accompagnement.
-
Les utilisateurs recherchent davantage d’engagement et d’interaction sociale. Il n’existait aucun moyen fluide pour se connecter, partager des expériences et bénéficier du soutien des pairs.
-
De nombreux utilisateurs ont du mal à trouver et comprendre les ressources d’apprentissage disponibles.
-
L’interface était peu intuitive, rendant la navigation décourageante.
Développer
Objectif : Générer des idées de solutions à partir des insights collectés, en mobilisant créativité et intelligence collective. Cette phase fait appel à des techniques de brainstorming telles que le mind mapping, le sketching et la construction de scénarios. Les idées les plus prometteuses sont ensuite sélectionnées et combinées en fonction des objectifs et critères définis lors de la phase précédente.
Pour concevoir la nouvelle version de ce LMS, nous avons adopté une approche basée sur les composants afin de garantir scalabilité, cohérence et efficacité de l’expérience utilisateur.
Nous avons d’abord structuré la plateforme en créant des wireframes pour définir l’architecture globale et les parcours utilisateurs. Cette étape nous a permis de nous concentrer sur l’utilisabilité, la hiérarchie de l’information et les patterns de navigation avant d’affiner les détails visuels.
Une fois les wireframes validés, nous sommes passés à Figma pour construire un design system complet, en développant des composants UI réutilisables tels que boutons, cartes et éléments de navigation.
Ancienne version
-
Nous avons mis en place une expérience d’onboarding personnalisée qui adapte le parcours d’apprentissage aux objectifs de chaque utilisateur. La plateforme propose désormais des recommandations sur mesure en fonction de leur profil et de leur progression.
-
Nous avons restructuré les contenus des cours avec un tableau de bord centralisé offrant un accès rapide aux modules, un système de recherche et de filtres intelligent pour aider les étudiants à trouver les ressources facilement, et des suggestions de contenu adaptatives basées sur le comportement des utilisateurs.
-
Nous avons intégré des forums de questions/réponses en direct, permettant aux étudiants d’obtenir des réponses en temps réel, ainsi que des groupes d’étude entre pairs inspirés de modèles ayant fait leurs preuves.
-
Nous avons mis en place des jalons et badges pour motiver les utilisateurs, un suivi des progrès en temps réel pour maintenir l’engagement, ainsi que des séries et défis pour encourager la régularité dans l’apprentissage.
Nouvelle version
Deliver
Objectif : Développer et tester les solutions à l’aide de prototypes, en utilisant des méthodes de validation telles que les tests utilisateurs, les retours d’expérience, les mesures d’impact, etc.
Résultats des tests d’utilisabilité :
✅ Augmentation des taux de complétion des cours
✅ Engagement utilisateur renforcé grâce à la gamification
✅ Plateforme plus accessible et intuitive
Outils: Figma, Notion