Comment faire de beaux graphiques et infographies pour vos sites?

Article écrit par:
  • Articles en vedette
  • Mise à jour: Oct 10, 2019

Avis: _usort_terms_by_ID est obsolète depuis la version 4.7.0! Utilisez wp_list_sort () à la place. dans /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php en ligne 4565

Si Internet est une chose, c'est visuel.

Les gens aiment les informations rapides et facilement accessibles, et les infographies fournissent ce type de visualisation de données. Même les données complexes sont plus faciles à comprendre lorsqu’elles sont combinées avec un graphique à secteurs, un graphique ou une photographie.

Selon une infographie réalisée par les meilleures écoles de marketing, une infographie pourrait potentiellement toucher environ un million de personnes.

Pourquoi infographie?

La société de marketing Bell Pottinger a constaté une augmentation de 55% des budgets d’affaires pour les articles numériques tels que les infographies.

Dans une infographie sur l'infographie, Unbounce indique que le nombre de personnes à la recherche d'infographie a connu une augmentation de 800% au cours des deux dernières années. Avec de telles statistiques, il est difficile de nier que la visualisation de données sous forme d’infographie est une bon contenu / marketing pour les sites Web et les blogs.

Avantage # 1 - Nouveaux visiteurs

L'ajout d'infographies attire les visiteurs du site de plusieurs manières.

  • Recherches Web: Les internautes peuvent effectuer des recherches sur le sujet de votre infographie. Si vous êtes le seul site à avoir une infographie expliquant pourquoi les bleuets vous rendent plus intelligent, vous obtiendrez le trafic de tous ceux qui recherchent une infographie sur ce sujet. Ceux qui recherchent spécifiquement des images peuvent également rencontrer votre infographie.
  • Réseaux sociaux: L’infographie de Top Marketing Schools indiquant qu’une publication traditionnelle traite des tweets 75, alors qu’une infographie utilise presque 600. Étant donné que les personnes sont beaucoup plus susceptibles de partager votre infographie sur Twitter qu'un simple post, votre potentiel pour atteindre de nouveaux visiteurs via les médias sociaux est énorme.

Groupe Nielson / Norman estime que la visite d'une page dure en moyenne moins d'une minute. À moins que vous ne remarquiez l'intérêt du lecteur, celui-ci examinera votre page et passera au site suivant.

Les visiteurs du site ont l'habitude de faire défiler les informations et les actualités. C’est une autre raison pour laquelle les infographies fonctionnent si bien pour capter l’intérêt du lecteur. Une représentation visuelle d'un fait intéressant est un moyen plus rapide de présenter des informations que des paragraphes de texte. Les lecteurs peuvent parcourir rapidement votre infographie, assimiler les informations nécessaires et resteront un peu plus longtemps pour vérifier ce que vous avez à offrir, ou mettre en favori votre site pour une utilisation ultérieure.

Le défi technique de servir des infographies riches en informations

Cependant, il convient également de garder à l’esprit que, si les infographies apportent une valeur ajoutée, les images lourdes qui prennent beaucoup de temps à charger peuvent servir à éloigner les visiteurs. Les recherches effectuées par Pew Internet estiment que le visiteur moyen du site s'attend à ce qu'une page soit chargée en moins de trois secondes. Plus votre site sera chargé rapidement, meilleurs seront vos taux de conversion.

Veiller à ce que votre site offre une expérience visuelle riche tout en chargeant rapidement est un jeu d'équilibre. Le meilleur moyen d'y parvenir est d'utiliser des serveurs rapides et des images optimisées. Vous remarquerez dans notre avis d'hébergement web, nous accordons beaucoup d’importance à la vitesse et effectuons de nombreux tests de vitesse lors de la notation d’un hébergeur.

Avantage # 2- Retenir les visiteurs

Groupe Nielson / Norman estime que la visite d'une page dure en moyenne moins d'une minute. À moins que vous ne remarquiez l'intérêt du lecteur, celui-ci examinera votre page et passera au site suivant.

Les visiteurs du site ont l'habitude de faire défiler les informations et les actualités. C’est une autre raison pour laquelle les infographies fonctionnent si bien pour capter l’intérêt du lecteur. Une représentation visuelle d'un fait intéressant est un moyen plus rapide de présenter des informations que des paragraphes de texte. Les lecteurs peuvent parcourir rapidement votre infographie, assimiler les informations nécessaires et resteront un peu plus longtemps pour vérifier ce que vous avez à offrir, ou mettre en favori votre site pour une utilisation ultérieure.

Cependant, il convient également de garder à l’esprit que, si les infographies apportent une valeur ajoutée, les images lourdes qui prennent beaucoup de temps à charger peuvent servir à éloigner les visiteurs. Les recherches effectuées par Pew Internet estiment que le visiteur moyen du site s'attend à ce qu'une page soit chargée en moins de trois secondes. Plus votre site sera chargé rapidement, meilleurs seront vos taux de conversion.

Il est tout à fait d'acte d'équilibrage pour vous assurer que votre site offre une expérience riche en images tout en chargeant rapidement. Le meilleur moyen d'y parvenir est d'utiliser des serveurs d'hébergement Web rapides et des images optimisées. Vous remarquerez que nous mettons beaucoup d’accent sur la rapidité dans nos critiques d’hébergement - voir A2 Hébergement examen par exemple ou Découvrez nos autres critiques pour voir quel hébergeur répond le mieux à votre besoin de rapidité.

Avantage #3 - Ajouter une autorité

50% de notre cerveau est impliqué dans le traitement visuel (la source).

La plupart des gens sont des apprenants visuels. NeoMam a compilé des recherches provenant de sources telles que Google Trends, Nielson et Pearson, qui suggèrent que 70 pour cent des récepteurs sensoriels sont situés dans les yeux et que les personnes peuvent visualiser et comprendre une scène visuelle en un peu moins de 1 / 10.

Les gens ont tendance à croire ce qu'ils voient parce qu'ils le comprennent mieux. Faire des recherches et les sauvegarder dans votre infographie peut ajouter de l'autorité à votre marque. Assurez-vous de:

  • Offre des statistiques solides
  • Ajoutez des ressources respectées au bas de l'infographie
  • Ajoutez des graphiques et des tableaux montrant ces statistiques de manière visuelle

Lorsque vous combinez les sens visuels avec des fonctionnalités interactives, telles que l'infographie NeoMam à partir de laquelle ces statistiques sont issues, vous capturez non seulement l'intérêt de votre lecteur, mais vous l'engagez également.

Que remarquez-vous de plus? Avez-vous remarqué un graphique simple sur la page ou celui qui bouge, clignote ou peut-être commence une vidéo?


Qu'est-ce qui fait une bonne infographie?

À l'avenir, nous examinerons certaines des meilleures ressources et outils pour la visualisation de données aujourd'hui. Peu importe, vous êtes un blogueur occasionnel qui veut simplement créer de belles infographies à des fins de promotion de la marque ou un graphiste de carrière qui doit approfondir ce domaine; Je suis sûr que vous trouverez ce post utile.

Architecture de l'information

En général, un bon morceau de visualisation de données se compose de trois éléments principaux:

  1. Données significatives,
  2. Conception appropriée de l'information, et
  3. Beaux graphiques.

N'oubliez pas que les infographies et les graphiques ont tendance à attirer l'attention des utilisateurs de la blogosphère et des médias sociaux; ils devraient faire plus que simplement promouvoir leur marque: les infographies et les graphiques sont supposés fournir des données ennuyeuses et compliquées d'une manière conviviale.

Par conséquent, avant créer un graphique ou une infographie, vous aurez besoin de 1) Organiser, filtrer et affiner vos données; 2) Décidez de la présentation de vos données (conceptions de visualisations de données).

Data Mining

Enter OpenRefine - Un puissant outil d’exploration de données qui nous évite d’organiser nos données ligne par ligne sur une feuille de calcul Excel. Anciennement connu sous le nom de Google Amende (et Freebase Gridworks), cet outil aide les utilisateurs à explorer et à nettoyer les données, en transformant les données d'un format à un autre et en les étendant avec divers services Web.

Si vous travaillez avec des données massives non ordonnées, OpenRefine est incontournable dans votre boîte à outils. L'outil est actuellement hébergé sur GitHub, vous pouvez visiter cette page pour toutes les informations nécessaires et aide. Pour un suivi plus approfondi et les dernières nouvelles, vous devriez également consulter son site Web nouvellement lancé à l'adresse http://openrefine.org/

Présentation des données

Une fois que vous êtes prêt avec vos données, il est temps de décider comment vous allez les présenter aux téléspectateurs.

Pour ce faire, il existe d'innombrables approches: camembert, diagramme, graphique linéaire, histogramme, carte thermique, organigramme, tableau périodique, etc. Chacune de ces approches s’adapte parfaitement à certains types de données (et pue mal si elle est mal utilisée).

Comment devriez-vous présenter vos données, de sorte que votre statistique soit belle, attirante et facile à comprendre?

Sur cette question, Alphabétisation visuelle construit un tableau périodique extrêmement pratique sur toutes les options que vous pouvez utiliser pour visualiser vos données (voir ci-dessous).

Notez que le tableau périodique affiche un certain nombre d'exemples intéressants lorsque vous survolez votre souris. Assurez-vous donc que vous visualisez le tableau réel sur le site.

Tableau périodique sur la visualisation de données

Si vous recherchez des approches non traditionnelles, vous devriez vérifier cet article génial sur Smashing Magazine. Cet article a été publié il y a quelque temps, mais je le trouve quand même très utile.


Outils d'infographie et de charge à utiliser

Dès que l’architecture de l’information est finie, le moment est venu d’obtenir une production réelle. Créer un bon graphique à partir de données brutes n’est jamais une tâche facile. Heureusement, il existe d'innombrables outils pour faire le travail.

Oui, un nombre incalculable d’outils pour la visualisation des données. Il existe des outils complets qui génèrent des graphiques interactifs à partir de données complexes; Il existe également des applications Web simples qui ne génèrent que de simples graphiques linéaires axiaux 2.

Pour des raisons pratiques, nous allons examiner les deux côtés et répertorier plusieurs outils graphiques destinés aux utilisateurs avancés et occasionnels.

Outils de graphiques avancés

Tout d’abord, examinons quelques-uns des produits proposés à l’avance.

1. ggPlot2 et R

R et ggplot2

R est un langage informatique et un environnement de manipulation de données, de calcul et d'affichage graphique. ggplot2d'autre part, est un système de traçage pour R qui permet de produire des graphiques complexes multicouches. La HeatMap ci-dessus, par exemple, est construite en utilisant ggplot2 et R.

Si vous voulez apprendre R et ggplot2, Apprendre est un excellent blog pour la suite des lectures (même si le blog n’a pas été mis à jour depuis un certain temps).

2. jqPlot

jqPlot

jqPlot est un plugin de traçage et de cartographie pour le framework jQuery Javascript. jqPlot produit de beaux graphiques à courbes, à barres et à secteurs. L'outil est livré avec quelques fonctionnalités intéressantes telles que la génération de points interactifs pouvant être ajustés par les utilisateurs sur les navigateurs Web. Toutefois, il convient de noter que cet outil n’a pas fait l’objet de tests approfondis et pourrait ne pas être pris en charge par certains navigateurs Web, à savoir Chrome et IE inférieurs à 7.

3. JP Graph

JP Graph

JP Graph est un outil de création de graphiques géré par PHP qui prend en charge divers types de tracé. Si vous écrivez un programme PHP nécessitant une bibliothèque de création de graphes, vous devez vous y intéresser. Je ne dirais pas que JP Graph est un outil simple pour les débutants, mais l’outil (ou la bibliothèque PHP) est très utile lorsque vous devez générer des graphiques à partir de votre serveur Web. JP Graph est gratuit pour une utilisation non commerciale et vous aurez besoin d’un serveur Web prenant en charge PHP 4.3.x ou une version ultérieure.

4. Boîte à outils JS InfoVis

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit est une bibliothèque développée par Nicolas Garcia Belmont. La bibliothèque propose une large gamme de choix de visualisation et son utilisation est entièrement gratuite.

5. IBM Analytics (anciennement appelé Many Eyes)

IBM Analytics est un outil gratuit qui permet à l'utilisateur de créer des visualisations à partir de presque n'importe quel type de jeu de données.

Hébergé sur des serveurs IBM, Many Eyes ne se limite pas à la visualisation de données. Il permet également aux utilisateurs de télécharger leur propre jeu de données et de générer un nouveau modèle de visualisation basé sur les données stockées sur le serveur.

6. Google Chart

Google Chart

Google Chart est gratuit, puissant, flexible et est pris en charge par de nombreux autres outils de développement.

La création de graphiques sur Google Chart repose uniquement sur la technologie HTML5 / SVG. l'outil permet de créer des graphiques dans divers formats avec une animation magnifique et des contrôles interactifs.

7. Axis

Axis

Axiis est un framework de visualisation de données open source développé par Tom Gonzalez et Michael VanDaniker. L'outil est spécialement conçu pour les développeurs débutants et experts. Axiis fournit à la fois des composants de visualisation prédéfinis, ainsi que des modèles de disposition abstraits et des classes de rendu vous permettant de créer vos propres visualisations uniques.

Outils d'infographie faciles pour les débutants

Certes, la plupart des blogueurs (moi-même inclus) n’ont pas besoin des outils de cartographie complets décrits ci-dessus pour leurs opérations de blogging habituelles. Le plus souvent, tout ce dont nous avons besoin est une application Web simple ou un outil simple pour effectuer le travail rapidement.

Ceci étant dit, voici la liste des outils de création nécessitant très peu d’apprentissage et conviviaux.

1 Visme

visme

Visme est une plateforme de bricolage qui permet aux utilisateurs de créer des présentations et des infographies professionnelles.

Plus de personnes et d’organisations 350,000 (y compris des utilisateurs de grandes entreprises comme IBM et Disney) utilisent cet outil pour mieux communiquer grâce à des graphiques et des présentations interactifs.

2. Venngage

Venngage est un outil visuel convivial qui existe depuis 2011. L'outil offre un moyen simple de créer une infographie avec un éditeur glisser-déposer, un canevas de forme libre et 1,000 + d'exemples et de modèles prédéfinis.

3. Easel.ly

Easel.ly

Easel.ly permet de créer et de partager facilement des données visuelles en ligne. L'application Web est livrée dans une interface simple avec des modèles prédéfinis et des fonctionnalités de glisser-déposer. Bien que Easel.ly soit toujours en mode bêta, il possède déjà plus de visuels créés par les utilisateurs de 130,000 sur son serveur.

4. Vizualize.me

VIsualize.me

Vizualize.me aide à créer de belles infographies sur des individus (oui, d’où le nom Vizualize Me). C'est un outil amusant avec lequel il est facile de créer un CV ou un profil en quelques clics. Au cas où vous seriez sur LinkedIn, vous devriez vraiment essayer ceci - l'outil est capable de créer un lien avec votre profil LinkedIn et génère des graphismes époustouflants basés sur vos données.

5. Hohli

Hohli

Besoin d'un constructeur de graphique simple? ensuite Hohli est l'endroit à visiter. Ces applications Web prennent en charge différents types de graphiques de douze tailles différentes. Tous les utilisateurs doivent se connecter pour saisir les données et les détails de conception.

6. Piktochart

Piktochart est un outil d'infographie basé sur des modèles qui aide les non-concepteurs à créer de superbes graphiques et graphiques.

L'outil prend en charge les fonctionnalités de glisser-déposer et offre une vaste sélection de modèles, d'icônes, de vecteurs et d'images prédéfinis. Si vous recherchez un outil graphique simple et que vous ne payez pas de petits frais pour le service, Piktochart est certainement l'un de vos meilleurs choix.


Avant de commencer: Inspirations Infographics

Alors, êtes-vous prêt à créer vos propres infographies? Attendre. Nous avons encore un peu plus à aller ici.

Voici quelques-unes des infographies et des graphiques les plus populaires capturés à partir d'Internet.

Je suis presque sûr que vous en avez déjà vu certaines sur les réseaux de médias sociaux - ce qui prouve que de jolis graphismes avec des clés de données significatives!

De plus, il y a des raisons pour lesquelles les galeries d'infographies font l'objet d'un trafic si intense de nos jours.

En se référant aux travaux des autres, nous apprenons ce qui fonctionne le mieux avec le public.

  • Quelle est la taille moyenne d'une infographie populaire?
  • Quel type de sujet est le mieux accueilli par les téléspectateurs?
  • Devez-vous inclure autant de données que possible dans vos graphiques?
  • Combien de points devriez-vous couvrir dans votre infographie?
  • Qu'est-ce qui rend cette infographie populaire?

Exemples concrets: types d'infographie

Telles sont les questions à poser lorsque vous parcourez les exemples.

Boissons au café illustrées

Boissons au café illustrées
La source: lokeshdhakar.com

Guide de terrain pour les fans

Guide de terrain PC World Fan Boys
La source: PC World

La meilleure bière en Amérique 2008

La meilleure bière en Amérique
La source: Mikewithart.com

Tableaux périodiques des polices de caractères

Tableau des caractères

Bailout Tracker

Bailout Tracker
La source: New York Times

L'évolution du téléphone

Infographie de la chronologie
Source: Pow Wow Now

Check In Graph

infographie graphique
Source: Four Square

Creusons un peu

Je suis tombé sur des dizaines de blogs et de sites Web intéressants liés à notre sujet lorsque je faisais mes recherches pour ce poste. Sérieusement, il y a tellement de choses à lire, à apprendre et à jouer! Je n'ai jamais su qu'il y avait autant de données disponibles librement sur Gap Minder et Meilleur monde Flux; J'ai beaucoup lu sur des sites / blogs informatifs comme UX Booth (pas entièrement lié à la visualisation de données, mais il existe de nombreux articles utiles sur la manière dont les visualisations améliorent l'expérience utilisateur Web), Diagrammes Dynamiques, Flux de données; et j’admire profondément toutes les superbes œuvres présentées sur Le tableau Pinterest de Randy et Tableau Porn.

Si vous ne faites que commencer à visualiser des données, je vous recommande vivement de visiter les sites et les blogs énumérés ci-dessus.

Si vous n'avez pas exploité la puissance des visualisations de données dans votre campagne marketing, le moment est venu de commencer.

À propos de Jerry Low

Fondateur de WebHostingSecretRevealed.net (WHSR) - une critique d'hébergement approuvée et utilisée par les utilisateurs de 100,000. Plus de 15 ans d'expérience dans l'hébergement web, le marketing d'affiliation et le référencement. Contributeur à ProBlogger.net, Business.com, SocialMediaToday.com, et plus encore.