La visualisation des données et la conception de tableaux de bord sont à la fois de l'art et de la science et pas aussi faciles à créer qu'elles le paraissent à première vue. Comment faire top Concepteurs UX et designers visuels illustrer des informations complexes sans dérouter les utilisateurs?
Trois voies: une meilleure compréhension de la Principes UX derrière une bonne conception de tableau de bord , l'application de l'excellence graphique et de la pratique.
La conception du tableau de bord UX suit 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 Edward Tufte travail. Il est considéré comme «Le Léonard de Vinci des données» et a publié un grand nombre d'ouvrages, de livres et de conférences. David McCandless , qui a fondé l'information est belle , 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 visualisations de données . Voici quelques-uns des meilleurs exemples de visualisation de données et de conception de tableau de bord.
Principales visualisations de données
Napoléon en mars 1812
La visualisation par Minard de la marche de Napoléon en 1812 est considérée comme l’une 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 soldats de Napoléon par emplacement, la température ressentie par les troupes et le chemin que les troupes ont emprunté à destination et en provenance de Moscou.
Carte du choléra de John Snow
John Snow 1854 graphique montrant l'emplacement des 13 puits publics de Londres et 578 décès dus au choléra à l'aide de barres empilées perpendiculaires à 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 tirer une conclusion appropriée concernant décès dus au choléra.
comment écrire un langage de programmation
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 des artistes et des styles, mais montre les influences, le volume des ventes de disques, les catégories stylistiques et où celles-ci se sont terminées ou se sont poursuivies. Atteindre ce genre d'excellence graphique n'est pas une mince affaire.
Là où la population européenne augmente et décline
Une visualisation de données de haut niveau montrant comment gérer un immense quantité de données d'une manière simple, bien conçue et honnête. Il existe également des filtres inclus dans la version interactive qui permettent d'explorer encore plus les données, telles que les taux de natalité.
Routines quotidiennes de personnes célèbres emblématiques
Non seulement c'est visualisation de données intéressante , 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 activités et des priorités de personnalités célèbres.
À 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 classique des données décrit les nombre de langues qui existent sur la planète , où ils sont parlés, et qui les parle dans diverses 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.
Meilleurs designs de tableaux 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 dénomination claires et cohérentes
- Le flux et la mise en page des données priorisés
- Les marges sont appropriées pour la lisibilité
- Les données ne sont ni masquées ni surchargées
- Compréhensible et facile à lire
Tableau de bord KPI marketing
L'exemple ci-dessous est un excellent exemple permettant 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 un excellent design 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 donnant à l'utilisateur un moyen simple et instructif de les visualiser selon ses propres conditions.
Tableau de bord Stripe
La Tableau de bord Stripe est un excellent exemple des meilleures pratiques de conception de tableau de bord. Il est simple, répond aux questions les plus pertinentes des utilisateurs et présente 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 un grand nombre de données brutes. Organiser 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 réponses, et les données ne sont pas masquées.
Tableau de bord Stock
Les stocks 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 à l'avant et au centre.
Tableau de bord d'audience Web
Google Analytics fait un excellent travail avec ses tableaux de bord; cependant, il peut falloir 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
La gestion des documents est difficile, mais les garder organisés et faciles à naviguer peut être encore plus difficile. Une excellente solution est ce tableau de bord qui garde les choses simples, compréhensibles et étonnamment rares.
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 de documents.
Application météo pour semis de plantes - Tableau de bord mobile
Ce tableau de bord mobile est informatif et facile à comprendre. Le fil d'Ariane aide à la navigation, et les icônes avec des descriptions de langage communes aident à créer une excellente conception UX.
Tableau de bord des cartes de crédit - Tableau de bord mobile
Tout comme les services bancaires, les tableaux de bord des cartes de crédit sont connus pour leur mauvaise expérience utilisateur, 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 accablantes.
Une visualisation des 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 tableaux de bord. Appliqués de manière congruente, les utilisateurs bénéficieront de visualisations de données informatives et de tableaux de bord offrant une expérience utilisateur de haute qualité.
comment obtenir des informations de carte de crédit
• • •
Lectures complémentaires sur le blog ApeeScape Design:
- Conception de tableau de bord - Considérations et bonnes pratiques
- Visualisation des données - Meilleures pratiques et fondations
- Inspirez-vous de ces visualisations de données
- Améliorez vos analyses avec ces inspirations de conception de tableau de bord
- Conception et interactions du tableau de bord mobile - Un didacticiel Flinto
Comprendre les bases
Qu'est-ce que Dashboard UX?
Dashboard UX englobe les principes d'une bonne conception UX pour offrir une expérience utilisateur supérieure, comme montrer des informations et pas seulement des données, concevoir pour l'utilisateur, suivre des principes de conception sonore, montrer la vérité dans les données et avoir un rapport données-encre élevé.
Qu'est-ce que la visualisation des données et pourquoi est-elle si importante?
La visualisation des données est la représentation graphique d'informations et de données. Il peut être représenté sous la forme d'un graphique, d'un diagramme, d'une image, etc. En utilisant ces éléments, la visualisation des données peut fournir une meilleure façon de voir et de comprendre les tendances, les valeurs aberrantes et les modèles.
Comment la visualisation des données aide-t-elle?
La visualisation des données aide les utilisateurs à identifier les tendances et les modèles dans les données. Sa force réside dans la représentation graphique, qui permet aux gens de mieux comprendre des quantités d'informations complexes et parfois volumineuses.
Qu'est-ce qu'une conception de tableau de bord?
La conception du tableau de bord est la capacité de compiler et d'afficher des données / informations cruciales dans un seul espace visible. Il suit les principes de conception UX et les meilleures pratiques en matière de visualisation des données, et il est organisé pour que les utilisateurs puissent naviguer directement vers divers domaines qui nécessitent le plus d'attention.
Comment créer un bon tableau de bord?
Une bonne conception de tableau de bord suit les meilleures pratiques, normes et conventions bien établies en matière de visualisation des données. Ils ont un but et présentent les données de manière claire et cohérente. De bonnes mises en page de conception de tableau de bord se déroulent naturellement de gauche à droite, utilisent de larges marges et un rembourrage, et affichent la bonne quantité d'informations.
