Communication des nombres
Des choses a faire, des choses a éviter
Agence nationale de la cohésion des territoires
1 Février 2024
Maarten
Lambrechts
Ne le prenez pas personellement!
Texte, graphique ou tableau?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884128/no-chart.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081793/lacking-charts-1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081796/lacking-charts-2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884104/number-soup.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884107/number-soup-highlighted.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11087794/too-many-numbers.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11087790/too-many-numbers-highlighted.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884116/table-to-improve.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884134/chart-table-combo.png)
Texte pour des explications
Graphiques pour des motifs dans les données
Tableaus pour rechercher des valeurs
Conception des graphiques
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884196/3d-pie.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884200/3d-bars-axis-labels.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884201/confusing-labels.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884205/different-units.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081804/border-vertical-labels-abbreviated-labels.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081806/horizontal-bar-breakdown-unsorted.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081834/sorted-bars.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884207/double-axis-vertical-bars.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081807/donut-comparison-better-in-2-charts.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884213/bar-chart-alternative.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081810/radar-chart.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11092157/overview-zoom-details-on-demand-waffles-relative-absolute.png)
Évitez 3D
1 graphique, 1 message
Des bandes horizontales pour texte horizontal
Type de graphique approprié pour un message plus clair
Mis en page
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081812/border-vertical-labels-abbreviated-labels.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884145/border-not-aligned-to-grid.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884151/precision-alignment-border.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081814/resolution-overview.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081815/resolution-detail.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081817/layout-margins-compressed-image.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081818/slide-font-size.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081842/overlapping-text-unknown-x-axis-units-messages-at-the-bottom.png)
Alignez les graphiques dans votre publication
Évitez les bordures autour des graphiques
Offrez une resolution assez élevé
Structure
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884188/key-numbers.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884189/key-numbers-2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884162/overview-first.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884163/then-zoom.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884164/details-on-demand.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081839/busy-layout-hierararchy-mantra.png)
Aperçu avec des chiffres clés
Zoomez pour la repartition et des motifs intéressants
Exemples et détails sur demande
Rendez-le pertinent
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081820/geography-and-overview-and-breakdown-relative-numbers.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081822/geography.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081827/show-geography-2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884171/focus-project.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884171/focus-project.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884173/put-in-people-before-after.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081841/chiffres-cles-put-in-people.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884186/did-you-know.png)
Traduisez en chiffres pertinents
Montrez la géographie
Utilisez des photos
Mettez des gens
Donnez des détails amusants
Couleur
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884179/contrast-make-numbers-relatable.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081842/overlapping-text-unknown-x-axis-units-messages-at-the-bottom.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884181/contrast-background-image.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081823/ambiguous-colors.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884185/default-colors.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884192/color-key.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10919230/color-key-black-and-white.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081825/color-differences-pie-chart-pyramid.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/2095138/Pie-Pyramid-620x311.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884197/direct-labelling.png)
Assurez suffisamment de contraste
Allez au-delà des valeurs par défaut
Rendez-le approprié pour les daltoniens
Formatage
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884214/precision-separate-legend.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081828/x-axis-ticks-and-labels.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884216/urls.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11087908/url-unformatted.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11087909/url-formatted.png)
Arrondisez les chiffres
Simplifiez les URLs
Conception des tables
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884220/table-to-improve.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081830/table-numbers-center-aligned.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081832/table-numbers-right-aligned.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884222/table.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/10884224/table-striped.png)
Alignez les chiffres à droite
Alignez du texte à gauche
Retirez les bordures, ou rendez-les subtiles
Texte, graphique ou table
Conception des graphique
Mis en page
Structure
Rendez-le pertinent
Couleur
Formatage
Facilitez la tâche de votre audience
Ressources
Exercice
![](https://s3.amazonaws.com/media-p.slid.es/uploads/50474/images/11081812/border-vertical-labels-abbreviated-labels.png)
Merci!
Communication des nombres
By maartenzam
Communication des nombres
- 571