Alternatives aux camemberts dans un tableau
Nous avons une application où nous voulons afficher des parties de données dans un tableau avec plusieurs lignes. La conception actuelle de la table comporte un petit nombre de lignes (4-8). Chacun contient du texte et des chiffres ainsi qu'un graphique à secteurs.
Le graphique à secteurs peut comporter jusqu'à 8 sections, représentant la fraction des 20 dernières minutes pendant lesquelles cette ligne a été dans l'un des 8 états possibles. (Si un état ne s'est pas produit, nous ne montrons pas cette tranche).
La plupart des utilisateurs n'ont pas besoin de connaître les nombres exact, mais veulent avoir une idée globale de "généralement en bon état X" ou "wow, passer trop de temps en mauvais état Y". Pour les utilisateurs qui veulent de la précision, une infobulle riche affiche les détails.
L'un de ces états est "bon" (et est vert); les sept autres sont différentes variétés de "mauvais", dont certains sont "mauvais mais si vous attendez, ça ira mieux" et certains sont "mauvais et vous ne pouvez rien y faire". Un trop grand nombre d'entre eux indique "mauvais et vous devez demander à un administrateur de vous aider".
Je recherche des alternatives au graphique à secteurs. Cela ne fonctionne pas pour les tranches étroites (les utilisateurs ont tendance à les ignorer), et avec 8 couleurs, les utilisateurs sont souvent confus quant à la signification de chacun d'eux.
Contraintes:
- Changer le format du tableau lui-même n'est pas une option, c'est-à-dire que ces choses devraient toujours être en lignes.
- Ceci est basé sur le Web, nous avons donc accès aux widgets de création de graphiques, mais d'autres recommandations sont les bienvenues.
- Animation/flashing == mauvais.
- L'immobilier de criblage est à une prime; nous ne voulons pas en avoir plus grand. Nous avons une petite flexibilité latérale, peut-être 3 à 4 fois plus large si cela a vraiment ajouté de la valeur.
- Cela fait partie d'un tableau de bord compliqué, nous voulons donc éviter une surcharge complète d'informations, mais les utilisateurs sont prêts à supporter une certaine complexité pour avoir une bonne connaissance de la situation.
Quelle est la bonne façon de présenter ces données?
Si vous êtes prêt à échanger des "parties d'un tout" contre des "tranches" étroites, vous pouvez utiliser des diagrammes à barres verticales avec une échelle logarithmique.
Voici à quoi pourrait ressembler un tel diagramme (au lieu de petites boîtes empilées représentant les éléments individuels, des barres habituelles peuvent également être utilisées):
Je pense que cette représentation offre également d'autres avantages:
- Vous pouvez ordonner les barres en fonction de la gravité (ou en appliquant une forme de regroupement sémantique).
- Il devient plus facile de comparer différentes entrées car la barre d'un état particulier a une position fixe - ce n'est pas seulement la couleur qui discerne les états.
- Vous pouvez ajouter des en-têtes de colonne, au moins pour les groupes d'états.
Je pense qu'une meilleure façon serait un graphique à barres empilées. Ce serait une barre, donc la hauteur de la ligne n'aurait pas d'importance, et elle serait divisée en couleurs de la même manière.
Chaque couleur doit occuper n'importe quel% de la barre, et elles doivent être disposées dans l'ordre afin que les plus petites soient d'un côté et les plus grandes de l'autre.
Vous devez ajouter un état de vol stationnaire (comme vous l'avez fait dans votre exemple) montrant les pourcentages et les étiquettes pour chaque pièce sur les informations affichées. Une bonne technique, si vos données sont organisées de cette manière, consiste à colorer les "mauvaises" choses en rouge et les "bonnes" choses en vert, ce qui est encore plus clair lors de la numérisation du tableau.