Ce que savent les domaines voisins
Les règles de ce guide viennent surtout du design graphique, de la cartographie et de la recherche en visualisation. Un tableau de bord de planification dépend aussi de travaux menés dans des domaines qui se citent rarement les uns les autres : la prévision, les rapports de gestion, la recherche opérationnelle appliquée au commerce de détail, la conception des tableaux, la science de la perception, l’ingénierie des salles de contrôle, la recherche sur les tableaux de bord eux-mêmes, et la création de caractères. Chacun a passé des décennies sur une partie du problème.


Kay et Hullman, Fildes, Cleveland, Heer, Bertin, Vicente et Tory, parmi bien d’autres
Ce chapitre lit chaque domaine pour quatre choses : ce qu’il a découvert, la solidité des preuves, les points où ses résultats divergent, et ce qu’il change pour un tableau de bord de planification. Les exemples viennent d’un plan illustratif, dans lequel une entreprise planifie quatre semaines de ventes et de stock pour cinq produits, de A à E, calcule le budget restant pour les achats, et teste une baisse de prix sur le produit E.
Les preuves sont de forces très différentes. Certains résultats reposent sur des expériences contrôlées avec des centaines de participants, d’autres sur les données de quelques entreprises, d’autres encore sur une longue pratique que personne n’a testée. Chaque essai dit ce qu’il en est. Ses références le suivent, chacune avec une ligne sur ce qu’elle apporte, et leurs détails et leurs liens ont été vérifiés le 3 octobre 2026. Les figures utilisent l’exemple ou une distribution illustrative, sauf lorsqu’une figure redessine des résultats publiés, et chacune dit ce qu’il en est.
Les prévisions et leur incertitude
Les lecteurs jugent le mieux une prévision quand ils peuvent en compter les issues, et un tableau de bord ne devrait montrer cette dispersion que lorsqu’un modèle dont l’erreur est mesurée la fournit.
En février 1996, la Banque d’Angleterre a commencé à publier sa prévision d’inflation sous la forme d’un éventail de bandes de probabilité. Erik Britton, Paul Fisher et John Whitley en ont expliqué la raison en 1998. Le graphique précédent, une ligne centrale dans une seule bande ombrée, avait souvent été lu comme donnant des bornes haute et basse. Il attirait aussi l’attention sur de petits mouvements de la projection centrale. L’éventail montre la dispersion des résultats probables sans fausse précision. Le météogramme de l’ECMWF traite d’une manière voisine une prévision météorologique d’ensemble, avec une boîte à moustaches pour chaque variable à chaque échéance.
Les expériences menées depuis vont dans le même sens. Matthew Kay et ses collègues ont introduit en 2016 le diagramme en points de quantiles : une distribution dessinée sous la forme d’une vingtaine de points de probabilité égale. Les estimations de probabilité lues sur ce diagramme variaient moins que celles lues sur une courbe de densité. En 2018, Michael Fernandes et ses collègues ont mesuré des décisions. Les participants choisissaient quand partir prendre un bus, et ceux qui disposaient d’un diagramme de cinquante points obtenaient environ 97 % du meilleur gain possible. Les diagrammes en points et les courbes cumulatives l’emportaient sur les intervalles, les courbes de densité et le texte d’un à cinq points de pourcentage. Susan Joslyn et Jared LeClerc ont constaté en 2012 que l’incertitude jointe à une prévision améliorait les décisions de salage des routes. Elle accroissait aussi la confiance et réduisait les dégâts causés par les erreurs de prévision.
Les preuves sont cohérentes et de portée étroite. Les études sont des expériences contrôlées, menées surtout auprès du grand public pour des choix de la vie courante, et aucune n’a testé des acheteurs décidant de leur stock. Les résultats se nuancent aussi les uns les autres. Dans l’expérience de Fernandes, cinquante points ont fait mieux que vingt, et les courbes cumulatives, souvent jugées trop techniques pour le grand public, suivaient de près. Jessica Hullman, Paul Resnick et Eytan Adar ont constaté en 2015 que des tirages animés l’emportaient sur les barres d’erreur et les diagrammes en violon pour juger laquelle de deux quantités est la plus grande. Pour la plupart des questions portant sur une seule quantité, les trois formes donnaient une précision semblable. Les barres d’erreur posées sur des barres portent un biais qui leur est propre. George Newman et Brian Scholl ont montré en 2012 que les valeurs à l’intérieur d’une barre paraissent plus probables que celles qui sont à l’extérieur, et Michael Correll et Michael Gleicher ont retrouvé ce biais en 2014.
L’arithmétique d’un plan traite généralement la demande comme un seul nombre. Dans l’exemple, le produit C entre dans la semaine du 19 octobre avec 180 unités, soit exactement la demande prévue pour cette semaine. Si 180 est le milieu de la prévision, la probabilité de rupture est d’une sur deux. Sam Savage appelle cela le piège des moyennes (flaw of averages) : les plans fondés sur des hypothèses moyennes sont faux en moyenne. Un tableau de bord de planification devrait réserver une place à la dispersion de la demande. Il ne devrait la remplir que lorsqu’existe une prévision dont l’erreur est mesurée, car une bande dessinée sans modèle prétend à un savoir que personne n’a.
- Britton, Fisher, WhitleyThe Inflation Report projections: understanding the fan chart, Bank of England Quarterly Bulletin, 1998Explique le graphique en éventail que la Banque publie depuis février 1996 : la bande ombrée précédente était lue comme des bornes, et l’éventail montre des probabilités sans fausse précision.
- ECMWFSection 8.1.4 Meteograms, Forecast User Guide, European Centre for Medium-Range Weather Forecasts (page last updated 24 May 2026), 2026La nébulosité, les précipitations, le vent et la température en un lieu, sur un axe du temps partagé, chaque échéance étant une boîte à moustaches de l’ensemble, du minimum au maximum.
- Kay, Kola, Hullman, MunsonWhen (ish) is My Bus? User-centered Visualizations of Uncertainty in Everyday, Mobile Predictive Systems, CHI 2016, ACM, 2016A introduit le diagramme en points de quantiles ; les estimations de probabilité variaient moins avec lui qu’avec un graphique de densité.
- Fernandes, Walls, Munson, Hullman, KayUncertainty Displays Using Quantile Dotplots or CDFs Improve Transit Decision-Making, CHI 2018, ACM, 2018Dans une expérience où les gains dépendaient des choix, les diagrammes en points et les courbes cumulatives ont conduit à des décisions meilleures et plus constantes que les intervalles, les densités, le texte ou l’absence d’incertitude.
- Hullman, Resnick, AdarHypothetical Outcome Plots Outperform Error Bars and Violin Plots for Inferences about Reliability of Variable Ordering, PLOS ONE 10(11), 2015Des tirages animés ont donné des jugements bien plus justes sur deux ou trois quantités, et une précision semblable pour la plupart des questions portant sur une seule.
- Newman, SchollBar graphs depicting averages are perceptually misinterpreted: the within-the-bar bias, Psychonomic Bulletin & Review 19(4), 2012Les lecteurs jugeaient les valeurs à l’intérieur d’une barre plus probables que celles situées à la même distance à l’extérieur.
- Correll, GleicherError Bars Considered Harmful: Exploring Alternate Encodings for Mean and Error, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014A retrouvé le biais de l’intérieur de la barre dans les inférences tirées de barres munies de barres d’erreur, et a proposé à leur place des dégradés et des diagrammes en violon.
- Joslyn, LeClercUncertainty forecasts improve weather-related decisions and attenuate the effects of forecast error, Journal of Experimental Psychology: Applied 18(1), 2012Les participants qui décidaient de saler ou non les routes faisaient mieux et se fiaient davantage à la prévision quand elle comportait une incertitude, et les erreurs de prévision les pénalisaient moins.
- Spiegelhalter, Pearson, ShortVisualizing Uncertainty About the Future, Science 333(6048), 2011Une revue des formes visuelles de l’incertitude dans le sport, la météo, le climat, la santé, l’économie et la politique, qui a trouvé peu de preuves expérimentales sur la manière dont elles sont comprises.
- Padilla, Kay, HullmanUncertainty Visualization, Wiley StatsRef: Statistics Reference Online, 2021Une revue des affichages de l’incertitude et des théories cognitives qui expliquent comment chacun soutient le jugement du lecteur.
- SavageThe Flaw of Averages: Why We Underestimate Risk in the Face of Uncertainty, Wiley, 2009Énonce le piège des moyennes : les plans fondés sur des hypothèses moyennes sont faux en moyenne.
Notation de gestion et graphiques comptables
Les rapports de gestion ont leurs propres conventions pour distinguer le réel du plan, choisir un comparateur et classer les hypothèses, et la plupart reposent davantage sur la pratique que sur l’expérimentation.
Certains des tout premiers graphiques statistiques ont été dessinés pour le commerce et les comptes. En 1786, The Commercial and Political Atlas de William Playfair traçait les importations et les exportations de l’Angleterre en deux courbes et teintait la surface qui les sépare pour figurer la balance commerciale. En 1914, Graphic Methods for Presenting Facts de Willard Brinton réunissait les formes de graphiques de son époque à l’intention des gens d’affaires. La barre d’étendue de Mary Eleanor Spear, en 1952, est considérée comme un précurseur de la boîte à moustaches. Ces formes se sont répandues par l’usage, et aucune n’a été testée comme les études de perception testent les codages.
Les rapports de gestion ont aussi une norme de notation. Les International Business Communication Standards, élaborés par Rolf Hichert et ses collègues et exposés avec Jürgen Faisst dans Solid, Outlined, Hatched, distinguent les scénarios par le remplissage. Le réel est en gris foncé plein, l’année précédente en gris clair plein, le plan en contour et la prévision hachurée, et la teinte reste disponible pour d’autres rôles. La version 2.0 a paru en juin 2026, alignée sur ISO 24896, une notation pour les rapports de gestion. Le standard repose sur la cohérence et la pratique, et il a été bien moins étudié que les codages de la littérature sur la perception.
Les praticiens ne s’accordent pas sur les comparateurs. Le graphique à puces (bullet graph) de Stephen Few, spécifié en 2006 et révisé en 2013, place dans une seule barre une mesure face à un ou deux comparateurs et jusqu’à cinq plages qualitatives. Nick Desbarats en a relevé onze inconvénients en 2022 : les problèmes ne ressortent pas, les mesures pour lesquelles moins vaut mieux, ou pour lesquelles une plage intermédiaire est la meilleure, demandent des variantes, et des mots comme bon et médiocre ne veulent pas dire la même chose pour tous les lecteurs. Il colore désormais un point unique selon quatre seuils d’action. Understanding Variation de Donald Wheeler, en 1993, donne un comparateur qui a une base statistique : des limites à 2,66 étendues mobiles moyennes de part et d’autre de la moyenne. La revue hebdomadaire d’activité d’Amazon, telle que la décrit Cedric Chin d’après la pratique de Colin Bryar, dessine la plupart de ses 400 à 500 indicateurs selon une même forme : les six dernières semaines à côté des douze derniers mois.
Les spécialistes de l’analyse de décision ajoutent une manière de classer les hypothèses. Un diagramme en tornade fait varier une entrée à la fois entre une valeur basse et une valeur haute, dessine la variation du résultat sous forme de barre, et trie les barres de la plus longue à la plus courte. Les spécialistes de la recherche opérationnelle le rattachent généralement à la revue publiée par Ronald Howard en 1988. Les praticiens tirent les valeurs basse et haute d’une estimation de chaque entrée, souvent ses 10e et 90e centiles, au lieu d’un pourcentage fixe. Ted Eschenbach a constaté en 1992 que ce diagramme complète le diagramme en araignée (spiderplot), qui montre moins de variables mais plus en détail. Ensemble, ces conventions donnent à un tableau de bord de planification trois disciplines : un remplissage par scénario, un comparateur nommé pour chaque chiffre, et des hypothèses classées selon leur effet sur la marge.
- PlayfairThe Commercial and Political Atlas, London: Debrett, Robinson, Sewell and others, 1786Des graphiques chronologiques du commerce où la surface entre importations et exportations est teintée pour figurer la balance, et un graphique en barres du commerce de l’Écosse en 1780–1781 ; un des premiers cas d’identité comptable dessinée comme une forme.
- BrintonGraphic Methods for Presenting Facts, The Engineering Magazine Company, New York, 1914Un des premiers manuels américains de graphiques, écrit pour les gens d’affaires, avec les barres empilées parmi ses premières formes ; la numérisation liée est celle de l’édition de 1914.
- SpearCharting Statistics, McGraw-Hill, 1952Sa barre d’étendue va de la plus petite à la plus grande valeur et peut marquer la médiane et la moitié centrale des données ; elle est considérée comme un précurseur de la boîte à moustaches.
- Hichert, FaisstSolid, Outlined, Hatched: How Visual Consistency Helps Better Understand Reports, Presentations and Dashboards, IBCS Media (German edition: Gefüllt, gerahmt, schraffiert, Vahlen), 2019Le plaidoyer pour la notation IBCS : le réel en plein, l’année précédente en gris clair, le plan en contour, la prévision hachurée.
- IBCS AssociationInternational Business Communication Standards, version 2.0, IBCS Association; aligned with ISO 24896:2026, Notation for business reporting, 2026La version actuelle du standard de notation, publiée en juin 2026 en même temps que la norme ISO.
- FewBullet Graph Design Specification, Perceptual Edge (first published 2006, last revised 10 October 2013), 2006Définit le graphique à puces, conçu pour remplacer les jauges : un libellé, une échelle, la mesure principale, un ou deux comparateurs et de deux à cinq plages qualitatives.
- DesbaratsWhy I Stopped Using Bullet Graphs (and What I Now Use Instead), Nightingale, 2022Onze inconvénients des graphiques à puces, et une alternative : des points colorés selon quatre seuils d’action.
- Chin, with BryarThe Amazon Weekly Business Review, Commoncog, 2024La revue hebdomadaire d’Amazon, de 400 à 500 indicateurs, la plupart dessinés selon un même graphique « 6-12 » : les six dernières semaines à côté des douze derniers mois.
- Bryar, CarrWorking Backwards: Insights, Stories, and Secrets from Inside Amazon, St. Martin’s Press, 2021Deux anciens dirigeants d’Amazon décrivent les pratiques de l’entreprise, dont la revue hebdomadaire d’activité, où les six dernières semaines et les douze derniers mois d’un indicateur partagent un même graphique.
- WheelerUnderstanding Variation: The Key to Managing Chaos, SPC Press (2nd edition 2000), 1993Les cartes de comportement du processus à l’usage des managers : des limites à 2,66 étendues mobiles moyennes autour de la moyenne séparent la variation ordinaire des signaux.
- HowardDecision Analysis: Practice and Promise, Management Science 34(6), 1988Une revue de l’analyse de décision que la littérature de recherche opérationnelle cite généralement pour le diagramme en tornade, bien que son résumé ne le mentionne pas.
- Abbas, Budescu, Yu, HaggertyA Comparison of Two Probability Encoding Methods: Fixed Probability vs. Fixed Variable Values, Decision Analysis 5(4), 2008Note que les praticiens recueillent des valeurs basse, centrale et haute aux 10e, 50e et 90e centiles pour l’analyse de sensibilité en tornade.
- EschenbachSpiderplots versus Tornado Diagrams for Sensitivity Analysis, Interfaces 22(6), 1992Compare les deux graphiques de sensibilité et les juge complémentaires : la tornade résume de nombreuses variables, le diagramme en araignée en montre quelques-unes plus en détail, avec les points d’équilibre.
Planification commerciale et pratique de la prévision
La recherche opérationnelle a mesuré ce que deviennent les prévisions et les décisions d’achat dans de vraies entreprises, et plusieurs de ses résultats se traduisent directement en commandes sur un écran de planification.
Les planificateurs de l’offre travaillent dans une grille hebdomadaire des ventes, du stock et des réceptions, dont découle le budget restant pour les achats. Robert Fildes, Shaohui Ma et Stephan Kolassa ont passé en revue en 2022 la recherche sur la prévision dans le commerce de détail, et ont trouvé peu de preuves en faveur de nombreuses méthodes complexes proposées. La compétition M5 a demandé à des milliers d’équipes de prévoir 42 840 séries de ventes en unités de Walmart, dont beaucoup étaient sporadiques. Les méthodes d’apprentissage automatique l’ont emporté. Spyros Makridakis et ses coorganisateurs ont constaté que les gains se situaient surtout aux niveaux supérieurs de la hiérarchie et restaient faibles pour un produit dans un magasin, le niveau où se décide le stock.
Les planificateurs acceptent rarement une prévision telle quelle. Fildes, Paul Goodwin, Michael Lawrence et Konstantinos Nikolopoulos ont examiné en 2009 plus de 60 000 prévisions issues de quatre entreprises de la chaîne logistique. Dans trois d’entre elles, les ajustements amélioraient la précision en moyenne. Les ajustements importants tendaient à aider, et les petits nuisaient souvent. Les ajustements à la hausse aidaient moins souvent que les ajustements à la baisse et allaient plus souvent dans le mauvais sens, signe d’optimisme. Dans une expérience antérieure, Goodwin a trouvé deux dispositifs qui amélioraient la précision : faire de la prévision statistique la valeur par défaut, et demander une raison avant de la modifier. La valeur ajoutée de la prévision (forecast value added) de Michael Gilliland mesure chaque étape d’un processus par rapport à une prévision naïve, si bien qu’une révision qui dégrade la prévision apparaît comme une perte.
D’autres résultats portent sur ce qu’il faut acheter. Marshall Fisher et ses collègues ont décrit en 1994 comment Sport Obermeyer, un fabricant de vêtements de ski, lisait l’incertitude de chaque modèle dans la dispersion des prévisions indépendantes de ses acheteurs, fabriquait d’abord les modèles prévisibles, et a réduit de moitié le coût des ruptures et des baisses de prix sur les invendus. Pour un achat unique avant une saison, le modèle du vendeur de journaux (newsvendor) constitue un stock égal au quantile de la demande donné par le ratio critique : le coût d’une vente perdue divisé par la somme de ce coût et du coût d’une unité invendue. Aris Syntetos, John Boylan et John Croston ont réparti la demande en quatre classes en 2005, avec des seuils à 1,32 pour l’intervalle moyen entre deux ventes et à 0,49 pour la variabilité de leur taille ; Andrey Kostenko et Rob Hyndman ont répondu en 2006 que seules deux classes comptent. Des expériences sur le terrain chez Zara et chez Rue La La ont montré que des liquidations et des prix fondés sur un modèle augmentaient le chiffre d’affaires, d’environ 6 % et 10 % respectivement.
Ces preuves viennent de vraies entreprises, ce qui les rend pertinentes et de portée étroite. Leurs leçons pour un écran de planification sont concrètes. Un ajustement manuel de la prévision devrait partir du chiffre statistique, demander une raison et garder une trace, pour que sa valeur puisse être mesurée plus tard. La classe de demande d’une ligne a sa place à côté de sa prévision. Un objectif de stock peut découler du coût d’une vente perdue et du coût d’une unité invendue, au lieu d’un nombre fixe de semaines.
- Boardman, Parker-Strak, HenningerMonitoring Retail Sales, in Fashion Buying and Merchandising: The Fashion Buyer in a Digital Society, 2nd edition, Routledge, 2026Un chapitre de manuel sur le suivi des ventes au moyen du plan hebdomadaire des ventes, du stock et des réceptions, et sur les budgets d’achat restants pour les achats réactifs.
- Fildes, Ma, KolassaRetail forecasting: Research and practice, International Journal of Forecasting 38(4), 2022La synthèse de référence sur la prévision dans le commerce de détail, d’un marché entier à un article dans un magasin ; beaucoup de méthodes complexes ont peu de preuves derrière elles.
- Makridakis, Spiliotis, AssimakopoulosM5 accuracy competition: Results, findings, and conclusions, International Journal of Forecasting 38(4), 202242 840 séries hiérarchiques de ventes en unités de Walmart, beaucoup intermittentes ; les méthodes d’apprentissage automatique l’ont emporté, avec des gains concentrés aux niveaux supérieurs de la hiérarchie.
- Fildes, Goodwin, Lawrence, NikolopoulosEffective forecasting and judgmental adjustments: an empirical evaluation and strategies for improvement in supply-chain planning, International Journal of Forecasting 25(1), 2009Plus de 60 000 prévisions issues de quatre entreprises : les ajustements importants tendaient à aider, les petits nuisaient souvent, et les ajustements à la hausse traduisaient de l’optimisme.
- GoodwinImproving the voluntary integration of statistical forecasts and judgment, International Journal of Forecasting 16(1), 2000Dans une expérience, faire de la prévision statistique la valeur par défaut et demander une raison pour chaque changement ont tous deux amélioré la précision.
- GillilandFVA: A Reality Check on Forecasting Practices, Foresight: The International Journal of Applied Forecasting 29, 2013La valeur ajoutée de la prévision : chaque étape d’un processus de prévision est comparée à une prévision naïve et à l’étape précédente, dans un rapport en escalier.
- Syntetos, Boylan, CrostonOn the categorization of demand patterns, Journal of the Operational Research Society 56(5), 2005Quatre classes de demande tirées de l’intervalle moyen entre deux demandes et du carré de la variation de leur taille, avec des seuils à 1,32 et 0,49, vérifiées sur 3 000 séries de l’automobile.
- Kostenko, HyndmanA note on the categorization of demand patterns, Journal of the Operational Research Society 57(10), 2006La frontière exacte derrière les classes coupe les axes à 4/3 et 0,5, seules deux classes comptent, et une règle diagonale approche bien cette frontière.
- Wickramasuriya, Athanasopoulos, HyndmanOptimal Forecast Reconciliation for Hierarchical and Grouped Time Series Through Trace Minimization, Journal of the American Statistical Association 114(526), 2019Une méthode qui fait s’additionner les prévisions par article, par groupe et au total, tout en réduisant leur erreur combinée.
- KhoujaThe single-period (news-vendor) problem: literature review and suggestions for future research, Omega 27(5), 1999Une revue du problème du vendeur de journaux, dont la solution consiste à stocker jusqu’au quantile de la demande donné par le ratio critique.
- Fisher, Hammond, Obermeyer, RamanMaking Supply Meet Demand in an Uncertain World, Harvard Business Review 72(3), 1994Sport Obermeyer lisait l’incertitude de chaque modèle dans la dispersion des prévisions indépendantes de ses acheteurs, fabriquait d’abord les modèles prévisibles, et a réduit de moitié le coût des ruptures et des démarques.
- Caro, GallienClearance Pricing Optimization for a Fast-Fashion Retailer, Operations Research 60(6), 2012Le processus de démarque de Zara, reconstruit sur un modèle de prévision et de prix ; une expérience sur le terrain en Belgique et en Irlande a augmenté d’environ 6 % le chiffre d’affaires des liquidations.
- Ferreira, Lee, Simchi-LeviAnalytics for an Online Retailer: Demand Forecasting and Price Optimization, Manufacturing & Service Operations Management 18(1), 2016Prévision de la demande et optimisation des prix pour les nouveaux produits chez Rue La La ; une expérience sur le terrain a estimé une hausse du chiffre d’affaires d’environ 9,7 %.
- VandeputDemand Forecasting Best Practices, Manning, 2023Un guide de praticien qui plaide contre le MAPE et pour juger les prévisions par une mesure de l’erreur absolue accompagnée du biais.
- Kolassa, Rostami-Tabar, SiemsenDemand Forecasting for Executives and Professionals, Chapman & Hall/CRC, 2023Un texte actuel et lisible, dont une édition en ligne gratuite se trouve au lien ; édition imprimée doi:10.1201/9781003399599.
- Vermorel, LokadPrioritized ordering, lokad.com (vendor), 2015Documentation d’éditeur : classer chaque unité candidate selon son rendement attendu et acheter en descendant la liste jusqu’à atteindre un plafond de capital ou un rendement minimal.
- ForresterIndustrial Dynamics, MIT Press, with John Wiley & Sons, 1961Modélise une entreprise en niveaux et en taux, la notation en stocks et en flux qui sous-tend les graphiques de stock et de commandes.
- StermanBusiness Dynamics: Systems Thinking and Modeling for a Complex World, Irwin/McGraw-Hill, 2000Le texte de référence sur les modèles en stocks et en flux des systèmes d’entreprise, dont les chaînes logistiques.
Tableaux, matrices et petits multiples
Les planificateurs lisent des tableaux, les vieux conseils pour les composer sont d’une cohérence inhabituelle, et les expériences sur les petits multiples montrent quand il est utile de diviser un graphique.
Les outils de visualisation traitent généralement le tableau comme une étape préparatoire, une manière de mettre les données en état pour un graphique. Lyn Bartram, Michael Correll et Melanie Tory ont interrogé douze personnes qui travaillent avec des données dans leur métier. Selon leur article de 2022, ces personnes veulent voir et manipuler le tableau à chaque étape d’une analyse. Elles le remodèlent, l’annotent et y construisent des variantes. Les auteurs soutiennent que le tableau interactif est une forme de visualisation à part entière. Leurs preuves sont qualitatives et leur échantillon est petit.
Les règles de composition d’un tableau ont peu changé en un siècle. Rudiments of Numeracy d’Andrew Ehrenberg, paru en 1977, demande des nombres arrondis à deux chiffres effectifs, ceux qui varient, des lignes et des colonnes classées par grandeur, et les nombres à comparer placés dans une même colonne. Le guide de Richard Rutter, en 2017, cite le conseil de Jan Tschichold de se passer de filets autant que possible, et demande des nombres alignés à droite en chiffres tabulaires. Les dix recommandations de Jonathan Schwabish, en 2020, reprennent les mêmes points pour les logiciels actuels. Ces règles viennent de la pratique des statisticiens et des typographes plus que de l’expérimentation, et elles se contredisent rarement.
Un tableau peut aussi devenir un graphique sans perdre ses nombres. La matrice réordonnable de Jacques Bertin, exposée en 1977 dans La Graphique et le traitement graphique de l’information, dessine chaque cellule comme une marque, puis déplace les lignes et les colonnes jusqu’à ce que des groupes apparaissent. Charles Perin, Pierre Dragicevic et Jean-Daniel Fekete ont reconstruit la méthode en 2014 sous la forme d’un outil web, Bertifier. La Table Lens de Ramana Rao et Stuart Card, en 1994, dessinait des barres dans les cellules et ouvrait une ligne sur ses nombres quand on s’y arrêtait. LineUp, de Samuel Gratzl et ses collègues en 2013, construit des classements à partir de barres pondérées dans un tableau. Polaris, de Chris Stolte, Diane Tang et Pat Hanrahan en 2002, a étendu le tableau croisé dynamique en une algèbre de petits graphiques, et c’est la recherche dont est issu Tableau.
Pour les séries chronologiques, les preuves sont expérimentales, et elles dépendent de la tâche. Waqas Javed, Bryan McDonnel et Niklas Elmqvist ont constaté en 2010 que des graphiques séparés, comme les petits multiples, sont en général plus efficaces pour les comparaisons qui portent sur de nombreuses séries. Un seul graphique partagé est plus efficace pour les comparaisons rapprochées. Jeffrey Heer, Nicholas Kong et Maneesh Agrawala ont constaté en 2009 que replier en miroir les valeurs négatives ne coûte aucune précision. Sous 24 pixels de hauteur, un graphique en horizon à deux bandes se lisait plus précisément qu’un graphique linéaire, et quatre bandes ou plus ralentissaient les lecteurs. Sur un écran de planification, la grille reste donc un tableau, classé selon ce qui compte et arrondi aux chiffres qui varient. Chaque ligne de produits reçoit son propre petit graphique quand les lignes sont comparées sur toute la saison.
- Bartram, Correll, ToryUntidy Data: The Unreasonable Effectiveness of Tables, IEEE Transactions on Visualization and Computer Graphics 28(1), 2022Des entretiens avec douze personnes qui travaillent sur des données et voulaient voir et manipuler le tableau tout au long d’une analyse ; soutient que le tableau interactif est une forme à part entière.
- EhrenbergRudiments of Numeracy, Journal of the Royal Statistical Society, Series A 140(3), 1977L’article classique sur les tableaux de nombres : arrondir à deux chiffres effectifs, classer les lignes par grandeur, et placer dans une même colonne les nombres à comparer.
- RutterWeb Typography: Designing Tables to be Read, Not Looked At, A List Apart (an extract from his book Web Typography), 2017Cite Tschichold sur l’abandon des filets, applique aux tableaux l’idée de data-ink de Tufte, et demande des nombres alignés à droite en chiffres tabulaires et alignés.
- SchwabishTen Guidelines for Better Tables, Journal of Benefit-Cost Analysis 11(2), 2020Une liste de contrôle actuelle, illustrée par la refonte de six tableaux publiés.
- BertinLa Graphique et le traitement graphique de l’information (English: Graphics and Graphic Information-Processing, 1981), Flammarion; English edition Walter de Gruyter, 1977Expose la matrice réordonnable : chaque cellule dessinée comme une marque, puis les lignes et les colonnes permutées jusqu’à ce que les semblables forment des groupes.
- Perin, Dragicevic, FeketeRevisiting Bertin Matrices: New Interactions for Crafting Tabular Visualizations, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014Bertifier, un outil web qui applique la méthode matricielle de Bertin à une feuille de calcul, avec un réordonnancement interactif des lignes et des colonnes.
- Rao, CardThe Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus+Context Visualization for Tabular Information, CHI 1994, ACM, 1994Un tableau dont les cellules sont dessinées en petites barres, avec des lignes qui s’ouvrent sur leurs nombres quand on s’y arrête.
- Gratzl, Lex, Gehlenborg, Pfister, StreitLineUp: Visual Analysis of Multi-Attribute Rankings, IEEE Transactions on Visualization and Computer Graphics 19(12), 2013Classe des éléments selon plusieurs attributs pondérés, avec des barres empilées dans un tableau ; un modèle pour une liste de priorités d’achat.
- Stolte, Tang, HanrahanPolaris: A System for Query, Analysis, and Visualization of Multidimensional Relational Databases, IEEE Transactions on Visualization and Computer Graphics 8(1), 2002Étend le tableau croisé dynamique en une spécification visuelle de tableaux de petits graphiques ; la recherche dont est issu Tableau.
- Becker, Cleveland, ShyuThe Visual Design and Control of Trellis Display, Journal of Computational and Graphical Statistics 5(2), 1996Des panneaux conditionnés par d’autres variables, disposés en lignes, en colonnes et en pages, avec des échelles partagées.
- Javed, McDonnel, ElmqvistGraphical Perception of Multiple Time Series, IEEE Transactions on Visualization and Computer Graphics 16(6), 2010Des graphiques séparés étaient en général plus efficaces pour les comparaisons portant sur de nombreuses séries, des graphiques partagés pour les comparaisons rapprochées.
- Heer, Kong, AgrawalaSizing the Horizon: The Effects of Chart Size and Layering on the Graphical Perception of Time Series Visualizations, CHI 2009, ACM, 2009Le repli en miroir ne coûtait aucune précision, les graphiques en horizon à deux bandes se lisaient mieux que les graphiques linéaires sous 24 pixels de hauteur, et quatre bandes ou plus ralentissaient les lecteurs.
- Lönberg-Holm, SutnarCatalog Design Progress: Advancing Standards in Visual Communication, Sweet’s Catalog Service, New York; record of the Art Institute of Chicago, 1950Un livre sur l’organisation de l’information produit pour une consultation rapide, qui se clôt en résumant sa méthode par la fonction, le flux et la forme.
- Crouwel, van de WouwDutch PTT telephone directory, Total Design for the PTT; described by Robin Kinross, ‘Critical spirit of a telephone book’, Eye 16, 1995, 1977Les premiers annuaires néerlandais entièrement automatisés, composés en Univers condensé, tout en bas de casse, avec le numéro avant le nom pour qu’aucun point de conduite ne soit nécessaire.
- TwymanA Schema for the Study of Graphic Language (Tutorial Paper), Processing of Visible Language, vol. 1, Plenum, 1979Classe le langage graphique par mode et par configuration, du texte linéaire aux listes, aux matrices et aux structures arborescentes ; un vocabulaire pour décider de ce qu’est une vue.
- TukeyExploratory Data Analysis, Addison-Wesley, 1977Le plaidoyer pour examiner les données en quête de l’inattendu, avec les représentations pour le faire à la main, dont la boîte à moustaches.
- WainerHow to Display Data Badly, The American Statistician 38(2), 1984Douze manières courantes de mal présenter des données, la « dirty dozen », à prendre comme une liste de ce qu’il faut éviter.
Perception, ombrage et couleur
La recherche sur la perception classe les façons dont un lecteur décode une quantité, et ses résultats fixent des limites nettes à ce que le ton et la couleur peuvent porter.
En 1984, William Cleveland et Robert McGill ont classé les tâches élémentaires qu’accomplit un lecteur pour décoder une quantité dans un graphique. La position le long d’une échelle commune venait en premier, puis la position le long d’échelles distinctes, puis la longueur, la direction et l’angle, puis l’aire, puis le volume et la courbure, et enfin l’ombrage et la saturation de la couleur. Leurs expériences ont testé la partie haute de ce classement. Jeffrey Heer et Michael Bostock les ont reproduites en 2010 avec des participants recrutés en ligne, et ont retrouvé le même ordre pour la position et la longueur. Ils ont ajouté l’angle et l’aire. Tous deux se lisaient moins précisément que la position, l’aire moins précisément que l’angle, les rectangles aussi mal que les cercles, et les carrés le plus mal de tous.
Ce classement a des limites connues. La théorie prédit que l’angle se lit moins précisément que la longueur, et aucune des deux études ne l’a constaté. Dans les deux, la tâche est un jugement de proportion entre deux éléments marqués, ce qui n’est qu’une petite partie de la lecture d’un tableau de bord. La revue de Steven Franconeri et ses collègues, en 2021, ajoute qu’un lecteur extrait rapidement d’un affichage des statistiques globales, alors que comparer des sous-ensembles de valeurs est lent. L’ordre est fiable pour décoder des valeurs isolées, et il en dit moins sur ce qu’un lecteur remarque en premier.
Deux résultats plus anciens régissent les surfaces. Stephen Palmer a montré en 1992 que des éléments situés dans une région commune sont perçus comme un groupe, assez fortement pour l’emporter sur la proximité et la similarité. Josef Albers a montré dans Interaction of Color, en 1963, qu’une couleur se lit par rapport à ce qui l’entoure, si bien qu’un même gris paraît différent sur deux fonds. La couleur dépend aussi de la taille. Maureen Stone a soutenu en 2012 que les petites marques ont besoin de différences de couleur plus grandes, et Danielle Albers Szafir a mesuré l’effet en 2018 pour les points, les barres et les lignes. Les cartographes sont parvenus à la même retenue par la pratique. Les règles d’Eduard Imhof réservent les couleurs fortes aux petites surfaces posées sur des fonds sourds. L’estompage suisse du relief, dessiné à la main, oriente localement sa lumière pour faire ressortir chaque forme du terrain, et en 2021 Bernhard Jenny et ses collègues ont entraîné un réseau de neurones à l’imiter.
Pour un tableau de bord de planification, les conséquences sont claires. Les quantités se placent sur des positions alignées, des barres partant d’une même ligne de base ou des points sur une échelle partagée, et le nombre est imprimé partout où le montant compte. Le ton des surfaces marque le regroupement et la hiérarchie, et comme une teinte claire se lit par rapport à son fond, elle ne transporte jamais une valeur d’une surface à une autre. La couleur saturée va à des marques rares et petites, avec des écarts assez grands pour la taille de la marque.
- Cleveland, McGillGraphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods, Journal of the American Statistical Association 79(387), 1984Classe les tâches perceptives élémentaires, de la position sur une échelle commune jusqu’à l’ombrage et la saturation de la couleur, et teste la partie haute du classement.
- Heer, BostockCrowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design, CHI 2010, ACM, 2010A reproduit Cleveland et McGill en ligne et ajouté des jugements d’angles, de cercles, de rectangles et de cartes proportionnelles ; l’aire est arrivée en dernier et les carrés ont été les plus mal jugés.
- Franconeri, Padilla, Shah, Zacks, HullmanThe Science of Visual Data Communication: What Works, Psychological Science in the Public Interest 22(3), 2021Une synthèse de recommandations fondées sur la recherche pour communiquer des données, écrite pour les praticiens.
- PalmerCommon region: A new principle of perceptual grouping, Cognitive Psychology 24(3), 1992Les éléments situés dans une même bordure se groupent assez fortement pour l’emporter sur la proximité et la similarité.
- AlbersInteraction of Color, Yale University Press, 1963Des études de couleur qui montrent qu’une couleur se lit toujours par rapport à ce qui l’entoure ; la page de l’éditeur est celle de l’édition du 50e anniversaire.
- StoneIn Color Perception, Size Matters, IEEE Computer Graphics and Applications 32(2), 2012Les petites marques ont besoin de différences de couleur plus grandes pour être distinguées, un point que les conseils de couleur pour la visualisation font rarement.
- SzafirModeling Color Difference for Visualization Design, IEEE Transactions on Visualization and Computer Graphics 24(1), 2018A mesuré comment les différences de couleur perceptibles varient pour les points, les barres et les lignes, et en a tiré des modèles utilisables par les designers.
- Harrison, Ishii, Vicente, BuxtonTransparent Layered User Interfaces: An Evaluation of a Display Design to Enhance Focused and Divided Attention, CHI 1995, ACM, 1995A mesuré comment des couches translucides arbitrent entre l’attention au premier plan et la conscience de l’arrière-plan.
- ImhofCartographic Relief Presentation (Kartographische Geländedarstellung, 1965), Walter de Gruyter; English edition 1982, reprinted by Esri Press 2007, 1965Des règles pour la couleur sur les cartes, dont la première est citée par Tufte dans Envisioning Information : les couleurs fortes sont insupportables sur de grandes surfaces et efficaces sur de petites, posées sur des fonds sourds.
- RobinsonThe Look of Maps: An Examination of Cartographic Design, University of Wisconsin Press; reissued by Esri Press 2010, 1952A soutenu que la fonction d’une carte doit en régir la conception, et a examiné le lettrage, la structure, dont la figure et le fond, et la couleur.
- Jenny, Heitzler, Singh, Farmakis-Serebryakova, Liu, HurniCartographic Relief Shading with Neural Networks, IEEE Transactions on Visualization and Computer Graphics 27(2), 2021Des réseaux entraînés sur l’estompage manuel suisse du relief en ont appris les principes : supprimer le détail, orienter localement la lumière et faire varier la luminosité pour les grandes formes du terrain.
- PattersonShaded Relief, shadedrelief.com, online since at least 2004, 2004Des tutoriels sur l’estompage du relief à la main et à la manière suisse, dont l’orientation locale de la lumière pour les formes de terrain difficiles.
- Colby, SchollTransparency and blur as selective cues for complex visual information, Proceedings of SPIE 1460, 1991Des travaux du Visible Language Workshop du MIT sur la translucidité et le flou comme moyens de faire avancer ou reculer l’information.
- CooperInformation Landscapes, MIT Media Lab Visible Language Workshop, shown at TED5, Monterey, 1994Une typographie dynamique en trois dimensions et des espaces d’information du Visible Language Workshop, présentés quelques mois avant la mort de Cooper.
- GoogleMaterial Design 3, colour roles, m3.material.io; tone-based surfaces introduced March 2023, 2023Cinq rôles de conteneurs de surface nommés selon leur degré d’emphase, du plus bas au plus haut, comme tokens pour des surfaces superposées.
- Radix UIRadix Colors: understanding the scale, radix-ui.com, 2021Des échelles de couleur en douze paliers où chaque palier a un rôle, du fond de l’application au palier 1 jusqu’au texte à fort contraste au palier 12.
Écrans d’opérateurs
L’ingénierie des salles de contrôle est arrivée aux écrans gris, aux plages normales marquées et à une couleur rare, et elle offre une théorie pour dessiner les contraintes d’un système de sorte qu’une panne change une forme.
Les usines de procédés sont pilotées depuis des écrans qui portent de nombreuses valeurs et doivent rendre un écart évident sur-le-champ. Bill Hollifield, Dana Oliver, Ian Nimmo et Eddie Habibi ont exposé en 2008 l’approche dite haute performance : des fonds gris, des indicateurs analogiques dont la plage normale est marquée, et une couleur réservée aux conditions anormales, si bien que la couleur devient elle-même le signal. La norme ISA-101 de 2015 fait d’une philosophie IHM et d’un guide de style écrits une partie du cycle de vie de chaque affichage, et leur laisse des choix comme celui de la couleur. En 2013, Alf Ove Braseth et Trond Are Øritsland ont énoncé des principes pour les grands écrans de vue d’ensemble, issus du concept Information Rich Design élaboré à Halden.
Les ingénieurs ont aussi bâti une théorie de ces affichages. La conception d’interfaces écologiques de Kim Vicente et Jens Rasmussen, publiée en 1992, demande à un affichage de rendre visibles les contraintes du domaine de travail. Kevin Bennett et John Flach décrivent le résultat comme un affichage configural : des variables dessinées de sorte que leur relation forme une figure, qu’une panne déforme. David Woods a nommé en 1984 l’élan visuel, la facilité avec laquelle un lecteur emporte ce qu’il vient de voir dans la vue suivante, et en a énuméré les aides, dont les vues d’ensemble, les points de repère et les positions fixes. La médecine connaît la même forme à petite échelle. Le résumé graphique de l’état d’un patient de Seth Powsner et Edward Tufte, en 1994, plaçait sur une seule page les résultats d’un patient, ses signes vitaux et ses traitements, sous la forme d’une matrice de petits graphiques. Chacun montre sa dernière valeur et ses limites normales, sur un axe du temps qui donne des largeurs semblables à aujourd’hui, à la semaine passée et au mois passé.
Les preuves sont inégales. La revue que Vicente lui-même a publiée en 2002 a constaté que les interfaces écologiques amélioraient la résolution de problèmes en expérience, et qu’aucune n’avait encore été évaluée avec des opérateurs professionnels sur un simulateur pleine échelle. Les recommandations haute performance ont été écrites par des praticiens à partir de leur expérience industrielle. Les praticiens divergent aussi sur ce qu’il faut montrer. Le graphique à puces de Stephen Few dessine chaque mesure avec ses plages qualitatives, alors que l’approche des salles de contrôle, comme les points d’action de Nick Desbarats, laisse les états normaux presque muets et ne met l’accent que sur les exceptions.
Pour un tableau de bord de planification, la leçon est de rendre le normal silencieux. Une mesure dans sa plage normale peut se réduire à une bande grise et un pointeur, avec de la couleur seulement quand elle sort de la plage, pour que l’œil aille là où est le problème. Les positions restent fixes d’une semaine à l’autre, pour qu’un lecteur apprenne où se trouve chaque mesure. Une relation comme un solde de trésorerie ou le budget restant pour les achats peut être dessinée de sorte que ses termes forment une seule figure, comme le demande la règle du guide sur le dessin de l’identité.
- Hollifield, Oliver, Nimmo, HabibiThe High Performance HMI Handbook, PAS (Plant Automation Services), 2008Des écrans gris et peu contrastés pour le fonctionnement normal, des indicateurs analogiques qui montrent une valeur face à ses plages normale et d’alarme, et une couleur vive seulement pour les conditions anormales.
- International Society of AutomationANSI/ISA-101.01-2015, Human Machine Interfaces for Process Automation Systems, ISA, 2015Une norme pour le cycle de vie des affichages de procédé, fondée sur la philosophie IHM et le guide de style de chaque site ; elle ne prescrit pas elle-même d’écrans gris.
- Braseth, ØritslandVisualizing complex processes on large screen displays: Design principles based on the Information Rich Design concept, Displays 34(3), 2013Des principes de conception pour les grands écrans de vue d’ensemble, issus du concept Information Rich Design, élaboré à l’Institute for Energy Technology de Halden.
- Vicente, RasmussenEcological interface design: theoretical foundations, IEEE Transactions on Systems, Man, and Cybernetics 22(4), 1992Un cadre pour des interfaces qui rendent visibles les contraintes du domaine de travail et soutiennent les comportements fondés sur les habiletés, les règles et les connaissances.
- VicenteEcological Interface Design: Progress and Challenges, Human Factors 44(1), 2002Une revue : les interfaces écologiques amélioraient la résolution de problèmes en expérience, mais aucune n’avait encore été évaluée avec des professionnels sur un simulateur pleine échelle.
- Bennett, FlachDisplay and Interface Design: Subtle Science, Exact Art, CRC Press, 2011Des affichages configuraux dont les propriétés émergentes correspondent aux contraintes du domaine de travail, si bien qu’une panne change la forme.
- WoodsVisual momentum: a concept to improve the cognitive coupling of person and computer, International Journal of Man-Machine Studies 21(3), 1984Comment garder un lecteur orienté à travers de nombreux affichages, avec des vues d’ensemble, des points de repère, un recouvrement et des positions fixes.
- Powsner, TufteGraphical summary of patient status, The Lancet 344(8919), 1994Les résultats, les signes vitaux et les traitements d’un patient sur une seule page, en petits graphiques avec leurs limites normales, sur un axe du temps qui élargit le passé récent.
Le tableau de bord comme objet de recherche
Des études récentes recensent ce que sont les tableaux de bord et comment ils sont construits, et des travaux plus anciens sur les vues et la comparaison expliquent les compromis derrière chaque choix.
Les chercheurs n’étudient les tableaux de bord comme un genre que depuis peu. En 2019, Alper Sarikaya, Michael Correll, Lyn Bartram, Melanie Tory et Danyel Fisher ont codé 83 tableaux de bord selon quinze facteurs, regroupés sous la finalité, le public, les caractéristiques visuelles et interactives, et le sens des données. Les tableaux de bord se répartissaient en sept groupes, de la décision stratégique et opérationnelle aux affichages statiques, au suivi personnel et à la communication publique. Le mot recouvre des objets très différents, et une conception qui convient à un type peut échouer pour un autre.
Benjamin Bach et ses collègues ont étendu le corpus à 144 tableaux de bord et ont publié en 2023 un ensemble de 41 modèles de conception répartis en huit familles ; une prépublication antérieure en comptait 42. Trois familles, avec 19 modèles, concernent le contenu : les informations sur les données, les métadonnées et la représentation visuelle. Cinq familles, avec 22 modèles, concernent la composition : la mise en page, l’espace à l’écran, la structure, l’interaction et la couleur. Les auteurs ont aussi proposé un modèle de compromis. L’abstraction, l’espace à l’écran, le nombre de pages et l’interaction tirent les uns contre les autres, si bien que réduire l’un en accroît un autre.
Des travaux plus anciens expliquent les parties. Michelle Wang Baldonado, Allison Woodruff et Allan Kuchinsky ont donné en 2000 huit règles pour les vues multiples, dont la parcimonie : n’ajouter une vue que lorsqu’elle vaut ce qu’elle coûte. Michael Gleicher et ses collègues ont montré en 2011 que les conceptions de comparaison s’assemblent à partir de trois opérations : la juxtaposition, la superposition et un codage explicite de la différence. Nicholas Kong et Maneesh Agrawala ont décrit en 2012 cinq types d’aides superposées, des lignes de grille aux annotations. En 2023, Chase Stokes et ses collègues ont demandé à 302 personnes de classer des graphiques linéaires portant des quantités de texte différentes. Les graphiques les plus annotés ont été préférés, à la fois aux graphiques portant moins de texte et au texte seul.
La plupart de ces travaux sont descriptifs, construits en codant des exemples. Les rares expériences vont à l’encontre d’un minimalisme strict. Scott Bateman et ses collègues ont constaté en 2010 que des graphiques ornés étaient décrits aussi justement que des graphiques sobres, et mieux retenus deux à trois semaines plus tard. Ohad Inbar, Noam Tractinsky et Joachim Meyer ont constaté en 2007 que des étudiants préféraient un graphique en barres standard à sa version la plus dépouillée. Robin Kinross avait soutenu en 1985 que même un horaire de chemin de fer est persuasif, si bien qu’un style sobre est un choix qui a ses propres effets. Pour un tableau de bord de planification, il reste donc trois décisions à prendre à dessein : de quel type de tableau de bord il s’agit, quelle conception de comparaison emploie chaque vue, et quel texte se place sur les marques.
- Sarikaya, Correll, Bartram, Tory, FisherWhat Do We Talk About When We Talk About Dashboards?, IEEE Transactions on Visualization and Computer Graphics 25(1), 2019Un espace de conception de quinze facteurs tiré de 83 tableaux de bord, et sept groupes de types de tableaux de bord.
- Bach, Freeman, Abdul-Rahman, Turkay, Khan, Fan, ChenDashboard Design Patterns, IEEE Transactions on Visualization and Computer Graphics 29(1), 202341 modèles de conception en huit familles, tirés de 144 tableaux de bord (la prépublication en comptait 42), six genres, et un modèle des compromis entre abstraction, espace à l’écran, pages et interaction.
- Wang Baldonado, Woodruff, KuchinskyGuidelines for Using Multiple Views in Information Visualization, AVI 2000, ACM, 2000Huit recommandations pour les vues multiples, dont la parcimonie : n’ajouter une vue que lorsqu’elle vaut ce qu’elle coûte.
- Gleicher, Albers, Walker, Jusufi, Hansen, RobertsVisual comparison for information visualization, Information Visualization 10(4), 2011Toute conception de comparaison se construit par juxtaposition, superposition et codage explicite, seuls ou combinés.
- Kong, AgrawalaGraphical Overlays: Using Layered Elements to Aid Chart Reading, IEEE Transactions on Visualization and Computer Graphics 18(12), 2012Cinq types d’aides superposées : structures de référence, mises en évidence, codages redondants, statistiques de synthèse et annotations.
- Stokes, Setlur, Cogley, Satyanarayan, HearstStriking a Balance: Reader Takeaways and Preferences when Integrating Text and Charts, IEEE Transactions on Visualization and Computer Graphics 29(1), 2023302 participants ont préféré les graphiques les plus annotés aux graphiques portant moins de texte et au texte seul, et la place du texte changeait ce qu’ils en retenaient.
- Bateman, Mandryk, Gutwin, Genest, McDine, BrooksUseful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts, CHI 2010, ACM, 2010Les graphiques ornés étaient décrits aussi justement que les graphiques sobres, et mieux mémorisés après deux à trois semaines.
- Inbar, Tractinsky, MeyerMinimalism in Information Visualization: Attitudes towards Maximizing the Data-Ink Ratio, ECCE 2007, ACM, 200787 étudiants ont préféré un graphique en barres standard à sa version minimaliste.
- KinrossThe Rhetoric of Neutrality, Design Issues 2(2), 1985Même un horaire de chemin de fer est persuasif ; un style calme et exact est un choix rhétorique.
- Sedlmair, Heinzl, Bruckner, Piringer, MöllerVisual Parameter Space Analysis: A Conceptual Framework, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014Un cadre pour explorer les entrées et les sorties d’un modèle : un modèle de flux de données, quatre stratégies de navigation et six tâches d’analyse.
- ShneidermanThe Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations, IEEE Symposium on Visual Languages, 1996D’abord la vue d’ensemble, puis le zoom et le filtre, puis les détails à la demande, avec sept tâches et sept types de données.
- Segel, HeerNarrative Visualization: Telling Stories with Data, IEEE Transactions on Visualization and Computer Graphics 16(6), 2010Les genres de la visualisation narrative et l’équilibre entre l’ordre voulu par l’auteur et l’exploration du lecteur.
- NardiA Small Matter of Programming: Perspectives on End User Computing, MIT Press, 1993Pourquoi les tableurs ont réussi en tant que programmation pour des personnes qui ne sont pas programmeurs.
- Ström-AwnUI Density, mattstromawn.com, 2024Définit la densité d’une interface comme la valeur qu’un utilisateur en tire, divisée par le temps et l’espace qu’elle occupe, et distingue les densités visuelle, informationnelle, de conception, temporelle et de valeur.
- Setlur, CogleyFunctional Aesthetics for Data Visualization, Wiley, 2022La perception, la sémantique et l’intention traitées ensemble dans la conception des graphiques.
Typographie des chiffres
Les caractères dessinés pour les annuaires et les tableaux boursiers montrent ce dont ont besoin les chiffres denses, et la principale exigence à l’écran peut se mesurer dans un navigateur.
Les chiffres denses ont leurs propres caractères depuis des décennies. Matthew Carter a dessiné Bell Centennial à la fin des années 1970 pour les annuaires téléphoniques d’AT&T, composés en petit corps et imprimés vite sur du papier bon marché. Tobias Frere-Jones a dessiné Retina en 1999 pour les cotations boursières du Wall Street Journal, en sept points et moins. Adrian Frutiger a conçu l’Univers en 1957 comme une famille de vingt et une variantes désignées par des nombres à deux chiffres, le premier pour la graisse et le second pour la chasse et l’inclinaison, pour qu’une page puisse en employer plusieurs tout en gardant un seul dessin.
À l’écran, les exigences sont peu nombreuses. Les chiffres doivent être tabulaires, pour qu’ils aient tous la même chasse et que les colonnes s’alignent ; OpenType appelle cette fonction tnum. Ils devraient aussi garder cette chasse quand la graisse change, pour qu’une ligne sélectionnée puisse passer en gras sans que ses colonnes bougent. Les polices variables offrent d’autres voies. Roboto Flex a un axe de grade, qui change la graisse apparente des lettres sans changer leur chasse. Instrument Sans a un axe de chasse de 75 à 100, qui donne des libellés plus étroits dans la même famille.
Dix-sept caractères libres ont été mesurés pour ce guide dans un navigateur, et sept sont présentés ici. Instrument Sans, IBM Plex Sans et Hanken Grotesk gardent la chasse de chaque chiffre entre le normal et le gras. Leur signe moins est aussi large qu’un chiffre, si bien que les colonnes de nombres signés s’alignent, et Hanken Grotesk garde aussi la chasse de son séparateur décimal. Geist et Archivo élargissent leurs chiffres en gras. Une nouvelle mesure, le 3 octobre 2026, a nuancé deux résultats. En Red Hat Text, le zéro garde sa chasse, mais le neuf gras est plus large que les autres chiffres. Roboto Flex a un axe de taille optique, si bien que son résultat dépend de la taille. À 1 000 pixels, son zéro gras est environ un quart plus large ; à 15 pixels, la différence est inférieure à 0,5 %.
Les caractères historiques témoignent de la pratique. Le test de chasse est une mesure que chacun peut refaire, même si son résultat dépend de la version de la police et de la taille à laquelle il est fait. Pour un tableau de bord de planification, choisissez un caractère dont les chiffres et le signe moins gardent une seule chasse dans chaque graisse qu’emploie l’écran. Testez-le dans le navigateur à ces tailles, et employez un vrai signe moins. Là où un caractère échoue, la mise en valeur peut venir du grade ou de la couleur plutôt que de la graisse.
- CarterBell Centennial, Commissioned by AT&T; Museum of Modern Art collection, 1978Dessiné pour remplacer Bell Gothic dans les annuaires d’AT&T, avec des lettres plus larges et des pièges à encre pour l’impression rapide sur papier journal ; le MoMA le date de 1976 à 1978.
- Frere-JonesRetina, Hoefler & Frere-Jones for The Wall Street Journal; Museum of Modern Art collection, 1999Un caractère pour les tableaux boursiers en sept points et moins, avec des pièges à encre profonds.
- FrutigerUnivers, Deberny & Peignot; now Monotype, 1957Publié comme une famille de vingt et une variantes désignées par des nombres à deux chiffres, le premier donnant la graisse et le second la chasse et l’inclinaison.
- Microsoft and AdobeOpenType feature registry: tnum, tabular figures, OpenType specification, Microsoft Learn (page dated 29 May 2024), 2024La fonction qui remplace les chiffres proportionnels par des chiffres d’une seule chasse, pour qu’ils s’alignent en colonnes.
- Font Bureau, Berlow and colleagues, for GoogleRoboto Flex, Google Fonts, 2022Un caractère variable à treize axes, dont le grade, qui change l’épaisseur des traits sans changer les chasses, et la taille optique.
- Fuenzalida, with Egstad, for InstrumentInstrument Sans, GitHub and Google Fonts, 2023Une linéale variable libre, avec des axes de chasse (75 à 100) et de graisse (400 à 700) et des chiffres tabulaires ; le caractère de ce guide.