Aller directement à la fin des métadonnées
Aller au début des métadonnées

Vous regardez une version antérieure (v. /wiki/spaces/DDS/pages/10748231733/Graphique) de cette page.

afficher les différences View Version History

« Afficher la version précédente Vous regardez la version actuelle de cette page. (v. 28) afficher la version suivante »

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 pour…

Usage

Type de graphique

Illustration

Pour informer

Métrique (LIK)

-

Pour comparer des valeurs indépendantes

Diagramme à barres ou histogramme

Pour comparer les compositions de plusieurs valeurs

Diagramme à barres ou histogramme empilé

Pour comparer les valeurs d’un tout (composition, répartition)

Graphique en secteurs : donut et pie chart

Pour montrer une évolution continue dans le temps

Graphique en courbes

Diagramme à barres ou histogramme

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 (OFs, 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 ?

  • Aucune étiquette