Voici un nouveau rapport partagé, conçu « juste pour le fun » avec Looker Studio. Cette fois-ci, nous allons parler de visualisation autour de la volatilité des classements et des produits les plus vendus d’un site e-commerce.
Etat d’esprit et inspirations
Comme d’habitude, ce type de rapport est un terrain de jeu pour :
- Répondre à de vrais besoins en matière de visualisation et d’exploration des données
- Repousser les limites de Looker Studio et trouver de nouvelles astuces
- S’éloigner des codes esthétiques habituels des travaux réalisés pour les clients
Ces mêmes clients qui nourrissent aussi nos neurones. Les réflexions que je partage ci-dessous sur la manière de représenter la volatilité des classements pour un public non expert trouvent leur origine dans des échanges avec Yehoshua Coren, dans le cadre de notre travail de projet pour l’un des clients de 🥷 Analytics Ninja, un grand distributeur doté d’une forte présence e-commerce.
Ce projet a donné naissance à une solution très innovante…et par la suite, d’autres idées me sont venues en tête dont celle que je décrit dans cet article.
Certains disent que la donnée est notre carburant. Mon carburant préféré, ce sont les problématiques métier soulevées par les parties prenantes avec qui je travaille, les conversations qu’elles suscitent avec mes amis et pairs, et les solutions qu’elles font émerger.
Mais revenons à notre rapport partagé, conçu juste pour le fun.
Objectif et cas d’usage : Classement et volatilité
Commençons par l’objectif du rapport : il s’agit de représenter l’évolution d’un classement dans le temps et de transmettre la notion de volatilité à tout type de public, à travers un rapport interactif sur Looker Studio, sans nécessiter de connaissances statistiques ou de visualisations complexes.
Le sujet du classement des produits les plus vendus sur un site e-commerce 🛒 était le plus simple à mettre en œuvre pour ce rapport partagé, mais on peut facilement imaginer appliquer la même approche pour suivre la performance de mots-clés stratégiques en acquisition de trafic, ou la fluctuation des classements sportifs. C’est clairement une méthode applicable dans de nombreux contextes.
Design graphique : Comics des années 70 et pop art
Dans ce contexte, pour l’environnement visuel et les choix esthétiques, j’ai voulu créer une ambiance inspirée des vieux comics des années 60 et 70, avec toute l’influence du pop art qui imprégnait notamment les publicités de l’époque.
Place aux couleurs vives ! …mais toujours au service de la lisibilité.
Données de vente de produits e-commerce
Les données affichées proviennent d’un site e-commerce fictif qui vend des machines à voyager dans le temps.
Si vous me suivez, il y a de fortes chances que vous entendiez à nouveau parler de ce site…dans le futur…héhé…dans le futur…
Imaginez donc un catalogue de produits dont les ventes fluctuent au fil du temps, influencées par les tendances, les étoiles filantes et les classiques intemporels…
Pour analyser l’évolution des ventes de ces produits, j’ai choisi d’utiliser une granularité temporelle quotidienne.
Cependant, dans la plupart des cas, il est plus pertinent d’utiliser ce type de visualisation sur des périodes plus longues (semaines, mois, trimestres)… Il suffit simplement d’ajuster l’agrégation temporelle des données.
Une fois le périmètre défini, il ne restait plus qu’à construire le jeu de données à partir d’un modèle conçu pour faciliter la visualisation progressive de chaque produit sur chaque période, en incluant les informations sur le classement précédent et le classement suivant.
Data viz : Entre graphiques à barres et dump chart
Dans ce contexte, j’ai tenté de combiner des graphiques en barres avec un bump chart ou « graphique de classement ».
Le graphique en barres verticales est le type le plus simple pour afficher un classement facile à lire. Le bump chart, moins connu, est quant à lui très efficace pour visualiser les fluctuations sur plusieurs points dans le temps.
– Crédits : DataVizProject.com
Pour cette combinaison, le compromis que j’ai choisi a été de limiter le nombre de périodes afin de permettre une lecture verticale des classements successifs (dans ce cas, 3 périodes), ce qui donne un rendu très visuel. Cela est complété par le lien établi entre un même produit à travers les différentes périodes pour mettre en évidence les évolutions de position, permettant ainsi une lecture horizontale centrée sur son évolution.
Cependant, contrairement à un bump chart, afficher tous les liens en même temps dans cette visualisation personnalisée n’était pas envisageable pour des raisons de lisibilité.
De plus, la sélection dynamique du produit souhaité permet également de guider le lecteur dans une exploration progressive des données.
Et puisque le produit est choisi de manière interactive et sert à tracer les connexions, il est logique d’utiliser également cette information pour enrichir l’expérience visuelle en appliquant la couleur du produit 🎨 afin de mettre en valeur cette dimension et renforcer la cohérence générale de la visualisation de données.
Évidemment, ce type de rapport devrait aussi permettre à l’utilisateur de sélectionner la période à afficher. Encore plus de défis techniques !
Bonus : Commentaires de graphique
Et pour conclure la création de ce rapport Looker Studio, j’aimerais vous présenter Anna et Don.
Ils auraient très bien pu travailler au Daily Planet 🌐, mais heureusement pour nous, ils ont plutôt choisi de commenter le rapport Looker Studio avec quelques données dynamiques. Entre nous, je soupçonne qu’ils font partie de l’équipe commerciale du Time Traveling Store… En tout cas, ce ne sont clairement pas des data analysts…
Ingrédients : Fonctionnalités Looker Studio
Pour construire ce rapport interactif, j’ai du utiliser de nombreuses fonctionnalités de Looker Studio :
- La plupart des types de graphiques : Barres, Lignes, Tableaux, Bulles, Camemberts..
- Variables de résultats de requête pour le commentaire d’Anna et pour les dates au dessus de la visualisation de données
- Paramètres
- Une source de données BigQuery
- Quelques champs calculés et champs de graphique
- …mais aucune combinaison de données
Accès au rappport Looker Studio partagé
Voilà. Il est maintenant temps de voir tous ces éléments et réflexions en action en accédant au rapport partagé.
