Création de tableaux de bord pour les concepteurs UX

Le terme tableau de bord vient de tableau de bord automobile, il a évolué au cours des décennies et il est maintenant également utilisé dans le monde numérique. Les tableaux de bord sont un moyen dynamique de visualiser les données, de suivre les statistiques et de démostrater les indicateurs de performance clés. L’objectif de l’outil de gestion des données est d’aider les décideurs à faire des choix plus rapides, à réaliser et à surveiller les modèles commerciaux. Les données doivent être affichées de manière compréhensible et facile à numériser pour un suivi rapide.

« Un tableau de bord est un affichage visuel des informations les plus importantes nécessaires pour atteindre un ou plusieurs objectifs; consolidé et organisé sur un seul écran afin que les informations puissent être surveillées en un coup d’œil. »Stephen Few – www.tableau de bordinsight.com

Tableau de bord de Google analytics

Lorsque vous commencez à créer un tableau de bord, vous devez d’abord connaître vos utilisateurs. Quel est le rôle de l’utilisateur qui recueillera les informations nécessaires sur le tableau de bord ? Est-il utilisé par un PDG, un directeur financier ou un responsable marketing? Qu’il soit utilisé par une personne ou un groupe? Est-ce que cela sert les données pour les personnes occupant différents rôles ou un seul? L’objectif principal est de le rendre simple. Les données doivent être visualisées de manière claire et minimale et elles doivent servir le public. La règle des 5 secondes nous oblige à créer des tableaux de bord compréhensibles en 5 secondes. Les tableaux de bord doivent représenter les données de manière claire et efficace.

Des études montrent que les gens se souviennent de 80% de ce qu’ils voient et font et de 20% de ce qu’ils lisent.

Interactions utiles

Une action d’exploration peut être déclenchée lorsque l’utilisateur clique sur un graphique et peut voir les détails de cet élément. Lorsque vous ajoutez des interactions d’exploration à votre graphique, à vos indicateurs et à vos tableaux ou même à vos sites Web, il peut être personnalisé pour un utilisateur ou une équipe d’utilisateurs. Zoomer et dézoomer sur les graphiques est essentiel pour déplacer les échelles de temps, regrouper les données par semaines, mois ou trimestres.

Exemple de forage a terre. Photo : documentation.devexpress.com

Un moyen de classification des tableaux de bord

Les tableaux de bord peuvent être classés de plusieurs manières. L’option présentée ci—dessous est basée sur le livre de conception de tableau de bord d’information de Stephen Few, où il classe les tableaux de bord par leur rôle – stratégique, analytique, opérationnel et par le type d’entreprise qu’ils aident.

Stratégiques

Les tableaux de bord stratégiques suivent les KPI. De nos jours, les tableaux de bord sont pour la plupart stratégiques, donnant aux gestionnaires un aperçu rapide de la santé et du fonctionnement quotidien de leurs entreprises. Ce type de conseils se concentre sur les performances réelles et les prévisions. Ces tableaux de bord exécutifs ne sont pas basés sur des données en temps réel, mais plutôt sur des statistiques de périodes hebdomadaires et mensuelles. La plupart des tableaux de bord stratégiques ne donnent pas la possibilité d’interactions à ses utilisateurs.

Exemple de tableau de bord exécutif d’une startup SaaS
Photo: Klipfolio

Tableaux de bord analytiques

Les tableaux de bord analytiques affichent des données pour suivre les tendances. Ce type de tableau de bord nécessite une plus grande complexité. Il doit analyser une grande quantité de données, comparer et évaluer, étudier les tendances et prédire les résultats. Il inclut souvent l’intelligence d’affaires comme drill down et prend en charge les interactions avec les données.

Exemple de tableau de bord analytique d’un démarrage SaaS
Photo: Klipfolio

Opérationnel

Les tableaux de bord opérationnels vous indiquent ce qui se passe maintenant. Les opérations qui influencent principalement la conception d’un tel tableau de bord changent très rapidement et sont dynamiques. Cela nécessite souvent une réponse immédiate lorsqu’un problème survient. Il est utilisé tout au long de la journée et les données visualisées doivent être très simples et rapidement compréhensibles afin de prendre des décisions rapides.

Exemple de tableau de bord opérationnel d’un démarrage SaaS
Photo: Klipfolio

Types de diagrammes

Le graphique en courbes est souvent utilisé pour visualiser une tendance. Il ne doit pas être trop plat ou exagéré pour montrer le message. La bonne hauteur d’un graphique linéaire est le 2 / 3ème de la zone du graphique. Cela devrait être simple et les incréments devraient être utilisés de la manière dont les gens comptent habituellement: 0,5,10,15, etc. Toujours un maximum de quatre lignes doit être utilisé dans un seul graphique. Trop est source de confusion et ne montre pas efficacement les données présentées.

Exemple de graphique linéaire. Photo : www.actiprosoftware.com

Barres

Un graphique à barres est un moyen de résumer un ensemble de données catégorielles. Il est préférable de l’utiliser à des fins de comparaison. La même règle doit être respectée ici : restez simple. Il y a peu de principes à suivre pour délivrer le message. La largeur des barres doit être deux fois la largeur de l’espace entre elles. S’ils représentent les mêmes données, utilisez la même couleur. Dans le cas de barres multiples, où le nombre de graphiques doit être au maximum de 4, l’ombrage doit aller de la lumière à l’obscurité. Dans ce cas, une légende peut être utilisée car l’étiquetage serait source de confusion.

Exemple pour les graphiques à barres. Photo : www.thedataschool.co .uk

Pies

Il s’agit d’un graphique statistique qui est divisé en tranches pour démontrer la proportion. Il ne doit être utilisé que pour une composition simple. Lire un graphique circulaire, c’est comme lire une horloge de 12 heures vers la droite. C’est pourquoi il est plus efficace de visualiser le plus grand segment en haut.

Exemple pour tarte graphique. Photo: trutecsuspension.com

Tables

Les tables ne sont pas un moyen de visualisation par définition mais un formulaire pour afficher les données de manière brute. Cependant, il existe quelques conseils utiles pour le rendre visuellement facile pour le lecteur. Il doit être utilisé pour comparer les données lorsque vous devez afficher des valeurs précises. Des règles minces doivent être utilisées après chaque entrée 3 à 5 et une table large a besoin d’une règle après toutes les 3 lignes pour une meilleure compréhension visuelle. Le graphique peut être joliment présenté et utile dans un tableau pour mettre en évidence les données les plus importantes.

Pictogrammes

Un bon pictogramme utilisé dans un graphique doit être simple, clair et symétrique. Dans un pictogramme efficace, les données doivent être une multiplication d’une seule donnée. Un pictogramme est utilisé pour visualiser les données comme dans un graphique à barres.

Exemple de pictogramme. Photo : datavizcatalogue.com

Cartes

Les cartes cartographiques doivent présenter des données principalement géographiques. Il doit être utilisé lorsqu’il y a des données dans la présentation comme: pays, état, ville. Les cartes ne doivent être utilisées que lorsque le contexte régional des données est important.

Exemple pour le diagramme de carte. Photo: www.photos.com

Other interesting chart types

Chart selection diagram. Photo: www.extremepresentation.com

We can use more types of diagrams based on the data to be visualized: mosaic, population pyramids, spider, scatter plots, binary decision diagram, multi level pie charts, gauge, pareto, stock, gantt, waterfall charts and heat maps. Quel est le graphique à choisir pour la visualisation des données ? Grâce au Dr Andrew Abela, il existe un diagramme de sélection de graphiques qui devrait aider à choisir celui qui convient le mieux à l’objectif et aux données.

Règles visuelles

Il est suggéré de suivre quelques règles lors de la création d’un tableau de bord.

Fonts

Dans les tableaux de bord, les données doivent être l’objectif principal, donc les polices en surbrillance, les fautes de frappe spéciales ne doivent pas être utilisées pour attirer l’attention. Les polices Serif et sanserif peuvent être utilisées car elles sont lisibles et donnent la possibilité d’une grande variété. Restons simples !

Couleurs

Il y a 3 attributs principaux à considérer: teinte, valeur, saturation. Teinte est le terme pour les couleurs du spectre pur appelées « noms de couleurs » – rouge, orange, jaune, bleu, vert, violet — qui apparaissent dans l’arc-en-ciel. La saturation est l’intensité de la couleur. La valeur montre à quel point il est clair ou sombre. Une bonne visualisation peut se faire par des couleurs sombres ou claires. Les couleurs chaudes (rouge, orange, marron) semblent plus grandes et plus proches que les couleurs froides (bleu, vert ou gris) lorsqu’elles sont utilisées dans la même quantité. Pour éviter toute distraction, 3 à 5 nuances doivent être utilisées dans un tableau. Trop de couleurs dans la présentation doit être évitée. Une nuance plus foncée d’une couleur peut attirer l’attention du lecteur. Des couleurs lisibles pour les daltoniens doivent être utilisées.

Règles d’or pour la conception de tableaux de bord

Le plus important est de connaître le public, qui, où, quand l’utilisera. Trouvez le type de diagramme le plus approprié pour la visualisation des données et créez le tableau de bord de manière logique. Attention l’endroit utilisé comme véritable tableau de bord tient dans un seul écran. Dans l’intention de conserver la règle « moins c’est plus”, le plus important est les données. Gardez à l’esprit que l’interprétation facile est essentielle.

Related Posts

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *