Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

Sujets d’amélioration des graphiques : déselection des données dans les donut, 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.

...

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

...

  • La valeur doit s’afficher au rollover sur la partie graphique

  • Intéressant de mettre aussi le contenu de la légende au hover ?

Donut

...

Anatomie

...

Usage

Peut être utilisé pour représenter une répartition de données par rapport à un total en pourcentage, en montant ou en nombre par exemple.

Utilser le donut pour tracer une ou plusieurs séries de données.

Remarque

Points d’attention :

  • Aucune des valeurs à tracer n’est négative.

  • Aucune des valeurs à tracer n’est égale à zéro (0)

  • Ne pas mettre plus de 7 catégories par série de données

  • Les catégories représentent des parties de l’ensemble de chaque anneau du graphique en anneau

Exemples :

  • Répartition des commandes par client

  • Répartition des factures par statut (payé totalement, partiellement, impayée)

  • Répartition des évènements CRM par famille

  • OF par statut

Avertissement

Ne peut pas être utilisé pour représenter :

  • un top 5 ou un top 10

...

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

...

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

...