Œuvres à ouvrir
Une règle est plus facile à croire une fois vue à l’œuvre. Voici des feuilles imprimées, des écrans publics et des outils de travail qui méritent d’être ouverts et étudiés en entier, chacun marqué des règles qu’il illustre.
Aicher, Vignelli, Neurath et Arntz, Tufte, Bostock et Carter, Victor, entre autres
Sur papier
Des feuilles imprimées qui ont résolu le problème d’un tableau de bord avant les écrans- 1972Règle 7
Calendrier de toutes les disciplines sportives
Michael Burke, dans le département d’Otl Aicher, Munich 1972Les dates, les épreuves et les pictogrammes croisés sur une seule feuille, imprimée recto verso en sept couleurs.
Ouvrir ↗ - 1977Règle 1
Unigrid
Massimo Vignelli pour le National Park Service des États-Unis, 1977Un seul système de feuilles derrière les brochures de plus de quatre cents parcs. Le contenu varie et la structure tient.
Ouvrir ↗ - 1953Règles 5, 7
World Geo-Graphic Atlas
Herbert Bayer, 1953Cartes, coupes, graphiques et symboles composés double page par double page. Un jalon des graphiques d’information en couches et imbriqués.
Ouvrir ↗ - 1925Règles 6, 12
Isotype
Otto Neurath, Marie Reidemeister et Gerd Arntz, à partir de 1925Une quantité plus grande se montre par davantage de signes de même taille, jamais par un signe plus grand.
Ouvrir ↗ - 2006Règle 2
Sparklines
Edward Tufte, 2006Des graphiques de la taille d’un mot placés à côté des chiffres qu’ils expliquent, avec une bande grise là où une plage normale existe.
Ouvrir ↗ - 2005Règle 9
Feltron Annual Reports
Nicholas Felton, de 2005 à 2014Dix ans de graphiques denses et précis sur des données personnelles. Une leçon de rigueur typographique en petite taille.
Ouvrir ↗ - 2011Règle 5
Visualisations pour La Lettura
Giorgia Lupi et AccuratDes compositions en couches, avec une structure principale et le détail secondaire allégé derrière elle.
Ouvrir ↗
À l’écran
Des écrans publics qui mettent une commande, une dispersion ou une pile de mesures au bon endroit- 2014Règle 11
Is It Better to Rent or Buy?
Mike Bostock, Shan Carter et Archie Tse, The New York Times, 2014Chaque curseur est posé sur un petit graphique du résultat sur toute la plage de cette entrée.
Ouvrir ↗ - 2011Règle 11
Up and Down the Ladder of Abstraction
Bret Victor, 2011Un essai interactif qui passe d’un cas concret à toute la plage d’un paramètre.
Ouvrir ↗ - Vega-LiteRègles 7, 11
Crossfilter
Exemple Vega-LiteTrois histogrammes de données de vols. Le brossage (« brushing ») d’un intervalle sur l’un filtre les deux autres.
Ouvrir ↗ - ECMWFRègles 7, 10
Météogrammes d’ensemble
ECMWFPlusieurs paramètres météorologiques empilés sur un même axe du temps, chacun dessiné en boîtes à moustaches échelonnées.
Ouvrir ↗ - QuotidienRègles 10, 12
Prévision publique des avalanches
Avalanche CanadaDes niveaux de danger pour trois tranches d’altitude sur trois jours. Une matrice de prévision compacte, écrite pour un large public.
Ouvrir ↗ - 2021Règle 2
Météo, iOS 15
Apple, 2021Une page de modules arrondis, chacun un petit instrument conçu pour son usage : une barre d’UV, un cadran de pression, une boussole du vent.
Ouvrir ↗ - 1998Règles 5, 6
Map of the Market
Martin Wattenberg, SmartMoney, 1998L’une des premières cartes proportionnelles du Web : des secteurs imbriqués, l’aire pour la taille, la couleur pour la variation.
Ouvrir ↗ - 2022Règles 2, 5
Design an effective chart
Apple, WWDC 2022Deux exposés clairs sur les marques, les axes, l’annotation et la façon dont les graphiques fonctionnent ensemble comme un système.
Ouvrir ↗
Dans les outils de travail
Retenus pour la façon dont ils organisent un écran ; descriptions des éditeurs, sans caution de notre part- JMPRègle 11
Prediction Profiler
Documentation de JMPUn petit graphique pour chaque entrée, chacun une coupe de la réponse du modèle pendant que les autres entrées restent où elles sont.
Ouvrir ↗ - MathWorksRègle 11
Sensitivity Analyzer
Documentation de MathWorksJeux de paramètres, exigences et résultats évalués côte à côte, avec le détail d’une conception sélectionnée à côté du graphique.
Ouvrir ↗ - SAPRègles 7, 8
Analytical list page
Directives de conception SAP FioriUn graphique et son tableau dans une même vue, sous un filtre visuel, pour passer du motif d’ensemble aux lignes exactes.
Ouvrir ↗ - IBMRègle 5
Couleur et couches
IBM Carbon Design SystemLes rôles de surface sous forme de tokens nommés. Dans les thèmes clairs, les couches alternent entre le blanc et un gris pâle.
Ouvrir ↗ - PalantirRègle 11
Temporary scenarios
Documentation de Palantir FoundryLes modifications vivent dans un scénario et laissent intactes les données sous-jacentes, avec un résumé de ce qui a changé.
Ouvrir ↗ - ToolioRègle 4
Planification de l’offre
Toolio, page de l’éditeurUn outil de planification construit autour du budget d’achat restant hebdomadaire, avec des scénarios et des instantanés enregistrés d’un plan.
Ouvrir ↗ - CausalRègles 10, 11
Outils de scénarios
Causal (aujourd’hui Lucanet) et Kinaxis, descriptions des éditeursCausal permettait qu’une entrée soit une fourchette et simulait les résultats, et Kinaxis compare côte à côte des scénarios cloisonnés.
Ouvrir ↗ - 2025Règles 1, 5
Format des design tokens
Design Tokens Community Group, 2025Le premier format de tokens stable et indépendant des éditeurs, avec la gestion des thèmes et les espaces colorimétriques modernes.
Ouvrir ↗