Concevoir de meilleurs tableaux de bord pour vos données

La façon dont vous structurez un tableau de bord fait toute la différence en termes d'efficacité. Avoir les bonnes données est important, mais pour le spectateur, il s'agit de l'organisation et de la présentation des données. Dans cet article, nous examinerons différentes manières d'organiser un tableau de bord pour répondre aux besoins de l'utilisateur.

Tableau de bord

nom

1. (dans une automobile ou un véhicule similaire) un panneau sous la vitre avant comportant divers indicateurs et accessoires à l’usage du conducteur; tableau de bord.

2. Ordinateurs.

a. une interface utilisateur ou une page Web donnant un résumé courant, généralement sous forme graphique, facile à lire, d'informations clés relatives à la progression et aux performances, en particulier d'une entreprise ou d'un site Web:

b. une page Web ou un portail fournissant des liens vers des informations clés et des outils utiles sur un site Web:

3. une planche ou un panneau à l'avant d'un chariot ouvert ou similaire pour protéger les occupants de la boue ou de la saleté soulevée par les sabots des animaux qui attirent le véhicule.

https://www.dictionary.com/browse/dashboard

Lorsque nous entendons le mot «tableau de bord», nous avons tous une assez bonne idée de ce que cela signifie, ou du moins nous le pensons. C’est l’endroit où nous allons pour voir à quel point les choses vont bien. Dans une voiture, cela nous indique à quelle vitesse nous allons, certains facteurs clés concernant le moteur, la température extérieure et plus encore. Pour la plupart d'entre nous, dans le monde du Web, cela signifie une page Web qui pourrait être implémentée en HTML et CSS de base. Ou il pourrait s'agir d'une application Web créée avec un framework comme React, Angular ou Vue, ainsi que des composants d'interface sophistiqués tels que comme l'interface utilisateur Kendo . Ou cela pourrait être quelque chose mis en œuvre en utilisant un outil comme Tableau.

Quel que soit le type de technologie que vous utilisez, la véritable décision est de savoir comment afficher vos données. La technologie que vous utilisez n’est qu’un détail d’implémentation, même si cela peut être très important pour la personne ou l’équipe qui doit l’implémenter. Mais pour l'utilisateur, il s'agit de l'organisation des données. Est-ce que cela raconte une histoire, ou laisse simplement beaucoup de données aléatoires sur l'utilisateur? Est-ce que cela guide l'utilisateur à une conclusion, ou oblige l'utilisateur à comprendre ce que tout cela signifie par lui-même?

Il n'y a pas de bonne ou de mauvaise réponse à la façon dont vous créez un tableau de bord, ce n'est que correct ou faux lorsqu'il est comparé aux objectifs de l'utilisateur. Mais quels que soient les besoins de l'utilisateur, le tableau de bord doit être conforme à cette exigence et présenter les données de manière à atteindre les objectifs. Dans cet esprit, examinons différentes manières d'organiser un tableau de bord pour répondre à ces exigences.

Facteurs clés du récit visuel

Créer un tableau de bord signifie créer un récit. Vous voulez dire quelque chose à votre auditoire, transmettre des informations au-delà de la simple projection de données à l'écran. Le film est une source d'inspiration. Un tableau de bord complexe affiche plus d'un ensemble d'informations, bien que toutes les informations soient liées d'une manière ou d'une autre, de la même manière qu'un film est composé de plusieurs scènes qui peuvent toutes être différentes. Alors, à la place des écrans individuels ou des visualisations de données, considérons chacun d'eux comme une «scène» qui nous raconte une partie de l'histoire.

Lorsque nous nous intéressons à la création de plusieurs scènes et à leur connexion, nous avons trois éléments principaux. vouloir considérer:

• Structure
• Point culminant
• Transition

La structure de chaque scène est importante pour présenter les données d'une manière utile et intelligente. Au sein de chaque scène, nous voudrons examiner quoi et comment mettre en évidence des données spécifiques. Nous pourrions utiliser des couleurs, nous pourrions utiliser des formes – quelque chose pour aider les données clés (acteurs principaux) à se démarquer du reste des données de la scène (la distribution supportée). Enfin, nous voulons réfléchir à la manière de passer d’une scène à une autre de manière à faciliter notre récit. Dans un exemple simpliste, si nous avons un bouton «oui» en vert dans une scène, nous ne voulons pas avoir un bouton vert au même endroit dans une autre scène qui est maintenant un «non». une scène à une autre permet de garder le spectateur bien orienté.

The Narrative Spectrum

Après avoir examiné rapidement comment créer des scènes efficaces, voyons comment nous connectons toutes ces scènes individuelles dans notre tableau de bord. commencez à vous étendre au-delà de notre simple analogie de film et ajoutez un élément d'interactivité.Nous pouvons voir trois formats de base d'un flux de scène en scène:

• Auteur
• Lecteur
• Hybrid

Le style de base de notre film est basé sur l'auteur: le spectateur se voit présenter un ensemble de scènes dans une séquence spécifique et, bien qu'il puisse contrôler l'exécution ou la lecture, la scène 1 est toujours suivie de la scène 2 , qui est toujours suivi de la scène 3, etc. est un récit spécifique que nous voulons présenter au spectateur, et il est important de visualiser les scènes dans un ordre spécifique pour afficher une série de scènes de cause à effet.

Le lecteur doit sélectionner l’ordre des scènes à afficher. Cela peut être utile lorsqu'il n'y a pas d'ordre spécifique implicite dans les scènes individuelles et qu'elles sont relativement indépendantes les unes des autres mais avec une connexion commune.

Il y aura des moments où nous pourrions vouloir faire un peu des deux, montrer une séquence de scènes pour raconter un récit spécifique, et combiner cela avec une capacité à diriger le flux des autres scènes. Nous voudrons peut-être d'abord afficher une séquence de scènes (un «mini-film»), puis laisser l'utilisateur choisir où aller ensuite, ou laisser l'utilisateur choisir le premier, puis afficher une séquence fixe de scènes pour chaque sélection. . Vous pouvez combiner ces deux approches de plusieurs manières.

Types de tableaux de bord

Voyons maintenant les trois types de tableaux de bord correspondant à ces trois formes de récit. Ce sont

• The Slideshow
• The Drill Down
• Le verre à martini

Le diaporama est notre format basé sur l'auteur et est essentiellement un film où nous voulons raconter une séquence narrative spécifique. Par exemple, dans une seule scène, nous pourrions vouloir montrer le nombre de lois environnementales ayant une incidence sur les rejets de déchets dans la rivière Cuyahoga, en Ohio. Nous pourrions montrer la quantité de pollution dans la rivière Cuyahoga au fil du temps dans une autre scène. Nous pourrions montrer quelques détails dans cette scène, en énumérant les types et la quantité de pollution. Dans une troisième scène, nous avons pu déterminer les dates, la gravité, la durée et les dégâts des incendies sur la rivière. Oui, j'ai dit «sur» la rivière – elle avait été tellement polluée par des déchets inflammables et huileux qu'à plusieurs reprises, la rivière a pris feu. La dernière fois était en 1969 et il a déclenché (sans jeu de mots) une série de lois sur la protection de l'environnement et d'agences de protection de l'environnement. La rivière est toujours polluée, mais pas autant, et elle n’a pas pris feu depuis.

The Drill Down est notre format narratif axé sur les vues et est très utile lorsque «l'histoire» peut varier. Par exemple, nous pourrions vouloir suivre nos investissements et voir comment ils vont tous, mais avec l'option de plonger dans chaque type pour plus d'informations. Nous pourrions avoir une première scène montrant les résultats de nos investissements agricoles, nos investissements dans l'or et nos investissements dans l'art. Nous pourrions voir les résultats pour chaque domaine et sélectionner l’un de ces trois domaines pour en savoir plus. Ces scènes seraient très différentes car les données affichées sur chaque scène individuelle seraient une organisation complètement différente.

En ce qui concerne les investissements agricoles, nous pourrions en apprendre davantage sur la météo, les tarifs internationaux sur l'agriculture, la main-d'œuvre agricole, etc. Sur le plan des investissements artistiques, nous pourrions être intéressés les ventes d'art récentes, les dotations muséales qui occasionnent des acquisitions d'art, etc. La scène Gold peut se concentrer sur les ventes de bijoux, les opérations minières, etc.

Mon format préféré est le Martini Glass (en grande partie à cause de son nom) qui est notre forme hybride et qui est essentiellement un diaporama suivi d'un le forage Pourquoi s'appelle-t-il un verre à martini? Prenez un verre à martini et retournez-le sur le côté. Vous avez une tige étroite à gauche (la partie pilotée par l'auteur) suivie par le grand triangle du verre (la partie pilotée par l'utilisateur). Cela nous donne une chance de raconter une histoire et de mettre en place la situation, puis de laisser le spectateur explorer seul. Combien de temps la «tige» (dirigée par l'auteur) est-elle et quelle est la largeur (dirigé par le spectateur) dépendra de l'histoire et des données que vous essayez de transmettre. Et, bien sûr, vous devez décider d'utiliser le Gin ou la Vodka dans le martini.

Si nous revenons à notre exemple flamboyant du diaporama, nous pourrions élargir cela pour devenir un tableau de bord de style martini en ajoutant un back-end avec plus d'informations. Nous pourrions encore raconter notre histoire de la régulation et de la pollution et des incendies en séquence (la tige du verre), mais ensuite fournir une section de recherche sur les incendies de rivières pour explorer les dommages matériels et les techniques de lutte contre les incendies. Je suppose que vous ne pouvez pas simplement verser de l'eau dessus…), des blessures, etc. à la suite des incendies.

Résumé

Diaporama, Drill Down et Martini Glass: trois formats d'organisation de base pour conduire votre récit . Bien entendu, vous pouvez combiner, personnaliser et créer des formes plus complexes, mais cela vous donne un bon point de départ et un ensemble de critères pour déterminer quel format répondra le mieux à vos besoins individuels.

L'étape suivante, après avoir déterminé la structure de votre tableau de bord, consiste à déterminer les types d'éléments d'affichage de données individuels que vous souhaitez utiliser: graphiques, tableaux, jauges, etc. Améliorez l'expérience utilisateur en utilisant les bons graphiques ”. Pour plus d'informations sur les composants d'affichage de données individuelles, consultez ceux fournis par une bibliothèque professionnelle de composants d'affichage de données tels que Kendo UI.