App compteur de calories
Faire d'une
section oubliée
un rendez-vous
quotidien
Toute une section de l'app était boudée.
Le Food Center de Parrot Pal devait prolonger l'expérience, une fois les repas saisis dans le journal alimentaire.
Mais les données étaient sans appel : la plupart des utilisateurs le visitaient une fois et n'y revenaient jamais, alors qu'il est accessible directement depuis la barre d'onglets.
Analyse UX/UI
Le Food Center était une section fourre-tout. On y trouvait la création d'aliments personnalisés, un résumé du journal alimentaire, un plan de repas recommandé pour la journée et des suggestions de recettes sans contexte. Les utilisateurs ne savaient pas vraiment à quoi servait la section.
-
Rôle flou Les utilisateurs ne comprenaient ni à quoi servait la page, ni quoi y faire.
-
Peu de valeur perçue L'intérêt de chaque fonctionnalité n'était ni clair ni immédiat.
-
Interface incohérente Le design ne ressemblait pas au reste de l'app, ce qui nuisait à la confiance.
-
Contenu mal placé Le résumé du journal alimentaire ajoutait du bruit et n'avait rien à faire dans cette section.
Les utilisateurs n'explorent pas les fonctionnalités. Ils réagissent à une valeur claire et immédiate.
Quatre choix qui guident l'expérience
Montrer aux utilisateurs ce dont ils ont vraiment besoin.
Montrer l'intérêt tout de suite, sans obliger à fouiller.
Tout ce qui est superflu brouille le message.
La cohérence donne confiance.
Recentrer la section sur sa vraie valeur ajoutée : aider chacun à cuisiner selon ses objectifs
Nouveau parcours :
Contraintes & impacts sur le design
- Navigation figée La refonte reste dans la structure d'onglets existante.
- Bibliothèque de composants partagée Les nouveaux composants sont documentés et ajoutés à la bibliothèque, pour resservir dans toute l'app.
- API inchangée Toutes les améliorations portent sur l'affichage. La récupération des données et le modèle de recette restent tels quels.
Identifier ce qui compte
Je m'attendais à ce que la création d'aliments arrive en tête pendant les ateliers. Raté. Ce sont deux autres fonctionnalités qui revenaient sans cesse.
- Plan de repas : les utilisateurs voulaient un programme cohérent pour la journée
- Recettes : les utilisateurs voulaient des idées qui leur correspondent
Faire le tri
J'ai complètement sorti le résumé du journal alimentaire de cette section. Le garder à côté des recettes créait deux usages concurrents : les utilisateurs ne savaient plus si la page servait à suivre leurs repas ou à cuisiner.
- Il a été déplacé dans la page « Aujourd'hui », où il a naturellement sa place.
- La charge mentale a baissé et le rôle de la page est devenu clair.
Rendre les recommandations pertinentes
J'ai repensé les suggestions de recettes autour des calories restantes de la journée. Je ne voulais pas construire une énième bibliothèque de recettes générique, cette bataille est déjà perdue. Le vrai atout de Parrot Pal, celui qu'aucun concurrent n'a, ce sont les macros qu'il reste à l'utilisateur pour la journée. J'ai donc tout construit autour de ça.
- Les utilisateurs ne voient plus que les recettes qui collent à leurs calories restantes.
- Les recettes deviennent un outil personnel et concret.
Repenser le plan de repas
J'ai construit un vrai programme pour la journée, calé sur l'objectif calorique de l'utilisateur, à la place de suggestions isolées. Une recette à la fois laisse la question en suspens : qu'est-ce que je mange d'autre aujourd'hui ? Un plan complet y répond. Une seule action, et toute la journée est réglée.
- Au lieu de suggestions génériques, les utilisateurs reçoivent un programme cohérent pour la journée.
- Les repas sont classés par catégorie : petit-déjeuner, déjeuner, dîner et en-cas.
- Les objectifs caloriques reprennent par défaut ceux de la journée, mais l'utilisateur peut les ajuster pour viser un résultat précis.
- Quand une recette du plan est ajoutée au journal, les compteurs de calories et de protéines du plan se mettent à jour automatiquement.
Donner envie de cuisiner
J'ai repensé la page recette pour qu'elle donne plus envie et qu'elle soit plus facile à parcourir. J'ai été tenté de tout afficher et de laisser les utilisateurs filtrer eux-mêmes, mais trop de choix mène à la fatigue décisionnelle. J'ai préféré une sélection resserrée, filtrée selon les calories : une liste plus courte pousse davantage à passer à l'action.
- Chaque carte recette met en avant une photo, les calories et les macros, visibles avant même de toucher la carte.
- Un nombre de recettes limité, pour ne garder que les meilleures.
- Une option « J'aime » pour enregistrer la recette dans ses favoris.
- L'objectif : que les recettes donnent envie, et pas seulement qu'elles soient pratiques.
Harmoniser l'interface
J'ai repensé toute la section pour l'aligner sur le reste de l'app, tout en lui laissant sa propre personnalité. Une section qui ne ressemble pas au reste de l'app a l'air abandonnée. La cohérence, au contraire, inspire assez confiance pour qu'on y revienne.
- Des composants cohérents et une hiérarchie plus lisible.
- Une interface moderne, dans la lignée du Liquid Glass d'Apple.
Un point d'entrée clair pour décider quoi manger chaque jour
Le Food Center s'ouvre désormais sur les calories et les protéines qu'il reste à l'utilisateur pour la journée. À partir de ces chiffres, il peut créer un plan de repas personnalisé, composer ses propres repas ou se laisser tenter par de bonnes recettes, toujours adaptées à ses besoins.
- Calories & protéines restantes pour la journée, affichées d'emblée
- Plans de repas personnalisés à partir des objectifs du jour
- Des recettes et des repas adaptés aux besoins de chacun
Résultats
Le taux de retour mensuel sur le Food Center est passé de 31 % à 38 %, porté par des contenus plus faciles à découvrir et un point d'entrée plus engageant.
Les clics sur les recettes et les plans de repas ont fortement augmenté : la nouvelle hiérarchie visuelle met les bons contenus en avant au bon moment.
Le taux de conversion de la version gratuite vers l'abonnement payant est passé de 4,2 % à 4,7 %, avec davantage d'utilisateurs qui atteignent le paywall après avoir consulté les recettes premium.
Augmenter l'usage du Food Center en le rendant plus visible
Après le succès du Food Center, j'ai conçu un nouveau tutoriel de prise en main pour mieux expliquer la structure de l'app et guider les utilisateurs vers cette section. L'objectif : profiter des bons résultats du nouveau Food Center en le rendant plus visible, tout en clarifiant les premiers pas des nouveaux utilisateurs.
Le nouveau tutoriel a nettement augmenté les visites du Food Center chez les nouveaux utilisateurs.
Résultat : une nouvelle hausse de la conversion des essais gratuits.
