← Les patterns

Pattern de document

Graphiques sobres

pages relevées
9
documents
9

Les figures suivent les mêmes règles dans tout le document. Les barres restent nues, la valeur passe en légende et le prévu se trace en pointillé.

Les pages où la règle se vérifie

9 pages relevées dans 9 documents.

Chaque vignette est la page réelle du document, créditée à son éditeur. La leçon dit ce que la page fait, et le renvoi ouvre le document entier : un pattern se vérifie sur la suite des pages, pas sur une seule.

Lefty A Year in Data 2024, page 30Lefty A Year in Data 2024p.30

Classement tronqué par un fondu

Les dernières lignes du classement s'effacent dans un dégradé au lieu de s'arrêter net, et une pastille sombre invite à aller chercher la suite. Le document assume qu'il montre un extrait, ce qui vaut mieux qu'une liste coupée sans explication.

Gharage Airport Futures 2024, page 20Gharage Airport Futures 2024p.20

Barres symétriques autour d'un énoncé

Deux volées de barres partent du centre vers les bords opposés, chacune avec son pourcentage et son libellé, et la conclusion tient en une phrase au milieu. Un long classement se lit ainsi en deux blocs équilibrés au lieu d'une liste qui file vers le bas, et la phrase centrale dit quoi en retenir.

Artsy Gallery Insights 2022 Report, page 14Artsy Gallery Insights 2022 Reportp.14

Barre logée dans un cadre gris

Chaque barre est posée dans un cadre gris de hauteur pleine qui figure le total, et le pourcentage s'écrit en grand dans la partie restée vide. La proportion se lit sans axe, sans quadrillage et sans légende de graduation.

Impermaculture Report, page 44Impermaculture Reportp.44

Barres nues, valeur écrite en légende

Les classements se tracent en barres grises sans axe, sans grille et sans échelle affichée, et la valeur est écrite dans la légende sous chaque barre. La longueur donne l'ordre de grandeur, le texte donne le chiffre exact, et une citation en pastille rose s'intercale pour rompre la colonne de données.

Palantir Q4 2023 Business Update, page 23Palantir Q4 2023 Business Updatep.23

Barres annotées, période courante en plein

Les barres restent en contour sauf la dernière, remplie, et un escalier pointillé relie les sommets en écrivant l'écart entre chaque période, avec la croissance totale en accolade au-dessus. Le graphique répond à trois questions à la fois, le niveau, la marche et la tendance.

Sonos Q2 2022 Financial Summary, page 4Sonos Q2 2022 Financial Summaryp.4

Période courante pleine, historique pâle

Les trimestres passés sont en lavande claire et le trimestre commenté en bleu profond, donc le sujet de la page se repère avant même la lecture du titre. Le montant se pose au-dessus de la barre et la variation s'inscrit dedans, ce qui évite un axe chargé.

Strava Year in Sport 2021, page 5Strava Year in Sport 2021p.5

Libellé dans la barre, valeur alignée

Le nom de la ligne est écrit à l'intérieur de la barre et sa valeur se place tout à droite, alignée en colonne. Aucune légende et aucun axe chargé ne viennent s'ajouter, donc chaque ligne se lit d'un trait, du nom vers la longueur puis vers le chiffre.

Wix Q2 2023 Quarterly Report, page 17Wix Q2 2023 Quarterly Reportp.17

Le prévu en pointillé, le réalisé en plein

La partie historique de la courbe reste en trait plein à la couleur de sa série, la projection passe en pointillé orange avec sa valeur cible en gras. Le lecteur distingue le constaté de l'annoncé sans avoir à consulter une légende.

Pourquoi pas un composant

Cette règle se décide une fois, et se tient jusqu'au bout.

Un composant produit une page. Ce pattern n'existe que dans la relation entre les pages, donc aucun gabarit isolé ne le reproduit. Il se pose au moment où la charte se construit, avec les quinze valeurs et les gabarits de page, puis se vérifie sur chaque document.