UX Mapping
1. Définition
Section intitulée « 1. Définition »L’architecture de l’information consiste à structurer et organiser le contenu d’un produit numérique pour que l’utilisateur comprenne, navigue et accède facilement à ce qu’il cherche.
Elle est au cœur de la conception UX, entre le contenu et la navigation.
2. Pourquoi c’est important ?
Section intitulée « 2. Pourquoi c’est important ? »- Évite la surcharge cognitive
- Favorise la clarté et la lisibilité
- Rend la navigation intuitive
- Anticipe les besoins utilisateurs
- Facilite la collaboration entre UX, devs, rédacteurs, etc.
📌 C’est un travail stratégique qui impacte la navigation, le design, le contenu et le SEO.
3. Méthode OOUX (Object-Oriented UX)
Section intitulée « 3. Méthode OOUX (Object-Oriented UX) »L’OOUX (UX orientée objet) est une méthode qui structure les interfaces autour des “objets” du système, avant de penser à la navigation ou au layout.
Inspirée de la pensée objet (comme en dev), cette méthode met l’accent sur le contenu et les relations avant tout.
—
Étape 1 – Identifier les objets
Section intitulée « Étape 1 – Identifier les objets »Qu’est-ce qu’un objet ?
- Élément central de l’interface (ex : cours, utilisateur, commande…)
- Porteur de sens pour l’utilisateur
- Apparaît sous différentes formes (liste, fiche, résumé…)
Atelier :
- Lire un brief produit ou description
- Noter tous les objets sur des post-it bleus
—
Étape 2 – Caractéristiques & métadonnées
Section intitulée « Étape 2 – Caractéristiques & métadonnées »- Caractéristiques : infos qui définissent l’objet (titre, auteur, durée…)
- Métadonnées : permettent de filtrer/trier les objets (catégorie, date, popularité…)
🛠 Post-it jaunes = caractéristiques 🛠 Post-it roses = métadonnées
—
Étape 3 – Relations entre objets
Section intitulée « Étape 3 – Relations entre objets »- Quels objets sont liés à d’autres ?
- Un objet peut en encapsuler un autre (ex : une “formation” contient des “cours”)
- Cela permet de définir les hiérarchies de contenu
🛠 Post-it bleus imbriqués pour les objets liés
—
Étape 4 – Classer et hiérarchiser
Section intitulée « Étape 4 – Classer et hiérarchiser »Objectif : organiser les infos selon leur importance pour l’utilisateur
- Trier les caractéristiques par ordre d’importance
- Réfléchir à ce que l’utilisateur souhaite voir en premier
🛠 Post-it repositionnés du plus important (en haut) au moins utile (en bas)
Étape 5 – Définir les interactions
Section intitulée « Étape 5 – Définir les interactions »- Quelles actions peut-on faire sur chaque objet ? (ex : “ajouter au panier”, “modifier”, “suivre ce cours”…)
- C’est la couche interactive de l’architecture
🛠 Post-it verts au-dessus des objets
4. Autres outils en architecture de l’info
Section intitulée « 4. Autres outils en architecture de l’info »| 🧰 Outil | 💡 Objectif principal |
|---|---|
| Arborescence | Organiser les pages du site ou de l’app |
| Tri par cartes (Card sorting) | Découvrir la logique utilisateur pour catégoriser les infos |
| Wireframes | Représenter graphiquement la structure d’une page |
| Sitemaps | Visualiser l’organisation globale du site |
Conclusion
Section intitulée « Conclusion »Une bonne architecture de l’information, c’est rendre l’invisible visible, en rendant le bon contenu accessible au bon moment.
Elle se pense en amont du design, en collaboration avec toutes les équipes (UX, produit, dev, contenu…).