Sujets d’amélioration des graphiques : déselection des données dans les donutdonuts, est-ce que c’est pertinent ? / étiquette des données dans les graphs)
Les graphiques permettent de représenter des données de manière visuelle. Le choix du type de graphique est important, car il détermine la qualité de restitution des données. Il faut que le type de graphique restitue les infos de la manière la plus pertinente et lisible pour l’utilisateur.
| Remarque |
|---|
La liste de widget graphique n’est pas exaustive. Dans le cas où les capacités disponibles ne répondent pas totalement à vos besoins, il est possible de voir avec l’équipe UX et plateforme One, ce qu’il est possible de faire (mise à disposition d’un nouveau composant, évolution d’un composant existant). |
Quel est le meilleur graphique à utiliser
...
… ?
Graphique | Avantage | Inconvénient |
|---|---|---|
L’avantage de cette stratégie est qu’elle va droit au but – il n’y a pas de place pour une mauvaise interprétation. | Parfois, un seul chiffre, sans contexte, peut ne pas sembler très significatif. | |
Pour informer
Pour comparer des données
Informations transverses (qui concernent tous les graphiques)
...
Ne pas mentionner le type de graphique : ex : “camembert”, “graphique”
Eviter les abréviations, exceptées les abréviations officielles connues (type HT, TTC, TVA, BL, OF,…)
Lorsque des abréviations sont utilisées, les écrire en majuscule.
Ne pas mettre des abréviations au pluriel (OF
s, BLs)Eviter les titres trop longs (maximum 5/6 mots)
Donnée temporelle entre parenthèse dans le titre (temporaire)
Légende
Afficher les libellés plutôt que les codes, sauf s’il est plus pertinent d'afficher les codes.
...
La valeur doit s’afficher au rollover sur la partie graphique
Intéressant de mettre aussi le contenu de la légende au hover ?
Pie chart
est-ce qu’on a cette capacité de créer des pie chart ? (voir avec plateforme - Lisa)
On pousse plutôt l’usage du Donut côté UX
PIE CHART VS DONUT ?
le plus des donuts : mettre plusieurs séries /
Histogramme / bar chart
...
Anatomie
IMAGE A METTRE
Usage
Ils peuvent montrer les changements dans le temps, illustrer les valeurs qui ont le plus augmenté et aider à analyser comment les valeurs se comparent entre elles.
Lorsqu’il y a une temporalité, celle-ci peut être paramétrée en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Exemple
Evolution du nombre de commandes sur 12 mois glissants
Evolution du chiffre d’affaires sur une année
Répartition du stock entre les dépôts
Bar chart empilé
...
Line chart
Peut être utilisé pour représenter une évolution d’atteinte d’objectif dans le temps. La temporalité peut être paramétré en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Exemple 1
Exemple 2
...
Line / Bar chart combiné
Peut être utilisé pour représenter une évolution d’atteinte d’objectif dans le temps. La temporalité peut être paramétré en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Permet de voir l’atteinte des résultats par rapport à un objectif, une moyenne, une donnée spécifique (stock disponible par exemple).
Exemple 1
Exemple 2
...
Radar chart
Peut être utilisé pour représenter une atteinte de résultat à un instant T par rapport à plusieurs critères fixé.
L'échelle peut être fixée librement mais doit restée cohérante.
Notes qualité fournisseur ou client
Exemple 2
...