cassionAnalyse de données

Retour à la leçonLeçon 2 sur 8À quoi il sert

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

Le même diaporama que les téléchargements, rendu sous forme de page. Lancez le diaporama pour le présenter en plein écran — les flèches ou un clic avancent d'une diapositive, Échap quitte.

Diapositives · PDFDiapositives · PowerPoint

  1. Diapositive 1 / 16

    Ce que couvre cette leçon

    • L'ordre dans lequel une page est lue
    • La tuile
    • Ce qui passe derrière un lien
    • Le test des cinq secondes, appliqué à une page
    • L'impression, et le téléphone
    • Ce que la mise en page ne peut pas corriger
    • Rapportez-le en entier
    • La suite
    Notes du présentateur
    Un lecteur accorde à un tableau de bord environ huit secondes avant de décider s'il le concerne. Ce qu'il voit dans ces huit secondes est décidé par le haut de la page, et la plupart des tableaux de bord y dépensent un logo, un sélecteur de dates et un total.
  2. Diapositive 2 / 16

    L'ordre dans lequel une page est lue

    PositionPorte
    Titre et une ligneCe que c'est et ce que cela décide
    Les tuilesLes trois ou quatre nombres dont dépend la décision
    Le tableauLa ventilation dont la décision a besoin
    La figureUne forme qu'un tableau ne peut pas montrer
    Le contextePour qui c'est et ce qu'ils décident
    La méthode et les limitesCe que cela ne montre pas
    Notes du présentateur
    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.
  3. Diapositive 3 / 16

    L'ordre dans lequel une page est lue

    • Chaque tableau de bord de cette plateforme suit cet ordre — et l'ordre est le même dans les deux langues parce qu'il…
    • Les deux choses qui occupent généralement le haut et ne le devraient pas — un logo et un contrôle de filtre
    Notes du présentateur
    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.
  4. Diapositive 4 / 16

    La tuile — Exemple

       56.3%
       Basic service
       improved and within 30 minutes
  5. Diapositive 5 / 16

    La tuile

    • La valeur, en grand — Un nombre, à la précision que l'intervalle autorise
    • L'étiquette, en clair — Ce que c'est, dans les mots qu'emploie le public
    • La note, en petit — La définition ramenée à une proposition — « améliorée et à 30 minutes ou moins » — parce que la…
    • 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…
    Notes du présentateur
    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.
  6. Diapositive 6 / 16

    Ce qui passe derrière un lien

    Sur la pageDerrière un lien
    Trois nombres pharesChaque indicateur du cadre logique
    Une ventilationToutes les ventilations
    Le passage courantLa série historique, en CSV
    Le constatLe carnet qui l'a produit
    Ce que cela ne montre pasLa documentation technique qui dit pourquoi
    Notes du présentateur
    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.
  7. Diapositive 7 / 16

    Ce qui passe derrière un lien

    • Une page statique fait tout cela avec une balise de lien — et elle survit à l'impression, au courriel et à l'ouverture…
    • C'est un arbitrage réel et il vaut d'être nommé — Un tableau de bord interactif laisse un lecteur poser sa propre…
    Notes du présentateur
    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.
  8. Diapositive 8 / 16

    Le test des cinq secondes, appliqué à une page

    • 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…
    • 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
    Notes du présentateur
    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.
  9. Diapositive 9 / 16

    L'impression, et le téléphone — Exemple

    @media print {
      body { background: #fff; padding: 0; font-size: 11pt; }
    }
    Notes du présentateur
    Les deux affichages sur lesquels un tableau de bord de programme est réellement lu.
  10. Diapositive 10 / 16

    L'impression, et le téléphone — En R

    # A dashboard that cannot be printed is one that cannot go in a meeting pack.
  11. Diapositive 11 / 16

    L'impression, et le téléphone

    • Quelqu'un l'imprimera — Cela va dans un dossier de réunion, cela se photocopie, et la version que tout le monde tient…
    • 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…
    Notes du présentateur
    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.
  12. Diapositive 12 / 16

    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,…
    • 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…
    • Un constat que personne ne veut — Un tableau de bord ne peut pas rendre agréable un résultat importun, et la tentative…
    Notes du présentateur
    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.
  13. Diapositive 13 / 16

    Rapportez-le en entier — Exemple

    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.
  14. Diapositive 14 / 16

    Rapportez-le en entier

    • La taille vaut d'être énoncée — Huit kilo-octets est un nombre qu'un lecteur sur connexion facturée peut peser, et…
    Notes du présentateur
    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.
  15. Diapositive 15 / 16

    La suite

    • Un nombre bien mis en page dont personne ne peut retrouver la source est un nombre contesté chaque mois.
    Notes du présentateur
    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.
  16. Diapositive 16 / 16

    La suite

    Lire la leçon complète, avec le code exécutable Retour à la leçon