Sujets d’amélioration des graphiques : déselection des données dans les donuts, 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.
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 … ?
Usage | Graphique | Illustration |
|---|---|---|
Pour informer | - | |
Pour comparer des valeurs indépendantes | Diagramme à barres Histogramme |  |
Pour comparer les compositions de plusieurs valeurs | Diagramme à barres empilées Histogramme empilée |  |
Pour comparer les valeurs d’un tout (composition, répartition) |  | |
Pour montrer une évolution dans le temps continu dans le temps |  | |
Histogramme Histogramme empilé |
Bonnes pratiques pour tous les graphiques
Titre
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.
Dans le cas où pour la légende, il est plus pertinent d’indiquer code + libellé (exemple : comptes comptable), afficher code - libellé.
Exemple : 60600000 - Achats non stockés de matières et fourn.
Données entre parenthèse dans la légende ?
Hover
La valeur doit s’afficher au rollover sur la partie graphique
Intéressant de mettre aussi le contenu de la légende au hover ?