Les données et le contexte ont été changés pour éviter tout partage d’information confidentielle.
Aujourd’hui, je vous partage un cas pratique relativement simple mais qui m’est demandé souvent. Mes clients souhaitent avoir un récapitulatif visuel du revenu généré par catégorie de produit (notamment via le trafic organique).
Dans le cas que je vous partage, nous avons 5 catégories de produits avec leur revenu associé comme le montre le tableau ci-dessous :

Je souhaite comparer un même type de valeurs entre différents items, sans montrer une évolution dans le temps. Un graphique en barres (bar charts) me semble adapté. Voici ce qu’Excel me génère lorsque je choisis ce type de charte :

Barres horizontales ou verticales ?
Avant de poursuivre, j’ai volontairement choisi l’affichage en barres verticales car je n’ai pas beaucoup de catégories à comparer. Cela étant dit, nous verrons un peu plus tard dans cet article pourquoi je préfère au final l’affichage de barres horizontales même si les 2 se valent dans le cas présent.
Etape 1 : élimination du bruit, peaufinage des barres et intégration de mon code couleur
Comme d’habitude, je commence par faire le ménage sur ce qui est affiché afin d’améliorer la visibiliter de la charte. Pour cela, je retire les lignes à l’arrière plan, je change de couleur pour un bleu plus fort et j’augmente la largeur de mes barres. Je supprime aussi le titre.

Gardez en tête que la largeur des barres doit être un peu plus large que l’espace qui les sépare. Ce n’est pas une règle absolue mais je trouve que ça renforce la pertinence du visuel. Voilà ce qui peut arrive dans le cas contraire :

Etape 2 : ajout des légendes
Etape évidente mais ô combien essentielle pour votre audience : l’ajout des légendes sur les 2 axes. Dans le cas présent, j’ai préféré ajouter les 2 légendes sur les 2 axes pour éviter tout doute sur les informations présentées.
J’en profite aussi pour ajouter la valeur de chaque colonne à leur extrémité extérieure. Vu que j’arrondis à 2 décimales après la virgule, le revenu du tabasco est de 300,00 d’où le retrait des décimales pour cette valeur.

Etape 3 : intégration du contexte
Une charte ne se suffit pas à elle seule. Intégrer du contexte est crucial pour rendre la charte utile et aider l’audience à comprendre la situation et les pousser vers les décisions suggérées. J’ai ajouté un titre à ma charte ainsi que des éléments clés qui peuvent expliquer cette nouvelle segmentation du revenu par catégorie de produit.

Etape 4 (optionnelle) : se décider entre 2 chartes
Cette phase est optionnelle mais je recommande de s’y attarder, notamment si vous faites un graphe complexe. Il m’arrive d’hésiter entre 2 chartes, bien que ce que je souhaite démontrer soit clair dans ma tête.
Ma première réaction peut être de regarder ce qui s’est fait dans le monde dans un cas similaire mais cela peut prendre du temps. Le plus simple est généralement de demander à un ou 2 collègues quelle charte il/elle choisirait, sachant que je retire le contexte avant de leur montrer.
Cela paraît simple mais avoir un avis extérieur de la part d’une personne qui pourrait être l’un des participant de votre audience est très pratique. C’est pour ça que je vous partage l’autre charte qui a suscité plus d’enthousiasme.

Les 2 chartes sont valables dans notre cas. Mais le fait de voir que la 2ème à laquelle je pensais semble avoir rencontré plus de succès auprès de mes collègues m’a aidé à choisir.

Arnaud Mangasaryan est chef d’équipe SEO / Webanalytics chez Vistaprint et auteur / partageur d’expérience sur Histoire de Data.