Les trois nombres d'abord, et tout le reste plus bas

L’ordre dans lequel une page est lue

En haut à gauche, puis en travers, puis vers le bas. Ce n’est pas une préférence, c’est ce que fait un lecteur avant de décider s’il continue — l’argumentation de la page doit donc suivre cet ordre.

Position	Porte
Titre et une ligne	Ce que c’est et ce que cela décide
Les tuiles	Les trois ou quatre nombres dont dépend la décision
Le tableau	La ventilation dont la décision a besoin
La figure	Une forme qu’un tableau ne peut pas montrer
Le contexte	Pour qui c’est et ce qu’ils décident
La méthode et les limites	Ce que cela ne montre pas

Chaque tableau de bord de cette plateforme suit cet ordre, et l’ordre est le même dans les deux langues parce qu’il concerne la lecture et non la formulation.

Les deux choses qui occupent généralement le haut et ne le devraient pas : un logo et un contrôle de filtre. Un logo n’apprend rien au lecteur, et un filtre lui demande de travailler avant que la page lui ait dit pourquoi.

La tuile

   56.3%
   Basic service
   improved and within 30 minutes

Trois parties, et chacune fait un travail.

La valeur, en grand. Un nombre, à la précision que l’intervalle autorise. 56,3 %, jamais 56,26 %.

L’étiquette, en clair. Ce que c’est, dans les mots qu’emploie le public. « Service de base », non basic_water_pct.

La note, en petit. La définition ramenée à une proposition — « améliorée et à 30 minutes ou moins » — parce que la tuile est là où commence le malentendu et qu’une proposition en prévient l’essentiel.

De la couleur seulement là où c’est un état. Les tableaux de bord d’ici n’emploient la bande de signal sur une tuile que lorsque le nombre est une sévérité ou un drapeau de qualité, pour la raison qu’a donnée le cours de visualisation : dépenser vert, ambre et rouge sur des catégories ordinaires apprend au lecteur à cesser de les lire comme des mesures.

Ce qui passe derrière un lien

L’expression de l’ossature est « le détail derrière un clic », et sur une page statique le clic est un lien vers un autre artefact plutôt qu’une interaction.

Sur la page	Derrière un lien
Trois nombres phares	Chaque indicateur du cadre logique
Une ventilation	Toutes les ventilations
Le passage courant	La série historique, en CSV
Le constat	Le carnet qui l’a produit
Ce que cela ne montre pas	La documentation technique qui dit pourquoi

Une page statique fait tout cela avec une balise de lien, et elle survit à l’impression, au courriel et à l’ouverture hors ligne — ce qu’un filtre interactif ne fait pas.

C’est un arbitrage réel et il vaut d’être nommé. Un tableau de bord interactif laisse un lecteur poser sa propre question ; un statique répond à la question pour laquelle il a été construit et pointe vers l’artefact pour tout le reste. Pour un public sur connexion facturée, le second est généralement la meilleure affaire, et c’est celui qu’a choisi cette plateforme.

Le test des cinq secondes, appliqué à une page

Montrez-la à quelqu’un qui n’était pas dans l’analyse et demandez ce qu’elle dit.

S’il lit les tuiles et énonce le constat, cela fonctionne.

S’il demande « qu’est-ce que je regarde », le titre est un nom de fichier. « Couverture EAH et qualité de l’eau par district » dit à un lecteur ce que c’est. « Tableau de bord » non.

S’il se met immédiatement à faire défiler, les tuiles ne sont pas les nombres dont il a besoin.

S’il demande ce que signifie le nombre, la tuile n’a pas de note.

L’impression, et le téléphone

Les deux affichages sur lesquels un tableau de bord de programme est réellement lu.

@media print {
  body { background: #fff; padding: 0; font-size: 11pt; }
}

# A dashboard that cannot be printed is one that cannot go in a meeting pack.

Quelqu’un l’imprimera. Cela va dans un dossier de réunion, cela se photocopie, et la version que tout le monde tient dans la salle est en monochrome. Les tuiles doivent y survivre, ce qui est la règle du niveau de gris du cours de visualisation arrivant comme contrainte de mise en page.

Et quelqu’un l’ouvrira sur un téléphone. Des tuiles en grille qui se replie sur une colonne, un tableau qui défile horizontalement dans son propre conteneur plutôt que de pousser la page de côté, et aucune largeur fixe nulle part.

Ce que la mise en page ne peut pas corriger

Une page dont la question est fausse. Bien ordonner les trois mauvais nombres produit une mauvaise page bien ordonnée, et c’est la dernière leçon qui l’attrape.

Un nombre que personne ne croit. La mise en page ne crée pas la confiance ; la provenance si, et c’est la leçon suivante.

Un constat que personne ne veut. Un tableau de bord ne peut pas rendre agréable un résultat importun, et la tentative — l’enterrer sous la ligne de flottaison, choisir une ventilation flatteuse — est l’échec sur lequel ce cours se termine.

Rapportez-le en entier

Dashboard layout

  Reading order: title and purpose, four tiles, district table, figure,
  commissioning context, method and limits.

  Tiles carry a value at the precision the interval supports, a plain label,
  and a one-clause definition. Signal colours appear only where the value is
  a severity or a quality flag.

  The historic series, the full indicator set and the analysis notebook are
  linked rather than embedded. The page is 8 kB, prints to one side of A4 in
  greyscale, and reflows to a single column below 640 px.

La taille vaut d’être énoncée. Huit kilo-octets est un nombre qu’un lecteur sur connexion facturée peut peser, et c’est une affirmation que le fichier lui-même étaye ou n’étaye pas.

La suite

Un nombre bien mis en page dont personne ne peut retrouver la source est un nombre contesté chaque mois. La leçon suivante attache à chaque figure de la page sa date d’arrêté, son fichier source et sa cadence d’actualisation.