Principaux exemples de visualisation de données et conceptions de tableaux de bord

La visualisation de données et la conception de tableaux de bord sont à la fois de l'art et de la science et ne sont pas aussi faciles à créer qu'il n'y paraît à première vue. Comment les meilleurs concepteurs UX et concepteurs visuels illustrent-ils des informations complexes sans dérouter les utilisateurs ?

Trois façons : une meilleure compréhension des principes UX derrière une bonne conception de tableau de bord, l'application de l'excellence graphique et la pratique.

La conception du tableau de bord UX suit des principes spécifiques et les meilleures pratiques. L'excellence graphique, en revanche, nécessite un examen plus approfondi.

L'excellence graphique se définit comme :

• Une présentation bien conçue et efficace de données intéressantes.
• Des idées complexes communiquées avec efficacité, clarté et précision.
• Donner au spectateur le plus grand nombre d'idées nécessitant le moins de temps dans un petit espace et en utilisant le moins d'encre.
• Dire la vérité sur les données.

Une excellente ressource pour une meilleure compréhension de l'excellence graphique est le travail d'Edward Tufte. Il est considéré comme "Le Léonard de Vinci des données" et a un grand nombre d'ouvrages publiés, de livres et de conférences. David McCandless, qui a fondé information is beautiful, un site Web qui représente le meilleur de la visualisation de données et de l'excellence graphique, est une autre excellente ressource.

Les principes de conception UX exemplaire et d'excellence graphique s'appliquent à la fois à la conception de tableaux de bord et aux visualisations de données. Voici quelques-uns des meilleurs exemples de visualisation de données et de conception de tableaux de bord.

Meilleures visualisations de données

La marche 1812 de Napoléon

La visualisation par Minard de la marche de Napoléon en 1812 est considérée comme l'un des « meilleurs dessins statistiques jamais créés » : créer une visualisation avec autant d'informations que Minard l'a fait aurait été impossible sans l'application de l'excellence graphique.

Cette visualisation unique montre le nombre de troupes de Napoléon par emplacement, la température ressentie par les troupes et le chemin emprunté par les troupes vers et depuis Moscou.

Carte du choléra de John Snow

Le graphique de 1854 de John Snow montrant l'emplacement des 13 puits publics de Londres et 578 décès dus au choléra à l'aide de barres empilées perpendiculairement à leur emplacement : il est facile à comprendre, révèle la vérité dans les données et donne à l'utilisateur toutes les informations dont il a besoin pour dessiner un bon conclusion concernant les décès dus au choléra.

Histoire de la musique rock

Ne représentant qu'une fraction de l'ensemble de la visualisation des données, le graphique ci-dessous montre une partie de plus de 30 styles de musique de plus de 700 artistes au cours de la période de 1955 à 1978.

Il ne représente pas seulement les artistes et les styles, mais montre les influences, le volume des ventes de disques, les catégories stylistiques et où celles-ci se sont terminées ou ont continué. Atteindre ce genre d'excellence graphique n'est pas une mince affaire.

Là où la population de l'Europe augmente et diminue

Une visualisation de données de pointe montrant comment traiter une immense quantité de données de manière simple, bien conçue et véridique. Il existe également des filtres inclus dans la version interactive qui permettent une exploration encore plus poussée des données, telles que les taux de natalité.

Routines quotidiennes de personnages célèbres emblématiques

Non seulement cette visualisation de données est intéressante, mais c'est un exemple classique d'excellence graphique. Dans un seul graphique, nous pouvons voir une description détaillée des habitudes quotidiennes, des rituels, des poursuites et des priorités des personnages célèbres emblématiques.

À l'aide d'un simple tableau à code couleur, cette visualisation est facile à comprendre, simple, efficace et surtout informative.

Graphique des langues du monde

Cette visualisation de données classique représente le nombre de langues qui existent sur la planète, où elles sont parlées et qui les parle dans différentes poches du monde.

Sans un haut niveau d'excellence graphique, il serait difficile de montrer autant de données d'une manière aussi élégante, informative et facile à comprendre.

Meilleures conceptions de tableau de bord

Pour qu'un tableau de bord soit considéré comme supérieur, il doit répondre à un ensemble de critères UX spécifiques :

• Conventions de nommage claires et cohérentes
• Le flux et la disposition des données priorisés
• Les marges sont appropriées pour la lisibilité
• Les données ne sont ni cachées ni surchargées
• Compréhensible et facile à lire

Tableau de bord KPI marketing

L'exemple ci-dessous est un excellent exemple de la manière de faciliter la compréhension d'informations commerciales complexes. La palette de couleurs sobre est agréable et l'utilisation de cartes séparées est douce pour les yeux.

L'une des raisons pour lesquelles ce tableau de bord est d'une excellente conception est son rapport données-encre. Les données et l'espace se complètent. Au lieu de remplir l'écran avec plus de graphiques, des cartes séparées avec de petits onglets sont utilisées. Il s'agit d'une manière ingénieuse de garder les informations critiques disponibles (c'est-à-dire de ne pas les cacher) tout en offrant à l'utilisateur un moyen simple et instructif de les visualiser selon ses propres termes.

Tableau de bord Stripe

Le tableau de bord Stripe est un excellent exemple des meilleures pratiques de conception de tableau de bord. C'est simple, répond aux questions les plus pertinentes des utilisateurs et a des marges presque parfaites dans chaque carte.

Tableau de bord de télémédecine

Les analyses de télémédecine sont connues pour fournir beaucoup de données brutes. L'organisation de ces données dans un tableau de bord significatif et informatif peut être un défi. Cet exemple utilise les meilleures pratiques UX de conception de tableau de bord. Les marges sont doublées, les informations sont présentées avec des questions et des réponses, et les données ne sont pas masquées.

Tableau de bord des actions

Les actions peuvent être difficiles à conceptualiser sur un seul tableau de bord en raison du nombre de points de données en concurrence pour l'espace. Cet exemple de conception de tableau de bord a réussi à obtenir un look épuré et minimaliste avec toutes les informations pertinentes au premier plan.

Tableau de bord d'audience Web

Google Analytics fait un excellent travail avec ses tableaux de bord ; cependant, cela peut nécessiter beaucoup de personnalisation pour atteindre un objectif spécifique. Ce tableau de bord a porté l'analyse à un nouveau niveau en offrant une vue simple, facile à comprendre, facile à lire et utile, sans augmenter la charge cognitive.

Tableau de bord de gestion de la documentation

Gérer des documents est difficile, mais les garder organisés et faciles à parcourir peut être encore plus difficile. Une excellente solution est ce tableau de bord qui garde les choses simples, compréhensibles et étonnamment clairsemées.

Même avec une approche minimaliste, cet excellent exemple de conception de tableau de bord donne à l'utilisateur tout ce dont il a besoin pour comprendre et naviguer dans le système documentaire.

Application météo pour l'ensemencement des plantes - Tableau de bord mobile

Ce tableau de bord mobile est informatif et facile à comprendre. Les fils d'Ariane facilitent la navigation et les icônes avec des descriptions en langage commun aident à créer une excellente conception UX.

Tableau de bord de carte de crédit - Tableau de bord mobile

Tout comme la banque, les tableaux de bord des cartes de crédit sont connus pour leur mauvaise UX, en particulier sur un appareil mobile. Cette conception de tableau de bord mobile prend une nouvelle direction. Les informations sont non seulement bien organisées, mais compréhensibles et riches en fonctionnalités sans être écrasantes.

Une visualisation de données et une conception de tableau de bord supérieures nécessitent une excellence graphique ainsi qu'une compréhension et une application des principes de conception de tableau de bord. Appliqués de manière cohérente, les utilisateurs bénéficieront de visualisations de données informatives et de tableaux de bord offrant une expérience utilisateur de haute qualité.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Conception de tableau de bord - Considérations et meilleures pratiques
• Visualisation des données - Meilleures pratiques et fondements
• Inspirez-vous de ces visualisations de données
• Améliorez vos analyses avec ces inspirations de conception de tableau de bord