← Retour au portfolio
UX Académique · Architecture de l'information

Equi-libre

Faire tenir un site de recherche en santé mentale, riche mais illisible, dans une application mobile — en validant les catégories par un tri de cartes plutôt que par intuition.

RôleUX Architect (projet pédagogique)
MissionAnalyse concurrentielle, tri de cartes, IA
Soutenance8
StatutValidé après itération ✅
01 Contexte02 Démarche03 Résultats04 Compétences

01 · Contexte

Equi-libre diffuse librement, sur son site web, le fruit de ses recherches en santé mentale — mais la quantité d'informations y rend la navigation complexe. L'enjeu de la mission : transformer ce contenu en une application mobile "user-friendly", en ne gardant que ce qui répond à un vrai besoin utilisateur. Une recherche préalable menée par Pia, UX researcher, a défini 4 personas — dont un profil en arrêt maladie pour couvrir les situations de vulnérabilité — et fait émerger 4 familles d'attentes : organisation du temps, exercices pratiques, journal de bien-être et conseils personnalisés.

😮‍💨 75 %des répondants ressentent une charge mentale excessive au moins une fois par semaine
🗂️ 5participants au test en tri de cartes, testés individuellement
📱 3applications concurrentes analysées — Headspace, MindDoc, Petit Bambou

02 · Démarche

Une démarche en quatre temps, de l'analyse concurrentielle au wireframe, avec un test utilisateurs au milieu pour ne pas structurer l'application sur la seule base d'une intuition de designer.

1

Analyse concurrentielle

Étude de Headspace, MindDoc et Petit Bambou sur trois axes : disposition du contenu, rangement/catégorisation, wording — 2 forces, 2 faiblesses et un relevé de vocabulaire par application.

Analyse concurrentielleUX writing
2

Tri de cartes

Rédaction d'une liste de mots-clés (méditation guidée, journal de bord, charge mentale, insomnie…), test en tri de cartes ouvert avec 5 participants dont les personas Jules, Esmée et Pierre, chacun testé séparément.

Tests utilisateurs
3

Architecture de l'information & parcours utilisateurs

Traduction des catégories émergées en diagramme d'arborescence (accueil → catégories → contenus), puis un parcours par persona pour vérifier que chaque chemin reste court et cohérent.

4

Wireframes basse fidélité

Prototypage de 13 écrans en basse fidélité — sans charte graphique ni contenu rédigé — pour ne discuter que de structure et de navigation avec le client.

Un aller-retour avec le jury

Les corrections livrées en version 2 donnent la mesure des retours du premier passage : contenu jugé trop pauvre par section, navigation peu lisible dans les listes longues, personnalisation insuffisante.

Axe retravailléCorrection apportée
Choix utilisateurContenu enrichi dans chaque section, pour laisser le choix plutôt qu'imposer un seul parcours
AccessibilitéSystème de tags et de filtres pour naviguer dans les contenus longs
PersonnalisationRecommandations et accès rapides ajustés au profil de chaque utilisateur

03 · Résultats

Le tri de cartes a confirmé une intuition et corrigé une autre. Les participants regroupent spontanément le contenu en 4 familles — Exercices, Suivi personnel, Organisation, Ressources — mais se contredisent sur près de 60 % des placements ambigus (anxiété, sommeil, burn-out), tantôt rangés dans Suivi, tantôt dans Ressources. Plutôt que de trancher artificiellement ce désaccord, l'architecture finale nomme ces thèmes explicitement dans Ressources et double le classement d'un système de tags.

Un choix de navigation assumé

Ce qui a été livré

  • Note de synthèse (7 pages) — analyse de Headspace, MindDoc et Petit Bambou, wording et recommandations de structuration
  • Résultat du tri de cartes — captures d'écran des 5 tests individuels
  • Diagramme d'architecture de l'information — arborescence complète accueil → catégories → contenus
  • Parcours utilisateurs — un parcours par persona (Jules, Esmée, Pierre), pensées et émotions à chaque étape
  • Wireframes basse fidélité — 13 écrans, puis version corrigée avec tags, filtres et contenu enrichi par section

04 · Compétences

Ce projet a mobilisé la construction d'une architecture de l'information à partir de données utilisateurs, plutôt que d'une intuition de designer.

• Analyse concurrentielle ciblée (navigation, catégorisation, wording)
• Conduite d'un test en tri de cartes ouvert
• Conception d'un diagramme d'architecture de l'information
• Rédaction de parcours utilisateurs multi-personas
• Prototypage de wireframes basse fidélité
• Prise en compte d'un retour de jury et itération ciblée

Et après — le process retenu

1
Analyser
2
Tester
3
Structurer
4
Prototyper
5
Itérer

🕒 Soutenance 8 — Validé après itération

Ce que le jury a retenuPremier passage : architecture globalement cohérente, mais contenu jugé trop pauvre par section et navigation peu lisible dans les listes longues (Ressources). Un menu «burger» était attendu par la grille d'évaluation — non intégré volontairement, pour ne pas dupliquer la bottom navigation.

Ce que j'en retireUne architecture validée par un tri de cartes reste fragile si le contenu réel de chaque section n'est pas au rendez-vous. Un choix de navigation qui s'écarte de la grille d'évaluation doit être justifié explicitement à l'oral, pas seulement décidé en silence.

Livrables du projet

📎 Note de synthèse — analyse concurrentielle et recommandations (7 pages, PDF)
📎 Résultat du tri de cartes — captures d'écran des 5 tests
📎 Diagramme de l'architecture de l'information
📎 Parcours utilisateur de chaque persona
📎 Wireframes basse fidélité — version initiale et corrigée

Martin Lanrezac — Formation UX Design, OpenClassrooms. Soutenance 8 : Equi-libre, agence fictive.