Des nombres qui comptent, des nombres qui montrent
Intégration de Stephen Few Show Me the Numbers et de Chip Heath & Karla Starr Make Numbers Count. Les rôles des deux livres sont complémentaires :
- Heath & Starr gèrent le niveau de sens — comment faire en sorte qu'un nombre soit « saisi » par le cerveau humain.
- Few gère le niveau visuel — comment représenter correctement les nombres sous forme de graphiques/tableaux.
En les réunissant sur un même plan de travail, on obtient une chaîne complète : Public → Sens → Forme → Présentation propre → Interprétation finale.
0. Un cadre général (avant de commencer, posez ces trois questions)
Avant d'écrire un contenu contenant des nombres, répondez d'abord :
- Qui lira ? Quelle décision ou action devra-t-il prendre après la lecture ? (Le lecteur n'est pas une « entreprise » ou une « équipe » abstraite, c'est une personne concrète.)
- Quel est le ONE takeaway de l'ensemble du contenu ? (La conclusion qui peut être résumée en une phrase. Si vous ne pouvez pas la condenser, réfléchissez d'abord, ne dessinez pas.)
- Ce takeaway est-il qualitatif ou quantitatif ?
- Qualitatif (ex : « Nous avons atteint notre objectif »), les nombres sont juste un support → utilisez une prose + 1–2 nombres ancrés.
- Quantitatif (ex : « les différences de conversion entre les canaux »), les nombres sont le sujet principal → utilisez un tableau ou un graphique.
Cette étape est le plus grand levier de qualité. Si la forme est mal choisie (graphique transformé en tableau, ou vice versa), même les efforts ultérieurs ne pourront pas sauver le résultat.
Partie I — Donner vie aux nombres (le cœur de Heath & Starr)
Le cerveau humain n'a pas évolué pour traiter de grands nombres. Nous traitons naturellement 1, 2, 3, beaucoup. Tout ce qui est « milliard, pourcentage, milliseconde, nanomètre » nécessite une traduction.
Règle 1. Action par défaut : si possible, n'écrivez pas de nombre
Les nombres semblent rigoureux, mais ils masquent souvent le sens. Le lecteur voit « 23 % YoY » et ne sait pas si c'est bon ou mauvais ; il doit faire un effort mental pour comparer.
- ❌ « Notre taux de rétention est de 87,3 %. »
- ✅ « Dans notre catégorie de produits, la rétention est parmi les meilleures. »
Critère de décision : Supprimez le nombre, le sens reste-t-il ? Si oui, supprimez. Les raisons légitimes de conserver un nombre sont généralement : décision précise, traçabilité réglementaire, comparaison comptable.
Règle 2. En cas de nécessité de conserver, simplifiez radicalement
La précision qu'une personne peut « saisir » est bien inférieure à celle qu'elle souhaite présenter.
| Nombre original | Version saisissable |
|---|---|
| 89,7 % | 9 sur 10 / près de 90 % |
| 1 247 856 | environ 1,25 million / « plus d'un million » |
| 2,7× | près de 3 fois / « triple » |
| 33,4 % | 1/3 |
| 49,6 % | « la moitié » |
Préférences par défaut :
- Entiers > décimales ; fractions avec dénominateur ≤ 10 > pourcentages ;
- « 1 sur N » est plus facile à saisir que « X % » pour les petits nombres ( « 1 enfant sur 4 » > « 25 % des enfants » ) ;
- Probabilité → fréquence ( « 20 % de chances » → « 1 patient sur 5 » ).
Exception : en finance, conformité, doses médicales, etc., la précision fait partie de l'information, ne peut pas être simplifiée.
Règle 3. Donnez un « ancrage » au nombre (Translation by anchoring)
Un nombre flottant dans l'air n'a pas de poids. Il faut l'attacher à un objet, un temps, un espace familier au lecteur.
Bibliothèque d'ancrages classiques (à mémoriser) :
| Dimension | Ancre |
|---|---|
| Temps | 1 million de secondes ≈ 12 jours ; 1 milliard de secondes ≈ 32 ans |
| Argent | Un café à 5 $/jour ≈ 1 825 $/an ≈ 22 ans pour une Tesla |
| Distance | Circonférence terrestre ≈ 40 000 km ; LA → NY ≈ 4 000 km |
| Population | Grand stade ≈ 80 000 personnes ; petite ville ≈ 100 000 ; San Francisco ≈ 800 000 |
| Données | Une photo ≈ 3 Mo ; un film HD ≈ 4 Go ; tout le texte de la Bibliothèque du Congrès ≈ 15 To |
| Volume/Poids | Une moutarde ≈ 113 g ; un terrain de basket ≈ 420 m² |
Règle fondamentale :
- Utilisez le monde du lecteur, pas le vôtre. L'ancre pour un comptable n'est pas celle pour un programmeur.
- Pour un même ensemble de données, selon le public, utilisez des ancres différentes.
- L'ancre doit être saisie d'un coup d'œil ; si elle nécessite une explication, ce n'est pas une ancre.
Règle 4. Changement de dimension (Dimensional shifts)
Un même fait, raconté sous différentes dimensions, provoque des ressentis totalement différents.
- 0,1 % de défauts semble « très faible ».
- Mais une production de 1 million d'unités → « 1 000 pièces défectueuses » → « un stade bondé », l'impact est immédiat.
Combinaisons courantes de changement :
- Par jour → Par an → Par vie
- Pourcentage → Nombre absolu
- Total → Par personne
- Cumulé → Instantané
Utilisation : Écrivez d'abord plusieurs dimensions, puis choisissez celle qui correspond le mieux à l'émotion que vous voulez susciter.
Règle 5. Laissez le lecteur « compter » (Process numbers)
Un grand nombre annoncé d'un coup engourdit ; si vous laissez le lecteur compter lui-même, la mémoire et l'émotion sont doublées.
« Imaginez une pièce avec 100 personnes. Parmi elles, 32… »
Transformez « 32 % » en ce théâtre de 100 personnes, le lecteur visualisera la scène. C'est la technique clé de Heath & Starr pour « jouer » une quantité abstraite.
Applications : discours, début d'articles longs, page d'histoire produit.
Règle 6. Crescendo, ne commencez pas par le pic
Disposez les nombres par ordre croissant de grandeur, la comparaison déclenche un « wow ».
« Les serpents tuent 100 000 personnes par an. Les chiens, 25 000. Les requins, 6. Les moustiques ? 725 000. »
Structure classique : d'une ancre courante → à une échelle similaire → à une quantité encore plus grande et contre-intuitive.
Règle 7. Données + histoire, doivent être associées
- Statistiques seules : le cerveau croit, le cœur ne bouge pas.
- Histoire seule : le cœur bouge, mais on ne sait pas si c'est un cas isolé ou général.
- Les deux ensemble : 1 personne concrète, associée à une statistique de 1 sur 4. C'est la combinaison gagnante pour les dons caritatifs, les récits politiques, les récits marketing.
Règle 8. Refusez le jargon statistique
-
❌ « Le revenu médian des ménages est de 75 000 $. »
-
✅ « La moitié des ménages a un revenu annuel supérieur à 75 000 $, l'autre moitié en dessous. »
-
❌ « p < 0,05 »
-
✅ Pour un public non expert : dites simplement « cette différence n'est probablement pas due au hasard » ou omettez-le.
Partie II — Présenter proprement les nombres (le cœur de Few)
Minimiser les pertes dans le pipeline allant de la rétine au cerveau.
Règle 9. Choisir la bonne forme : prose vs tableau vs graphique
| Forme | Quand l'utiliser | Signal |
|---|---|---|
| Prose | 1–3 nombres intégrés dans un récit | « La croissance a doublé (47 → 94 commandes) » |
| Tableau | Recherche de valeurs précises ; 4+ valeurs ; plusieurs unités/indicateurs | Le lecteur doit lire des valeurs spécifiques |
| Graphique | Modèle, tendance, comparaison, distribution, corrélation | Le lecteur doit voir une forme |
Question décisive : Voulez-vous que le lecteur « lise » un nombre ou « voie » une forme ? Lire → tableau ; Voir → graphique.
Règle 10. Sept types d'information quantitative (base du choix de graphique selon Few)
Chaque graphique exprime un seul de ces types. Identifiez d'abord le type, puis choisissez le graphique. Ne choisissez pas à partir du type de graphique.
| Type d'information | Ce qu'il veut dire | Graphique recommandé | À ne pas utiliser |
|---|---|---|---|
| Série temporelle | Une variable évolue dans le temps | Ligne (continu) / Barres (périodes discrètes) | Diagramme circulaire, radar |
| Classement | Qui a le plus/le moins (déjà trié) | Barres horizontales (triées par valeur) | Diagramme circulaire, barres 3D |
| Partie d'un tout | Une part représente le tout | Barres, barres empilées | Diagramme circulaire ≥ 5 parts ; anneaux imbriqués |
| Écart | Réel vs objectif/référence | Graphique bullet, barres avec ligne de référence | Graphiques affichant uniquement les valeurs absolues |
| Distribution | Comment les valeurs sont réparties dans les intervalles | Histogramme, densité, boxplot | Ligne reliant les fréquences |
| Corrélation | Relation entre X et Y | Nuage de points (éventuellement avec ligne de tendance) | Graphique double axe Y |
| Comparaison nominale | Comparaison de plusieurs catégories non ordonnées | Barres (triées du + grand au + petit) | Diagramme circulaire, nuage de mots |
| (Géospatial) | Distribution géographique | Carte choroplèthe / points | Globe 3D |
Mantra fondamental : Type d'information → Type de graphique. Ne faites pas l'inverse.
Règle 11. Attributs pré-attentifs (Pre-attentive attributes)
Le cerveau humain traite en parallèle, en 200 ms, ces caractéristiques visuelles : position, longueur, largeur, taille, direction, forme, fermeture, teinte de couleur, luminosité de couleur, mouvement.
Règles pratiques :
- Utilisez UN attribut pour coder les données (longueur de barre, position des points) ;
- Utilisez UN attribut pour souligner le point central (une couleur vive / un gras).
- Ne superposez pas d'attributs redondants « pour être sûr », l'œil ne saura pas où regarder.
- Ne reposez jamais uniquement sur la teinte : 8 % des hommes sont daltoniens ; le gras, la position et la forme doivent pouvoir transmettre l'information indépendamment.
Ordre de précision (du plus haut au plus bas) : position > longueur > angle > surface > luminosité > teinte. Donc la longueur (barre) l'emporte presque toujours sur l'angle (diagramme circulaire).
Règle 12. Discipline des couleurs (Color discipline)
La couleur n'est pas une décoration ; c'est un canal à bande passante très étroite. Utiliser les couleurs de manière aléatoire = gaspiller une bande passante haute priorité sur l'arrière-plan.
- Par défaut, tout en gris, réservez la couleur au seul point central.
- Haute saturation = accentuation ; faible saturation = contexte.
- L'arrière-plan ne doit jamais être blanc pur ou noir pur : approchez légèrement de la teinte de la marque (chroma 0,005–0,015 dans OKLCH).
- Ne réfléchissez pas par réflexe au bleu (h≈250) ou à l'orange chaud (h≈60), ce sont des pièges par défaut de l'IA/SaaS.
Les couleurs se divisent en trois sémantiques selon leur usage :
| Usage | Règle de coloration |
|---|---|
| Séquentiel (ex : tranches de revenus) | Même teinte, luminosité du clair au foncé |
| Divergent (ex : perte/profit, écart positif/négatif) | Deux teintes séparées à partir du milieu (bleu↔rouge, cyan↔orange) |
| Catégoriel (ex : différentes régions) | Maximum 6 teintes ; au-delà, utilisez la position/étiquettes directes |
Auto-test : Le graphique est-il encore lisible en niveaux de gris ? Sinon, refaites-le.
Règle 13. Supprimez l'encre non-données (Non-data ink)
Éléments ne portant pas d'information : supprimez ou atténuez.
- 3D, ombres, dégradés dans les barres : tout supprimer.
- Grilles : supprimez ; si conservées, réduisez l'opacité à 5–10 %.
- Blocs de couleur d'arrière-plan : supprimez.
- Cadre du graphique : supprimez.
- Légende : si vous pouvez étiqueter directement sur la ligne/barre, pas de légende.
- Graduations des axes : 1 234 567 → « 1,2 M ».
Principe du data-ink ratio de Tufte : Chaque goutte d'encre doit porter une information.
Règle 14. Règles strictes pour les diagrammes en barres
- L'axe Y doit commencer à 0 (la longueur de la barre code directement la magnitude ; couper = mentir).
- Trier par valeur (sauf si les catégories sont naturellement ordonnées : lundi à dimanche, tranches d'âge).
- Étiquettes de catégories longues → diagramme en barres horizontal.
- Espacement entre les barres ≈ 20–30 % de la largeur d'une barre.
- Barre centrale avec couleur de marque, les autres en gris.
Règle 15. Règles strictes pour les graphiques en lignes
- L'axe Y peut ne pas commencer à 0 (il code la position relative/la tendance).
- Maximum 5 lignes ; au-delà, cela devient des spaghettis.
- Étiquetez directement à la fin de la ligne, pas de légende.
- Ligne centrale : haute saturation + gras, les autres en gris.
- Intervalles de temps sur l'axe X uniformes.
Règle 16. Règles strictes pour les diagrammes circulaires (pie chart)
- Par défaut : n'utilisez pas de diagramme circulaire.
- Utilisez-le uniquement si : ① parts ≤ 4, ② la « proportion » est l'information centrale, ③ l'écart entre les parts est suffisamment grand pour être vu d'un coup d'œil.
- Obligations : commencer à 12 heures, la plus grande part à droite dans le sens horaire ; trier par taille.
- L'anneau (donut) est acceptable — placez le nombre central au milieu.
Règle 17. Conception des tableaux
- Les nombres sont alignés à droite, alignés sur la virgule.
- Même nombre de décimales dans une colonne.
- Chiffres à largeur fixe (CSS :
font-variant-numeric: tabular-nums; font-feature-settings: "tnum"). - Grouper les lignes avec des espaces ou des fonds de couleur très clairs, pas les deux en même temps.
- Les grilles lourdes réduisent la lisibilité — utilisez des espaces + séparateurs très légers.
- Ligne/colonne centrale : fond clair ou gras, pas de rayures rouges et vertes (daltonien + ressemble à Excel).
- Placez d'abord le résumé, puis les détails. Maximum 7 lignes visibles ; le reste plié.
Règle 18. Conception des tableaux de bord (Dashboard)
La proposition centrale de Few : un tableau de bord est « une vue d'écran des informations importantes », pas un supermarché de données.
- Un seul écran, pas de défilement.
- Hiérarchie de mise en page : en haut à gauche = le plus important (motif en F).
- Chaque tableau de bord a UN point d'action principal (« que doit faire la personne »).
- Utilisez le graphique bullet au lieu du gauge (voir Annexe B).
- Sparkline (mini graphique en ligne dans le texte) permet de voir la tendance d'un coup d'œil, sans prendre de place.
- Pas de logo, pas de filigrane, pas d'icônes décoratives ; les icônes ne peuvent avoir qu'une fonction de « catégorisation ».
Partie III — Flux de décision (prêt à l'emploi)
Arbre de décision A : Faut-il ajouter un nombre ?
Y a-t-il une conclusion à énoncer ?
├─ Oui → Le nombre rend-il la conclusion plus crédible/décidable ?
│ ├─ Oui → Conservez 1–3, simplifiez selon Règle 2, ancrez selon Règle 3
│ └─ Non → Supprimez
└─ Non → Réfléchissez d'abord à la conclusion, puis revenez
Arbre de décision B : Quelle forme utiliser ?
Action que le lecteur doit entreprendre :
├─ Lire une valeur spécifique → Tableau
├─ Voir une forme/tendance/comparaison → Graphique (selon Règle 10)
├─ Retenir une conclusion → Prose + 1 nombre ancré
└─ Voir une forme ET lire des valeurs → Graphique principal + tableau dépliable
Arbre de décision C : Quel graphique choisir (méthode des 7 questions) ?
| Question | Si oui, utiliser |
|---|---|
| Est-ce que ça évolue dans le temps ? | Graphique en lignes |
| Est-ce une comparaison de classement entre catégories ? | Diagramme en barres horizontales |
| Est-ce une partie d'un tout ? (≤ 4 catégories) | Barres / Anneau |
| Est-ce « réel vs objectif » ? | Graphique bullet |
| Est-ce une répartition de valeurs ? | Histogramme / Boxplot |
| Est-ce une relation X-Y ? | Nuage de points |
| Aucun de ces cas, simple comparaison de catégories ? | Diagramme en barres |
### Test de l'odeur (auto-vérification 30 secondes avant livraison)
Si l'un des éléments suivants est vrai, **refaites-le** :
- Le graphique ressemble à celui par défaut d'Excel (barres bleues, fond gris, 3D).
- Utilisation d'un diagramme circulaire avec 5 parts ou plus.
- L'axe Y du diagramme en barres ne commence pas à 0.
- Plus de 3 couleurs sans sémantique.
- Présence d'une légende alors que des étiquettes directes pourraient être utilisées.
- Précision numérique supérieure aux besoins de la décision (ex. 87,34 % dans une communication).
- La capture d'écran réduite à 30 % permet-elle encore de lire le point central ? Non -> refaites.
- La capture d'écran convertie en niveaux de gris est-elle encore lisible ? Non -> refaites.
---
## Partie IV — Application par scénario
### A. Mises à jour quotidiennes (Slack, email)
- Nombres ≤ 3 ; le reste racontez une histoire.
- **Conclusion d'abord, nombre entre parenthèses** :
- ❌ « Variation WoW : +100 % »
- ✅ « Les ventes ont doublé (47 → 94 commandes) »
- Utilisez ▁▃▅▇█ dans les canaux à largeur fixe pour faire des sparklines.
- Nombres ≥ 4 → capture d'écran d'un petit tableau, pas de liste dans le corps.
### B. Rapports / Présentations (Deck)
- **Chaque page a UN nombre principal**, centré et bien mis en évidence.
- Le nombre principal doit être associé à un ancrage ou une base de comparaison :
> « Chiffre d'affaires Q1 : 4,2 M $ (contre 3,1 M $ au Q4, +35 % contre +5 % pour la moyenne du secteur) »
- Réel vs objectif → graphique bullet, pas de gauge.
- Tableau : visible ≤ 7 lignes ; le reste plié en annexe.
- **À ne jamais faire** : 3D, dégradés, logo en filigrane recouvrant le graphique, ombres portées.
### C. Site web / Page d'atterrissage
- Nombre Hero : UN nombre géant + une ligne d'ancrage (« ≈ 12 allers-retours vers la Lune »).
- Animation de comptage des nombres : uniquement lors de la première entrée dans la zone de visualisation ; respectez `prefers-reduced-motion`.
- Barre de confiance KPI (3–4 nombres) : utilisez *des différences de poids de police + de taille*, **ne les mettez pas chacun dans une boîte** (les boîtes dans des boîtes sont strictement interdites par CLAUDE.md).
- Graphiques SVG + polices système + couleurs de marque OKLCH, responsive mobile avec unités viewport.
- Ne rendez pas les graphiques en PNG intégrés dans la page, ce serait flou.
### D. Tableau de bord / Interface produit
- Priorité à un seul écran ; données détaillées dans une page secondaire.
- bullet graph > gauge.
- Étiquettes directes > légende.
- Coloration conditionnelle des tableaux : utilisez des teintes de marque claires, pas de rayures rouges et vertes.
- Tooltip pour la précision, vue principale pour les valeurs approximatives.
- Changements en temps réel : pas de *clignotement* ; utilisez *fondu 200 ms* + notification `aria-live`.
### E. Discours public
- Crescendo : 3 nombres, par ordre de grandeur croissant.
- Chaque nombre occupe une page entière, avec ancre.
- **Faites une pause de 2 secondes après avoir énoncé l'ancre**, laissez-la s'imprégner.
- Associez histoire et statistique.
- Ne lisez pas 5 décimales sur scène.
### F. Rédaction académique / de rapports
- C'est l'un des rares cas où l'on *ne peut pas* simplifier (la précision est l'information).
- Mais le résumé / Executive Summary doit encore être simplifié selon Heath & Starr.
- Tableaux : style APA, nombres alignés à droite, unités dans l'en-tête.
- Chaque graphique doit être accompagné d'une interprétation textuelle (« Ce graphique montre X »), ne laissez pas le lecteur déduire lui-même.
---
## Partie V — Liste d'auto-vérification en dix points
À chaque fois avant de livrer :
1. ☐ Si je supprime ce nombre, est-ce que le sens est perdu ? Si non, supprimez-le.
2. ☐ Le nombre a-t-il été simplifié à une précision « saisissable » (entier, moitié, tiers, « 1 sur N ») ?
3. ☐ A-t-on fourni une ancre *familière au lecteur* ?
4. ☐ Le choix a-t-il été fait selon « type d'information → type de graphique », et non selon « ce qui est joli » ?
5. ☐ Le codage visuel principal (position/longueur/couleur) correspond-il au type d'information ?
6. ☐ L'ensemble du graphique n'a-t-il qu'UN seul élément central (couleur/taille/position) ?
7. ☐ A-t-on supprimé l'encre non-données (pas de 3D, grilles légères, axes minimaux) ?
8. ☐ Le diagramme en barres a-t-il son axe Y commençant à 0 ? Les lignes ont-elles leur étiquette directe ?
9. ☐ En réduisant l'image à 30 % de sa taille et en la convertissant en niveaux de gris, le point central est-il encore lisible ?
10. ☐ La légende/titre énonce-t-il le takeaway, et non pas simplement ce qu'il y a dans le graphique ?
---
## Annexe A — Bibliothèque d'ancrages rapide
| Dimension | Ancre |
|---|---|
| Temps | 1 M sec ≈ 12 jours ; 1 Mds sec ≈ 32 ans |
| Argent | 5 $/jour ≈ 1 825 $/an ≈ 18 000 $ sur 10 ans |
| Distance | Circonférence terrestre ≈ 40 000 km ; marathon ≈ 42 km |
| Population | Stade ≈ 80 000 ; San Francisco ≈ 800 000 ; Singapour ≈ 6 000 000 |
| Données | Photo ≈ 3 Mo ; film HD ≈ 4 Go ; données d'entraînement de GPT-4 ≈ échelle du To |
| Vitesse | Lecture ≈ 250 mots/min ; marche ≈ 5 km/h |
| Probabilité | 1 sur 1 M ≈ probabilité d'être frappé par la foudre en un an |
| Volume/Poids | Une motte de beurre ≈ 113 g ; un œuf ≈ 50 g ; terrain de basket ≈ 420 m² |
---
## Annexe B — Spécification du graphique bullet (invention de Few)
Remplace le gauge, en utilisant moins de pixels pour plus d'information.
poor satisfactory good █▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░ ━━━━━━━━━━━━━━━━━ ← actual (barre fine foncée) │ ← target (petite barre verticale) 0 50 100
Composition :
- **Bande de fond en trois niveaux de gris** : mauvais/satisfaisant/bon (du foncé au clair ou inversement, différence de luminosité d'une même teinte).
- **Barre fine de premier plan** : valeur réelle actuelle.
- **Repère de cible** : une petite barre verticale.
- **Axe quantifié** : une ligne de graduation.
La densité d'information est environ 10 fois supérieure à celle d'un gauge.
---
## Annexe C — Aide-mémoire des 30 règles (version imprimable sur une page)
**Couche de sens (Heath & Starr)**
1. Par défaut, supprimez si possible.
2. Entiers > décimales ; fractions > pourcentages (petit dénominateur).
3. Donnez une ancre familière au lecteur.
4. Pour un même fait, choisissez la dimension qui suscite l'émotion la plus forte.
5. Laissez le lecteur « compter ».
6. Crescendo, ne commencez pas par le pic.
7. Associez histoire et statistique ; statistique et personne.
8. Refusez le jargon statistique.
**Couche visuelle (Few)**
9. Prose / Tableau / Graphique — choisissez selon « ce que le lecteur doit faire ».
10. Type d'information → Type de graphique.
11. Un attribut code les données ; un attribut fait le point central.
12. Par défaut tout gris, réservez la couleur au point central.
13. Supprimez l'encre non-données.
14. Diagramme en barres : axe Y à 0 ; trier par valeur.
15. Graphique en lignes : étiquetez directement à la fin, pas de légende.
16. Par défaut, pas de diagramme circulaire.
17. Tableau : aligné à droite + chiffres à largeur fixe + lignes de groupe vides.
18. Tableau de bord : un seul écran ; bullet graph remplace gauge.
**Discipline générale**
19. Ne reposez jamais uniquement sur la teinte (daltonien).
20. Testez niveaux de gris + zoom 30 %.
21. Pas de 3D / ombres / dégradés dans les barres.
22. Étiquettes directes > légende.
23. Précision numérique adaptée au besoin de décision.
24. Un graphique = une information (pas de double axe Y superposé).
25. Arrière-plan non blanc pur / noir pur (teinte légère de la marque en OKLCH).
26. Titre/légende énonce le takeaway, pas une description du graphique.
27. Tableau de bord : un seul point d'action principal.
28. Pas de boîtes dans les boîtes, globe 3D, nuage de mots, radar (sauf vraiment profil 5+ dimensions).
29. Respectez toujours `prefers-reduced-motion`.
30. Avant livraison, passez en revue la liste en dix points de la Partie V.
---
## Compétences associées
Fait partie d'une petite famille de compétences agent open source pour une communication fiable et claire :
- [reduce-hallucination](https://github.com/zhichao1208/reduce-hallucination) — auditer les agents LLM ; ancrer, citer, s'abstenir.
- [better-doc](https://github.com/zhichao1208/better-doc) — Style classique + Brièveté intelligente.
- [numbers](https://github.com/zhichao1208/numbers) — rendre les nombres significatifs et les afficher proprement.