Dans de nombreuses situations, la présentation de données dans un format attrayant et facile à assimiler peut offrir de nombreux avantages. Les widgets graphiques pour WordPress vous permettent de transformer des chiffres bruts et des statistiques en une présentation visuelle et informative attrayante. Le plus souvent, ces widgets se présentent sous la forme d’une extension qui vous permet de travailler avec ces données au sein de WordPress.
Dans cet article, nous allons explorer les widgets graphiques pour WordPress, y compris les différents types que vous pouvez utiliser, les situations dans lesquelles vous les utiliserez, et bien d’autres choses encore. Dans la seconde partie de l’article, nous présenterons quelques extensions qui peuvent vous aider à mettre en œuvre des widgets graphiques, puis nous vous montrerons comment en utiliser une pour vos propres besoins.
Comprendre les widgets graphiques dans WordPress
Les sites web (y compris ceux qui utilisent WordPress) utilisent deux types de widgets : les widgets graphiques et les widgets textuels. Les widgets textuels classiques peuvent être captivants, mais les widgets graphiques affichent les informations dans un format plus attrayant.
Ces widgets comportent des composants dynamiques qui utilisent différentes représentations visuelles, telles que des tableaux, des graphiques, des cartes et des barres de progression, pour transmettre des informations complexes d’un seul coup d’œil. Cela peut vous aider à mieux communiquer avec vos lecteurs, ce qui leur permet de comprendre et d’interpréter rapidement vos données. Cela peut également améliorer l’engagement et la fidélisation des utilisateurs.
Bien qu’il existe différentes façons de présenter vos données, les widgets graphiques ont quelques éléments en commun :
- Ils affichent les données de manière dynamique.
- Vous pourrez proposer des éléments interactifs pour aider les utilisateurs à « creuser » dans vos données.
- Quel que soit le design de votre site, vous pourrez personnaliser vos widgets en conséquence.
- Dans de nombreux cas, vous pourrez proposer des mises à jour en temps réel des données que vous présentez.
Cependant, les widgets graphiques ne servent pas uniquement à ajouter une touche visuelle à votre site. Ils jouent un rôle important dans la visualisation et l’interaction avec vos données brutes.
Pourquoi les widgets graphiques peuvent-ils aider votre présentation de données sur site ?
L’utilisation de graphiques pour transmettre un message présente de nombreux avantages. Dans l’ensemble, le contenu visuel est un élément important du marketing en ligne.
Pour vous et vos données, il y a beaucoup d’autres points positifs à noter :
- Amélioration de la visualisation des données. Les ensembles de données complexes peuvent être plus accessibles, permettant aux utilisateurs de saisir rapidement les tendances et les modèles. Ils peuvent également simplifier la manière dont vous diffusez l’information en utilisant des formats visuels polyvalents, adaptables et digestes.
- Amélioration de l’engagement des utilisateurs. Les éléments interactifs donnent aux utilisateurs la possibilité d’augmenter le temps qu’ils passent sur le site et d’améliorer les indicateurs d’engagement globaux.
- Esthétique professionnelle. Si vous choisissez la bonne conception, les widgets peuvent rehausser l’attrait visuel de votre site. Cet aspect poli et professionnel peut donner un avantage à votre présentation de données.
Dans tous les domaines, l’information visuelle a souvent l’avantage sur le texte, ce qui signifie que vous pouvez présenter des points de données clés d’une manière qui les rendra plus percutants C’est pourquoi il est primordial de les utiliser correctement sur votre site.
Quand utiliser les widgets graphiques sur votre site WordPress ?
L’excès d’une bonne chose devient répétitif et saturant. Cela signifie que vous devez utiliser les widgets graphiques avec soin et attention.
La bonne nouvelle, c’est qu’il existe de nombreuses situations dans lesquelles vous pouvez utiliser des widgets graphiques. Le moment le plus évident pour sortir les graphiques est lorsque vous devez simplifier des concepts complexes pour votre lectorat. Il existe toutefois d’autres cas de figure :
- Présenter des ensembles de données complexes, lorsque vous devez mettre en évidence de grandes quantités de données ou des relations complexes entre des points de données.
- La mise en évidence de tendances dans le temps et l’affichage de changements ou de modèles dans les données sur différentes périodes. Vous pouvez même représenter des objectifs, des étapes ou des mesures de croissance.
- Comparer plusieurs variables pour illustrer les relations ou les différences entre diverses catégories de données.
- Présenter des données géographiques pour des lieux spécifiques ou lorsque vos données nécessitent un contexte spatial.
Vous pouvez même utiliser des widgets graphiques lorsque vous avez besoin de l’interaction de l’utilisateur, par exemple pour des rapports dynamiques ou d’autres tableaux de bord. L’essentiel est de décider si l’affichage visuel de vos données améliorera leur compréhension et leur engagement par rapport à d’autres approches.
En bref, si le format visuel apporte de la valeur et de la clarté à vos données, il est probable qu’il conviendra à un widget graphique.
Les différents types de widgets graphiques pour WordPress
La visualisation des données elle-même se présente sous différentes formes, et chaque type d’affichage répond à des besoins différents en matière de données et de présentation. Nous n’entrerons pas ici dans les détails de chaque manière dont vous pouvez présenter vos données, bien qu’il y ait quelques options typiques et remarquables à noter.
Les diagrammes et graphiques classiques, tels que les diagrammes à barres, les diagrammes circulaires, les diagrammes linéaires et les diagrammes de surface, constituent toujours un bon choix pour la visualisation des données. Ce sont des éléments essentiels de l’approche :
Les diagrammes de dispersion sont un peu plus complexes, mais ils vous permettent de montrer la relation entre deux variables :
Les cartes peuvent se présenter sous différentes formes. Les cartes thermiques sont utilisées dans des cas particuliers, mais elles utilisent des dégradés de couleur pour afficher l’intensité des ensembles de données. Une carte du monde interactive peut être utile lorsque vous avez besoin d’une interactivité basée sur les lieux :
Les compteurs et les barres de progression sont plutôt destinés aux réalisations importantes. Dans ce cas, vous vous tournerez vers des compteurs de nombres qui utilisent le comptage dynamique jusqu’à une valeur finale. Les barres de progression circulaires permettent de mettre en évidence les pourcentages d’achèvement. Vous pouvez également utiliser une barre linéaire horizontale ou verticale :
Même les galeries d’images, les visionneuses et les diaporamas peuvent vous aider à présenter vos données sous forme de diapositives multiples, avec des superpositions, ou presque comme une histoire. C’est là que les visualisations de la chronologie peuvent entrer en jeu, tout comme les flux de processus. Un type de visualisation de données que vous verrez souvent sur les sites de tutoriels de photographie est la « comparaison avant/après »
Cela vous permet de comparer deux versions d’une image à l’aide d’un diaporama dynamique qui glisse sur l’image, révélant l’autre. Ce type de visualisation n’est peut-être pas très utilisé dans vos cas d’utilisation, mais n’oubliez pas qu’il existe une application idéale pour chaque type de visualisation.
Où utiliser les widgets graphiques (avec des exemples)
Le type de visualisation que vous utilisez est important, mais la manière dont vous l’utilisez (et l’endroit où vous l’utilisez) l’est tout autant. En d’autres termes, il existe différentes applications pour lesquelles l’utilisation de widgets graphiques présente un grand avantage.
Vous constaterez qu’en dehors des cas d’utilisation typiques, il existe également des applications que vous voyez souvent mais que vous n’associez pas à la visualisation de données. Dans les prochaines sections, nous aborderons quelques-unes de ces utilisations.
Applications professionnelles
L’une des applications les plus courantes des widgets graphiques est la présentation de vos indicateurs clés. Pour les entreprises, il s’agit d’un gain évident en termes de présentation de leurs données d’une manière attrayante. Un diagramme à barres est facile à lire avec les bonnes valeurs d’axe et permet de visualiser les tendances des ventes dans le temps ou de comparer différents produits ou services.
Target fait partie des millions d’entreprises qui utilisent ce type de graphique pour présenter la croissance annuelle de leur chiffre d’affaires :
Cela montre également comment ces présentations simples peuvent illustrer la relation entre différentes mesures, telles que le cout d’acquisition des clients ou la valeur de la durée de vie. Les diagrammes à barres empilées peuvent également présenter ce type de comparaison. WordPress utilise cette approche dans le répertoire des extensions pour afficher la répartition de la version d’une extension installée par les utilisateurs :
Les diagrammes circulaires et les diagrammes en forme de beignet sont très utiles lorsqu’une entreprise souhaite présenter des données sur sa clientèle. Souvent, celle-ci sera segmentée par âge, par lieu ou par un autre facteur pertinent. Elementor utilise une visualisation de particules cool et unique pour mettre en évidence ses plus grandes bases d’utilisateurs :
Dans d’autres cas, vous pouvez choisir de montrer les étapes importantes de votre entreprise ou la progression d’un projet. Flourish utilise une ligne du temps pour présenter son histoire, ce qui peut avoir un impact sur la fidélité à la marque :
En fait, le commerce électronique fonctionne parallèlement aux applications commerciales générales, de sorte que tout ce qui précède peut également s’appliquer à un magasin. Néanmoins, il existe des méthodes spécifiques de visualisation des données dans ce secteur.
Mesures du commerce électronique
Les décisions d’achat ne nécessitent souvent que quelques secondes de réflexion. Il est donc essentiel de fournir rapidement les bonnes informations aux clients. Les comparaisons de produits à l’aide de diagrammes à barres ou de diagrammes en radar vous aident à comparer les caractéristiques ou les spécifications de différents produits, mais ce n’est qu’un début.
Par exemple, SRFACE utilise un guide de style interactif pour expliquer les spécifications de ses combinaisons de plongée et visualiser l’aspect de chaque variante :
Cela se rapproche d’une application commerciale, mais vous pouvez également utiliser des tableaux et des graphiques pour aider les visiteurs à comprendre les tendances en matière d’adoption de produits. Le répertoire des thèmes WordPress le fait en utilisant des diagrammes à barres :
Vous pouvez placer des widgets graphiques là où vous utiliseriez du texte. Par exemple, de nombreuses boutiques de commerce électronique utilisent un texte simple et contrasté pour calculer les stocks. Cependant, les barres de progression pourraient être mieux adaptées ici, car elles pourraient également renforcer l’urgence d’une vente.
Suivi des mesures en temps réel
Les visualisations en temps réel sont très intéressantes car elles permettent de voir la progression en temps réel de l’indicateur suivi. Les organisations caritatives et à but non lucratif utilisent fréquemment ce type de widgets graphiques.
GoFundMe est la plus grande plateforme de crowdfunding de la planète, et chaque collecteur de fonds dispose d’un thermomètre ou d’une barre de suivi de la progression qui se remplit à l’approche d’un objectif :
Des compteurs animés ou des infographies peuvent aider à montrer l’impact en temps réel de vos produits et services. Par exemple, le site principal WordPress.org dispose d’une page dédiée qui affiche le nombre de téléchargements de la plateforme principale, mise à jour toutes les minutes :
Kinsta utilise même un tableau pour vous aider à surveiller le temps de fonctionnement de votre site à travers nos différents services :
Cette stratégie de mise à jour « en direct » peut avoir des applications pratiques autres que faire de l’esbroufe. Dans certains cas, vous aurez besoin d’une connaissance actualisée de certaines mesures.
Analyses internes
Le contrôle des performances a un large champ d’application. Il peut s’agir d’une stratégie de mesure des indicateurs clés de performance en première ligne ou d’une vue d’ensemble personnalisée d’un indicateur particulier. Google Analytics est un bon exemple de présentation captivante d’une multitude de données relatives à un site de niche :
DeploymentHawk, l’application d’audit de Google Lighthouse, utilise un certain nombre de diagrammes, de graphiques, de compteurs et autres pour analyser les chiffres et visualiser les résultats d’un rapport :
L’outil Application Performance Monitoring (APM) de Kinsta et le tableau de bord MyKinsta font de même, en utilisant de nombreux types de visualisation de données différents en fonction des mesures que vous souhaitez voir :
La gamification peut toujours vous aider si vous avez des objectifs à atteindre. Todoist le fait en utilisant des diagrammes à barres et des diagrammes linéaires, ainsi que son système de points « karma » :
Enfin, certaines organisations à but non lucratif publient leurs résultats internes. Cela crée une dichotomie unique entre la présentation au public et l’utilisation des données comme baromètre interne. Par exemple, la Fondation Gates prend sa philosophie et sa vision internes, les applique à l’avenir et crée ainsi un excellent exemple de statistiques prédictives :
Grâce à cette flexibilité dans le type de visualisation et l’application, vous pouvez également exploiter la capacité d’adaptation des widgets graphiques. La suite de cet article vous montrera comment le faire avec WordPress.
Plugins qui vous aident à afficher des widgets graphiques pour WordPress
Bien sûr, pour mettre en œuvre des widgets graphiques sur WordPress, vous utiliserez une extension. Dans les deux sections suivantes, nous allons examiner quelques-unes des meilleures options qui s’offrent à vous – sans ordre particulier.
1. Visualizer : Tableaux et graphiques
Visualizer de ThemeIsle est un choix solide pour les extensions de widgets graphiques gratuites. Elle prend en charge une variété de types de graphiques et est simple à utiliser, comme le sont ses autres thèmes et extensions.
Il propose quatre types de graphiques différents, un éditeur de données avec une interface de type feuille de calcul et de nombreuses options de personnalisation. L’extension s’intègre également à Google Charts (et à d’autres API de Google). Cependant, bien que cette extension dispose de toutes les fonctionnalités, vous devez payer pour la version premium (199 $ par an) pour accéder à plus de types de graphiques et d’édition.
La version gratuite conviendra toutefois à la plupart des utilisateurs, en particulier pour une visualisation de données basique mais magnifique.
2. Data Tables Generator par Supsystic
À première vue, Data Tables Generator ne semble pas avoir sa place dans cette liste d’extensions de widgets graphiques pour WordPress. Après tout, comme son nom l’indique, vous ne pouvez créer que des tableaux de données textuels. C’est vrai pour la version gratuite, mais l’édition premium inclut beaucoup plus de fonctionnalités, y compris des diagrammes et des graphiques.
La bonne nouvelle, c’est que vos créations peuvent être fantastiques dès leur sortie de la boite. Vous disposez de toutes sortes d’options de visualisation, telles que les diagrammes à barres et linéaires, les diagrammes en forme de beignet, les graphiques à bulles, et bien plus encore. Nous pensons également que les options de tri et de filtrage sont les plus performantes.
Cela signifie que l’extension conviendra parfaitement aux sites qui ont besoin d’un haut niveau d’interactivité, en particulier s’ils ont également besoin de tableaux de données et de représentations de données plus visuelles.
Malgré cela, il n’y a pas de diagrammes ou de graphiques disponibles dans la version gratuite. Avec une licence à vie coutant 89 $, Data Tables Generator est une bonne affaire pour la fonctionnalité que vous obtenez.
3. amCharts : Graphiques et cartes
L’extension amCharts est unique en ce sens qu’elle se connecte à un réseau de diffusion de contenu (CDN) externe pour fournir sa bibliothèque. En tant que telle, l’extension vous aide seulement à connecter les bibliothèques JavaScript à WordPress plutôt que de créer les graphiques directement.
Les fonctionnalités d’amCharts sont étendues et offrent un haut niveau de personnalisation. Cependant, vous devez utiliser l’interface d’amCharts pour créer vos widgets graphiques, ce qui implique de passer d’une plateforme à l’autre.
Si vous avez besoin d’un ensemble varié de types de graphiques et que vous êtes satisfait de l’interface d’un tiers, amCharts pourrait vous convenir. Cependant, il n’y a pas de niveau gratuit pour accéder aux diagrammes ou aux graphiques, vous aurez donc besoin d’une licence premium à partir de 80 $ par an.
4. Graphina – Tableaux et graphiques Elementor
Si vous utilisez Elementor, vous disposez déjà de quelques options de widgets graphiques dans le constructeur de pages. Cependant, Graphina renforce ces options avec de nombreux tableaux, graphiques et autres types de visualisation de qualité.
Cette extension possède le plus grand nombre de types de graphiques et de designs dans une extension de widget graphique gratuite et a une intégration profonde avec Elementor et Divi. Vous disposez également d’options de personnalisation parmi les plus complètes disponibles dans n’importe quelle extension, et encore plus dans une extension gratuit.
Cela semble incroyable, mais la version premium augmente encore les fonctionnalités pour faire de Graphina l’extension de widget graphique la plus complète pour WordPress. Bien sûr, vous aurez besoin d’Elementor (ou Divi) pour profiter de l’ensemble des fonctionnalités, ce qui pourrait être un obstacle. Pour 49 $, cependant, cela peut valoir la peine de passer à l’un de ces constructeurs de pages populaires.
5. wpDataTables
Tout comme Data Tables Generator, wpDataTables ne se concentre pas sur les diagrammes et les graphiques. Vous pouvez cependant le faire avec l’extension, et les résultats sont de qualité. Les sites qui traitent de grands ensembles de données complexes voudront jeter un coup d’œil à cette extension.
Comme vous pouvez vous y attendre, il y a plus d’options pour créer des tableaux ici, mais il y a une intégration avec Google Charts et Charts.js pour vous donner 15 types de visualisation différents. Il est capable de gérer de grands ensembles de données et les options d’importation de sources sont fantastiques. Vous pouvez importer des données à partir d’Excel, de XML, de fichiers CSV, de JSON et même de tableaux PHP si vous avez de l’expérience en développement.
Cependant, en raison de l’accent mis sur les graphiques, il n’est pas aussi simple de les construire avec wpDataTables. Cette courbe d’apprentissage, en plus de la quantité de fonctionnalités cachées derrière l’édition premium (à partir de 39 $ par an), pourrait vous amener à regarder ailleurs.
6. Ninja Charts
La dernière extension de notre liste est entièrement gratuit, sans aucun niveau de prix premium. Ninja Charts pourrait être la bonne solution si vous êtes novice en matière de visualisation de données, mais il offre les fonctionnalités nécessaires pour rivaliser avec les meilleurs.
Il offre une grande sélection de types de graphiques et vous donne la possibilité de les personnaliser en fonction de vos besoins. L’interface est simple, et il offre une intégration profonde avec une autre extension du même développeur, Ninja Tables.
Malgré cela, il y a des limites. D’autres utilisateurs se plaignent du manque de fonctionnalités de base, comme l’agrégation de données, par exemple. Vous ne pouvez pas battre le prix, cependant, et nous croyons toujours qu’il peut convenir à de nombreux sites différents avec ce qu’il offre.
Comment ajouter des widgets graphiques pour WordPress en utilisant le plugin Visualizer
Passons rapidement en revue le processus d’ajout d’un widget graphique à votre site Web WordPress. Nous utiliserons Visualizer, car nous l’avons suffisamment apprécié pour en faire notre favori.
Cependant, il ne s’agit pas d’un tutoriel sur Visualizer. Par conséquent, les étapes que nous suivons ici peuvent différer de celles de la solution que vous avez choisie. Dans cette optique, installez et activez l’extension de votre choix, puis créez un nouveau diagramme ou graphique.
Dans Visualizer, cette option est disponible dès l’installation :
Très probablement, il y aura un bouton Ajouter un nouveau graphique quelque part dans le panneau d’administration de l’extension :
Une fois que vous aurez cliqué sur le bouton et sélectionné votre type de graphique, vous devrez saisir vos données. La version gratuite de Visualizer ne prend en charge que l’édition manuelle, mais votre extension pourrait offrir des intégrations et des options d’importation pour une variété d’outils :
Ensuite, vérifiez les options de personnalisation dont vous disposez. Visualizer les inclut dans l’écran de création du graphique. Vous disposez de paramètres pour toutes sortes d’aspects, tels que la position du titre, les étiquettes des axes, les lignes de la grille, la taille et l’emplacement du graphique, et bien d’autres choses encore :
L’étape finale consiste à intégrer votre graphique sur votre site. De nombreuses extensions utilisent des codes courts à cet effet, ce qui signifie qu’il vous suffit de copier et de coller le graphique dans l’article ou la page de votre choix :
Visualizer fournit également un bloc pour cela, ce qui est pratique et conforme à la conception moderne de WordPress.
Pratiques typiques pour l’affichage de vos widgets graphiques
Il est important de prendre en compte quelques aspects lors de la présentation de vos diagrammes et graphiques. En bref, traitez-les comme le contenu important et percutant qu’ils sont, et cherchez à limiter le nombre de widgets que vous affichez. Pour aller plus loin, considérez les points suivants :
- L’emplacement. Vos widgets doivent s’intégrer naturellement dans le flux de votre contenu, tout comme vos images et vos vidéos. Les widgets graphiques se situent souvent à cheval entre les médias et le contenu.
- Vitesse de chargement. Veillez à surveiller les performances de votre site après avoir ajouté des widgets. Certains d’entre eux peuvent avoir un impact sur les performances de votre site.
- Accessibilité. Même si vous proposez des données visuelles, veillez à inclure un texte alt approprié et à permettre la navigation à l’aide d’un clavier. Cela permet à tous les utilisateurs d’accéder à vos widgets, quel que soit leur niveau de vue.
En ce qui concerne les performances, il convient d’être attentif à cet aspect. De nombreuses facettes peuvent affecter la vitesse de votre site, ce qui est logique étant donné la charge de vos graphiques supplémentaires. Nous vous conseillons d’utiliser des SVG dans la mesure du possible. Ils sont plus performants que les images matricielles pour les graphiques et les icônes simples, et offrent une meilleure évolutivité.
Le chargement différé et la mise en cache peuvent également s’avérer utiles, car ils limitent tous deux le chargement de vos graphiques de différentes manières. Si vous décidez d’extraire des données de sources externes, veillez à choisir des connexions efficaces afin de minimiser le nombre de requêtes HTTP que vous envoyez. L’approche la meilleure et la plus optimale consiste à héberger ces données sur le serveur de votre site, même si vous n’avez pas forcément le contrôle sur cette décision.
Résumé
Les widgets graphiques pour WordPress vous permettent de visualiser vos données textuelles typiques sur votre site. Cette méthode de présentation et de visualisation des données peut transformer des informations complexes en un format plus digeste. Vous pouvez afficher ces données à l’aide de tableaux, de graphiques, de cartes interactives, etc.
Il est essentiel de choisir le bon plugin pour cette tâche, et nous en couvrons un grand nombre dans cet article. Visualizer est une excellente option, tout comme Graphina. Cependant, le choix de l’outil adéquat dépend de vos propres besoins. Il peut sans aucun doute avoir un impact positif énorme sur votre site et son engagement.
Les widgets graphiques pour WordPress sont-ils suffisamment importants pour que vous les mettiez en œuvre ? Nous serions ravis de connaitre votre avis dans la section des commentaires ci-dessous !
Laisser un commentaire