Comparaison de pages

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.

...

Quel est le meilleur graphique à utiliser pour…

Graphique combiné (courbe / histogramme)

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)	Secteur : donut et pie chart
Pour montrer une évolution continue dans le temps	Courbes
	Diagramme à barres ou histogramme

...

Bonnes pratiques pour tous les graphiques

Cohérence du type de graphique utilisé et de la manière dont il est utilisé (couleurs, titre, …) entre les différentes vues.

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é.

• 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 ?

Contenu de graphique

• couleurs de la charte

• couleurs cohérente d’une vue à l’autre (exemple si je fais un graph sur un chiffre d’affaire sur la fiche client, avoir une couleur identique sur l’interface d’accueilà