Fluidifier les parcours d'apprentissage musical

Meludia est une application web d'entraînement de l'oreille musicale qui développe la perception à travers différentes dimensions : mélodie, harmonie, rythme, densité, spatialisation. Quand je suis arrivé en 2017, l'application existait déjà avec des parcours fonctionnels, mais elle souffrait de drop-offs importants à des étapes clés. Mission : identifier les points de friction et fluidifier les parcours pour améliorer la rétention des utilisateurs.

L'interface de Meludia est très originale : l'étoile, les dimensions musicales, la progression non-linéaire. Cette originalité est une force, mais elle créait aussi de la confusion. Les utilisateurs arrivaient sur le premier écran sans comprendre où aller ni comment fonctionnait l'application. La création de compte était fastidieuse, et une fois dans l'app, changer d'exercice obligeait à sortir complètement de l'écran en cours, cassant le flow d'entraînement.

L'enjeu était de réduire ces frictions sans simplifier à l'excès ni perdre ce qui fait l'identité de Meludia. Comment guider sans imposer ? Comment fluidifier la navigation sans tout rendre linéaire ?

J'ai rejoint Meludia en juillet 2017 comme seul designer de l'équipe. Mon rôle couvrait l'amélioration de l'application web existante, en collaboration avec le PO et l'équipe dev (sprints 1 mois).

01 Recherche et identification des frictions Analyse des données analytics pour identifier les points de drop-off. Une dizaine de tests utilisateurs sur l'onboarding et la navigation entre exercices pour comprendre les blocages réels.

02 Refonte de l'onboarding Conception d'un tutoriel guidé étape par étape, skipable, qui explique le fonctionnement de l'app par la pratique plutôt que par des écrans d'explication statiques.

03 Amélioration de la navigation entre exercices Design d'un système overlay permettant de changer de dimension et d'étoile sans quitter l'écran d'exercice, maintenant le flow d'entraînement.

04 Ajout d'éléments de gamification Intégration d'animations de progression (points qui montent, complétion 3/3, barre de score), de badges et de feedback visuel pour rendre la progression plus tangible.

05 Tests et itérations Tests utilisateurs réguliers pour valider les améliorations. Déploiement progressif sur 6 mois (2 mois onboarding, 4 mois navigation).

Tutoriel guidé skipable vs explication statique

L'ancien onboarding laissait l'utilisateur sur le premier écran sans comprendre où aller. La tentation était de créer une série d'écrans d'explication, mais les tests ont montré que personne ne les lisait. La solution : un tutoriel guidé qui accompagne l'utilisateur dans ses premiers pas, étape par étape, en lui faisant faire ses premiers exercices. Skipable pour ne pas frustrer ceux qui veulent explorer seuls.

Ce tutoriel a paradoxalement ajouté plus d'étapes qu'avant, mais le taux de complétion est passé à 95% car les utilisateurs comprenaient enfin comment fonctionne l'app. Le temps pour atteindre le premier exercice après invitation par mail est descendu à environ 15 secondes.

Navigation overlay vs sortie complète

Avant, changer de dimension musicale ou d'étoile obligeait à sortir complètement de l'exercice en cours, revenir à l'écran de sélection, choisir, et relancer. Cette friction cassait le flow d'entraînement et décourageait l'exploration.

La solution : un menu overlay accessible depuis l'écran d'exercice permettant de changer rapidement de dimension (mélodie, rythme, harmonie, etc.) et d'étoile (niveau de difficulté) sans jamais quitter l'interface. Les exercices d'une même branche s'enchaînent désormais naturellement, et l'utilisateur peut pivoter vers une autre dimension en un clic.

L'arbitrage : privilégier la fluidité du parcours sur l'exhaustivité de l'information. Moins d'explications, plus d'action.

Gamification mesurée

L'ajout d'animations de fin d'exercice (points qui montent, feedback 3/3, barre de score progressive) et de badges a rendu la progression plus tangible. Ces éléments de gamification ont été calibrés pour récompenser la pratique sans créer d'addiction superficielle. L'augmentation du temps moyen de session (+20%) montre que les utilisateurs restent engagés plus longtemps.

L'originalité ne doit pas sacrifier la compréhension

L'interface de Meludia est unique, et c'est une force. Mais l'originalité sans guidance crée de la confusion. Le tutoriel guidé a permis de préserver cette originalité tout en donnant aux utilisateurs les clés pour la comprendre. Parfois, ajouter plus d'étapes améliore l'expérience si chaque étape a du sens.

La fluidité prime sur l'exhaustivité

La navigation overlay a supprimé une friction majeure en sacrifiant de l'espace d'information. On ne peut pas tout montrer en même temps. L'arbitrage entre flow et exhaustivité penche presque toujours du côté du flow : l'utilisateur préfère avancer rapidement que comprendre exhaustivement.

La gamification doit servir l'apprentissage

Les animations de score, les badges, les feedbacks visuels ne sont pas que décoratifs. Ils rendent la progression tangible et entretiennent la motivation. Mais ils doivent rester calibrés : récompenser la pratique musicale, pas les clics. L'augmentation de 20% du temps de session montre que ça fonctionne sans dénaturer la pédagogie.