Les meilleurs exemples d'utilisation d'infographies interactives sur les pages de destination. Infographies : types, exemples de travaux, avenir Comment meurent les Américains

Au cours des dernières années, les infographies sont passées d'images statiques à de riches expériences interactives avec des animations et des vidéos adaptées à un contenu unique. Il n'est plus limité au pré-préparé, modèles universels. Et la compilation d'aujourd'hui contient les meilleures infographies qui montrent à quoi ressemble une expérience intéressante et informative.

La plupart des infographies de cette liste ont été choisies pour montrer différentes manières, avec laquelle les concepteurs abordent la visualisation de données. Cependant, il existe également plusieurs hybrides ici, illustrant le flou des frontières entre l'infographie et les expériences multimédias riches tout en créant un contenu attrayant et des histoires captivantes sur les pages de destination. Un départ des formes traditionnelles signifie que nous entrons dans un territoire médiatique plus sophistiqué, et ce sont ces types d'expériences avec la technologie et la narration qui seront essentielles pour façonner l'avenir de la conception graphique.

1. Carte des vents

La carte des vents est un design à couper le souffle qui montre la direction et la vitesse du vent sur les États-Unis. Cette conception a un but artistique plutôt qu'utilitaire, ce qui est génial : c'est très agréable de s'asseoir et de regarder comment des fils fins et fins s'enroulent autour de la carte. Un exemple simple mais bien pensé de la façon dont une infographie montrant les chemins de formes peut bénéficier d'animations et d'images animées.

2. En vol

En 2014, The Guardian a lancé l'infographie In Flight montrant les données de vol commercial en temps réel (ne semble pas être mise à jour en ce moment, ce qui est dommage), ainsi qu'une leçon sur l'histoire de l'aviation. Les conversations feutrées entre les équipages au début du spectacle interactif créent une atmosphère particulière. Il semble que l'infographie se transforme lentement en une expérience cinématographique de nos jours. Au moins "In Flight" pointe dans cette direction...

3. Composez la lune

Il ne se passe pas grand-chose dans l'infographie Dial A Moon, mais elle remplit assez bien son objectif. En 2015, grâce à la NASA, l'infographie des phases de la lune était mise à jour toutes les heures, et vous ne pouviez pas aller sur Google à la recherche de cette mystérieuse information. Vous pouvez maintenant visualiser les images en saisissant manuellement le mois, le jour et l'heure.

4. Journée avec Pluton

Le magazine Nature publie de nombreuses infographies intéressantes pour son public scientifique. Parmi eux, il y en avait un sur le fameux survol d'un vaisseau spatial près de Pluton (24 Hours Of Pluto). L'infographie comprenait de nombreux informations textuelles, mais les visuels permettaient de comprendre facilement les plus intéressants, de la structure d'une planète naine à la formation de ses lunes. Désormais, la partie texte est disponible sur Internet, ainsi que deux vidéos animées issues de l'infographie.

5. Comment les maisons américaines ont changé

Faites un voyage à travers le grand rêve américain, reflété à travers l'évolution des styles de maison. Cette infographie bien illustrée vous permet de prendre le volant d'une voiture (changeant également au fur et à mesure que vous faites défiler pour suivre l'époque) et de vous frayer un chemin des années 1900 aux années 2000, en passant devant des bâtiments populaires depuis des décennies. En cours de route, vous rencontrerez de nombreux éléments utiles (y compris les conditions socio-politiques de l'époque, ainsi que les tendances de la mode), et le tout se termine par une question qui vous encourage à imaginer l'avenir de la maison américaine. . L'infographie Decades Of American Homes est un excellent exemple de défilement horizontal, et elle s'intègre parfaitement ici.

6. L'évolution de l'analyse marketing

Dans son infographie Evolution of Insight, la société de recherche intelligente sur les utilisateurs Vision Critical suit l'évolution du marché des technologies marketing dans le monde, des années 1890 à nos jours. Il fonctionne de la même manière que l'infographie How American Homes Changed et vous permet ainsi de comparer l'efficacité de l'utilisation d'une chronologie interactive pour deux histoires très différentes. L'infographie des décennies de maisons américaines a l'avantage que la visualisation des maisons pendant que vous conduisez est beaucoup plus intuitive que de parcourir les grandes analyses américaines. De bonnes infographies sont créées autour du contenu, pas autour de lui.

7. Droits de la communauté LGBT dans le monde

The Guardian prend une autre place sur notre liste avec cette élégante infographie expliquant la situation juridique des droits LGBT sur une série de questions (mariage, discrimination au travail, crimes de haine, etc.) dans tous les pays du monde. Se déplacer en demi-cercle offre un moyen rapide et facile de comparer les statistiques entre les pays, et la composition infographique maintient le statut mondial au premier plan. Il y a aussi un puissant appel à l'action qui vise à combler le fossé entre la simple prise de conscience et l'activisme.

8. L'inégalité est réparable

Un autre merveilleux exemple d'infographie interactive, Inequality Is Fixable, invite le public à se plonger dans le problème d'une manière profondément personnelle. Le téléspectateur est assuré de ne pas se désintéresser du matériel lui indiquant combien son patron sous-paye et pourquoi. En intégrant l'utilisateur à l'histoire, les développeurs alimentent la curiosité et guident l'utilisateur à travers toutes les étapes nécessaires jusqu'à l'appel à l'action à la fin.

"Nous avons laissé faire - comment pouvons-nous le réparer maintenant?"

9. Dessinez-vous : comment le revenu du ménage prédit les chances de votre enfant d'aller à l'université

De nombreuses infographies de cette liste utilisent l'animation et l'interactivité pour offrir une expérience riche. Visuellement, cette infographie du New York Times (You Draw It: How Family Income Predicts Children's College Chances) suit le format de diagramme classique, mais elle utilise également une compréhension du comportement de l'utilisateur pour élargir la portée de la conception infographique, telle que proactive et interactive. visualisation. En demandant aux lecteurs de tracer leur propre courbe, ils introduisent un élément d'intérêt personnel et donnent ainsi aux gens des informations vraiment précieuses.

Pas le pire résultat ! axe vertical Pourcentage d'enfants qui vont à l'université. L'axe horizontal est le centile du revenu parental

10 Comment les Américains meurent

À l'exception de l'image de titre, cet exemple utilise principalement de bons graphiques à l'ancienne pour afficher le contenu. Mais ce n'est pas du tout ennuyeux, car les utilisateurs peuvent se déplacer indépendamment dans les données en déplaçant le curseur le long des graphiques. Cela rend beaucoup plus facile de comparer, par exemple, le nombre de décès liés au suicide dans les années 70 par rapport à aujourd'hui (indice : il est en augmentation maintenant), un graphique statique ne le ferait pas aussi bien.

11.

Depuis que Snowfall a attiré l'attention et les éloges du monde entier, le New York Times a maintenu sa réputation de journalisme multimédia de pointe. L'équipe de publication utilise une combinaison de conception infographique et de narration approfondie pour créer une expérience extrêmement intéressante. Ils ont des exemples plus frappants, mais The Russia Left Behind est une œuvre qui a suscité une certaine résonance. L'infographie fonctionne comme un voyage interactif à travers la Russie (vous naviguez sur une carte).

12. Voitures obligataires

Si jamais vous voulez connaître l'histoire de James Bond en regardant ses voitures, remerciez le concessionnaire automobile britannique Evans Halshaw - il vous a donné une telle chance. Son infographie interactive Bond Cars vous permet d'explorer la marque et la conception de chacune des voitures Bond, ainsi que quelques extras. faits intéressants. En utilisant la tactique omniprésente du curseur, vous pouvez également "révéler" la voiture dans toute sa splendeur métallique (par défaut, une seule couleur est donnée). Les auteurs ont donc résolu de manière créative le problème de devoir inclure des photos qui ne correspondent pas tout à fait à l'esthétique de l'infographie.

13. Couleurs du mouvement

The Colors Of Motion est une série infographique qui analyse les films en fonction de leur seule palette de couleurs, issue de la combinaison de toutes les images. Si vous vous êtes déjà posé la question, vous avez maintenant la réponse. Vous ne trouvez pas le titre dans la base de données ? Envoyez simplement un message aux développeurs - ils acceptent les demandes.

14. Tombe royale au Pérou

National Geographic possède une collection assez impressionnante de ce qu'ils appellent des "graphiques interactifs" (dont la plupart sont accompagnés de descriptions textuelles, comme dans le cas, par exemple, de la colonne Trajane), mais nous avons choisi cet exemple relativement simple pour mettre en évidence les méthodes réellement efficaces en infographie interactive. "Le tombeau royal du Pérou" (le tombeau royal Wari du Pérou) révèle les caractéristiques de l'enterrement d'une noble de l'époque. L'accent passe de l'emballage de la momie à ses décorations et à sa position. En divisant les informations en plus petits morceaux et en permettant à l'utilisateur de se déplacer entre eux, les graphiques interactifs évitent les pièges les plus insidieux : la surabondance de données et les effets visuels. De plus, chaque interaction ultérieure élargit l'expérience, la rendant beaucoup plus enrichissante que si tout était présenté en même temps. Notre cerveau a un mécanisme qui rejette les stimuli inhibiteurs, et type donné l'interaction devient une excellente solution pour l'utilisateur, facilitant l'absorption des informations.

15. Qu'est-ce que le « référendum écossais » ? Explication pour les non-britanniques

Le Guardian, comme le New York Times, s'appuie sur le journalisme multimédia, et leur vidéo fait un excellent travail avec l'une des principales fonctions de l'infographie : donner une forme acceptable à des informations encombrantes. Pour beaucoup d'entre nous en dehors du Royaume-Uni, le référendum est un sujet très déroutant. Heureusement, cette vidéo (Scottish Referendum Explained For Non-Brits) vous aidera à en apprendre rapidement sur ses aspects importants sans nécessiter une plongée approfondie dans l'histoire.

16. Santé publique

La tâche avant The Atlantic était de développer le concept d'amélioration de la santé de la société. Il a chargé Truth Labs d'écrire une série en 3 parties sur la santé de la population sous forme de récit numérique. L'objectif principal du performeur était de préserver le défilement naturel du document et les conditions de lecture habituelles de l'utilisateur, tout en créant une expérience différente du point de vue visuel. Pour donner vie à leur vision, ils ont emprunté des outils et des stratégies au cinéma, mais se sont également appuyés sur un ensemble de principes de conception pour soutenir la lisibilité comme règle clé.

17. Graines de Joho

Le producteur de café autrichien Joho's a créé une expérience multimédia impressionnante Joho's Bean pour raconter l'histoire de l'origine des grains de café : le chant des oiseaux, le son des grains de café torréfiés emballés dans des sacs et le bruit des rues animées et de la circulation dans la ville.

Joho's vous emmène dans un voyage expliquant l'origine de leurs grains de café

18. Route primordiale

"Le Chemin Sauvage" est expérience interactive, un carnet de voyage créé avec Canvas. L'élément principal est la carte, qui anime le chemin sur la carte au fur et à mesure que la page défile. Le projet peut ne pas fonctionner dans tous les navigateurs. Cependant, il est accompagné d'un article expliquant toute la technologie infographique en coulisse.

19.

La couverture par The Guardian (Live Election Results) de l'élection présidentielle américaine de 2016 a apporté un élément amusant aux affaires sérieuses d'intérêt et aux bureaux de vote. Une infographie interactive a suivi les votes dans quatre États. Par défaut, le graphique affichait les résultats pour l'ensemble du pays, et si l'utilisateur survolait n'importe quelle zone de la carte, il indiquait les numéros que les candidats y avaient marqués. Les candidats à la présidentielle étaient présentés comme de drôles d'avatars pixélisés. Au fur et à mesure que les infographies étaient mises à jour en temps réel, les petits hommes ont teinté les états dans lesquels ils ont gagné. De temps en temps, une citation dans une bulle apparaissait à côté du candidat.

Reflet des résultats des élections en temps réel

Vous avez peut-être remarqué le changement massif dans monde en ligne du contenu textuel au contenu visuel.

On ne peut nier le pouvoir des visuels sur Internet et dans notre vie quotidienne. YouTube et Instagram sont dominés par le contenu visuel ; YouTube est le 3e site le plus visité sur le Web et Instagram compte plus de 80 millions de photos téléchargées chaque jour.

Les posts et articles de blog sont 80% plus "consommables" s'ils ont des images, des titres ou des vignettes en couleur, et les gens ne passeront pas plus de 15 secondes sur un site s'il n'attire pas leur attention dès les premières secondes.

Les infographies sont les préférées du public et des commerçants, et les gens s'y intéressent 800 % plus aujourd'hui qu'en 2012.

En plus de cela, le contenu est créé à un rythme alarmant : 60 % des spécialistes du marketing créent au moins une petite partie de nouveau contenu chaque jour ! Vous pouvez en savoir plus dans l'article de revue.

Alors que de plus en plus de personnes commencent à créer du contenu, une chose devient claire : pour être vu, vous devez vous démarquer.

Naturellement, les spécialistes du marketing de contenu réfléchissent déjà à l'avenir du contenu visuel, en examinant ce qu'ils peuvent faire maintenant, ce qu'ils peuvent mettre en œuvre et quelles nouvelles technologies se profilent à l'horizon. Cette réflexion prospective est ce qui peut faire ou défaire tous vos efforts de marketing de contenu ; vous devez vous adapter ou vous allez vous noyer.

Avec un contenu visuel comme l'infographie, les spécialistes du marketing ont opportunité unique voir l'avenir à mesure qu'il approche. Les entreprises, les graphistes et les spécialistes du marketing commencent tous à utiliser les infographies pour les mettre à jour afin de les rendre encore plus attrayantes pour le public. Même si vous « publiez déjà » régulièrement des infographies, il n'est jamais trop tôt pour connaître les tendances qui commencent tout juste à décoller, tout comme il n'est jamais trop tôt pour apprendre à les intégrer dans vos stratégies de marketing de contenu.

Si vous voulez avoir un aperçu du futur, et peut-être même apprendre quelques trucs avant tout le monde, c'est le moment !

Voici trois types d'infographies qui seront les plus courantes dans un futur (proche).

Si vous cherchez un outil infographique sympa, je vous recommande Visme. Pour commencer, ils offrent un compte gratuit et des fonctionnalités très pratiques pour les non-concepteurs. Vous pouvez obtenir un compte gratuit maintenant.

1. Infographie interactive

Alors que nous voyons la beauté des sites Web interactifs et des jeux faciles à utiliser, les infographies interactives sont encore assez nouvelles dans leur domaine. Comme les infographies, ils contiennent évidemment des informations, et ils sont généralement dynamiques. Mais l'utilisation d'éléments interactifs donne aux utilisateurs la possibilité de se connecter avec des informations et de créer les leurs.

Quel que soit votre entreprise, produit, service ou message, vous pouvez créer des infographies interactives qui permettent aux gens de s'évaluer eux-mêmes (par exemple "calculez votre IMC ici"). Les utilisateurs peuvent également cliquer sur les informations pertinentes, ce qui les amènera à une ressource plus approfondie, ou revenir à page de destination générant ainsi du trafic. C'est une façon très adaptable et amusante d'engager votre public.

De nombreux spécialistes du marketing se sont déjà adaptés à ce type d'infographie et cela se transfère rapidement. Mais en même temps, beaucoup prennent néanmoins pour base infographie simple:

….imaginez ce que vous pouvez faire d'autre avec des infographies interactives.

Vous pouvez essayer :

Utiliser des techniques de défilement qui font ressortir les images ou les formes de l'arrière-plan
Création de "pop-ups" qui étendent les zones de texte
Pop up d'images ou de statistiques lorsque vous cliquez dessus
Transformer vos infographies en plusieurs pages que les utilisateurs peuvent afficher

Pour plus exemple détaillé infographie interactive, regardez celle-ci :

Pour rendre les infographies hautement interactives (avec défilement, popups, etc.), vous devez en apprendre un peu plus sur HTML5 ou CSS, ou embaucher quelqu'un d'autre pour le comprendre pour vous.

Malgré l'effort supplémentaire, vous serez récompensé par un contenu unique, engageant et efficace.

Pourquoi devriez-vous essayer d'implémenter l'infographie dans un avenir proche ?

Cela incite votre public à interagir avec votre contenu et à le partager
Il génère du trafic (via des liens)
Cela prouve à votre public que vous êtes innovant, ingénieux et engagé à fournir un contenu opportun et intéressant.
Il existe des niveaux d'infographie interactive qui rendent son développement gérable.

2. Vidéo et GIF intégrés

Il s'agit d'un type d'infographie différent que nous voyons de plus en plus souvent aujourd'hui. Les infographies qui proposent de courtes vidéos ou même des GIF (Graphic Data Interchange Format) sont un excellent moyen d'attirer l'attention et de faire en sorte que votre infographie se démarque de la foule. Bien que cela limite les plates-formes, vous pouvez partager vos infographies en temps réel.

De nombreux outils d'infographie simples, tels que Easel.ly, offrent une option "Vidéo YouTube intégrée", ou vous pouvez ajouter une vidéo à une infographie que vous créez dans Photoshop à l'aide d'un calque vidéo. Vous pouvez même ajouter une vidéo à une diapositive Powerpoint, que vous pouvez également transformer en infographie.

De plus, vous pouvez trouver des millions de GIF sur le Web et les coller de la même manière. Le problème ici est que vous devrez distribuer votre infographie sous forme d'URL pour vous assurer qu'elle est correctement intégrée à votre site. Vous ne pouvez pas distribuer ou enregistrer ces infographies au format .jpeg ou PDF. Sans aucun doute, à mesure qu'il devient de plus en plus populaire, d'autres outils d'insertion vidéo et GIF apparaîtront pour rendre le processus encore plus facile.

Mais si vous souhaitez utiliser ce type d'infographie avant que tout le monde, même leurs chiens, ait appris à le faire, commencez dès maintenant avec les outils que vous trouvez en ligne.

Si vous voulez passer au niveau supérieur, vous pouvez faire une vidéo à partir de l'infographie que vous avez déjà. C'est une excellente occasion d'être vu sur YouTube, Instagram et même sur des plateformes vidéo comme Vimeo, Snapchat, etc. La vidéo ci-dessous est un excellent exemple de la façon de transformer une infographie en vidéo.

Pourquoi intégrer une vidéo ou un GIF dans une infographie ?

Cela vous donne l'élément de surprise - les gens ne s'attendent pas à ce que l'image bouge !
C'est très amusant et original, ce qui augmente les chances que les gens interagissent et partagent votre infographie.
il bonne façon montrez à tous le caractère unique de votre marque

3. Infographie animée

Les infographies animées ont un grand nombre de motifs visuels et nécessitent beaucoup d'attention. Lorsqu'un utilisateur consulte une page, il ne s'attend généralement pas à ce que quoi que ce soit bouge, c'est donc une bonne idée d'apprendre toutes ces techniques avant tout le monde.

Étant donné que de nombreuses infographies animées sont assez complexes et peuvent nécessiter une sorte de conception graphique, de codage et / ou de connaissances logicielles, elles sont très appréciées.

Voici un exemple de ce dont je parle :

Si vous souhaitez en savoir plus sur la création d'infographies animées, consultez cette infographie de Tabletop Whale. Vous pouvez également trouver divers services pour vous aider à créer des infographies de ce type. Dans tous les cas, c'est l'un des processus les plus complexes dans l'évolution de l'infographie.

Pourquoi devriez-vous consacrer votre temps, votre énergie et/ou votre argent à créer des infographies animées ?

Cela vous permettra en fait de vous démarquer de la foule, car tout le monde n'a pas accès à ce type de Logiciel ou contenu
Dans quelques années, ce sera monnaie courante - vous serez l'un des premiers à le faire !
L'animation rendra les informations contenues dans l'infographie plus mémorables.
Cela incitera vos utilisateurs à travailler avec vous

Rien de tout cela n'est de la science-fiction.

Cela peut sembler trop technique et sembler dépasser vos capacités maintenant, mais il est probable que ces types d'infographies deviendront très courants dans 2-3 ans. Nous pouvons déjà voir une percée majeure dans les infographies animées et les infographies gif, d'autant plus que les gifs continuent de gagner en popularité. Les infographies deviennent l'un des types de contenu les plus consommés et les plus fréquemment créés sur Internet. Pourquoi? Oui, car le cerveau n'a besoin que de 250 millisecondes pour accepter et traiter la signification du symbole.

Si la personne moyenne passe environ 15 secondes sur un site et s'ennuie ensuite, alors vous voulez naturellement retirer tout ce qui peut les retarder sur l'écran - ou au moins recevoir un message en 15 secondes ou moins. Certaines études ont même prouvé que les gens peuvent se concentrer sur quoi que ce soit pendant 8 secondes maximum, et ce chiffre diminue chaque année.

C'est la cause et peut-être le sous-produit de notre besoin constant d'information. Nous vivons à l'ère de l'information et toutes les informations sont à notre disposition. Mais cela signifie également que plus les gens essaient de partager des messages et de répondre à toutes les questions possibles, plus le contenu produit devient un bruit de fond.

Si la présence de l'infographie aujourd'hui est un indicateur, elle sera bientôt partout. Cela signifie de nouveaux changements dans votre travail. Aucune campagne de marketing dans l'histoire n'a réussi en faisant la même chose tout le temps.

L'idée ici est de voir l'infographie comme quelque chose de plus qu'une image .jpeg. Les infographies peuvent être adaptées à différents environnements et utilisées sur une grande variété de plateformes. Les entrepreneurs et les spécialistes du marketing en ont déjà vu le potentiel. Et tu?

Ébrécher réalité virtuelle que pour les autres tu passeras pour un idiot

Le Cardboard Design Lab de Google est un bon "manuel" pour les concepteurs VR débutants

Infographie - comme un jeu de rôle

Le problème avec Unity, c'est qu'il n'est pas si facile de faire une bonne chose sur le web.

La réalité virtuelle est comme un casque pour vos yeux

La réalité virtuelle nécessite un environnement sûr, vous ne pouvez pas y entrer en déplacement. Ça limite les possibilités de la VR

Fermé la session le matin Archie Tsé du New York Times avec le thème provocateur "Pourquoi le NYT fait un travail moins interactif."

Le travail de NYT repose sur trois règles de narration visuelle :

Si le lecteur a besoin de cliquer plutôt que de faire défiler, alors quelque chose hors de l'ordinaire doit se produire.
Supposons que les info-bulles et tout autre effet de survol ne seront jamais vus par personne. Si le contenu est important, faites en sorte que le lecteur le voie immédiatement.
Si vous voulez faire quelque chose d'interactif, rappelez-vous qu'il sera coûteux de le faire fonctionner sur toutes les plateformes.

Vous devrez redessiner vos graphiques 2 ou 3 fois pour que cela fonctionne à la fois sur ordinateur et sur mobile

Comment ces règles ont changé l'approche du NYT :

La plupart des visualisations sont désormais statiques
Plus de textes
Si vous avez besoin de mouvement dans l'image, il apparaît pendant le défilement

(Le point quatre dit qu'ils font toujours un travail interactif. Mais maintenant, l'occasion doit être TRÈS significative.)

Nous avons fait "multi-étapes". Les utilisateurs s'arrêtent à l'étape 3. Les lecteurs veulent juste faire défiler, pas cliquer

Archie Tse : Défilement Vs. en cliquant

Depuis 18 semaines, Andy Kriebel publie une infographie et les données sur lesquelles elle est basée sur VizWiz tous les dimanches soirs. La tâche consiste à allouer environ une heure de temps pendant le lundi, à analyser rapidement la visualisation et à créer votre propre version.

Ci-dessous, nous publions les résultats de la semaine dernière - L'esclavage au XXIe siècle.

#MakeoverMonday par Andy Kriebel. Description détaillée et interactif - sur le blog d'Andy :

#MakeoverMonday par Andy Cotgreave. Description détaillée et interactive - dans le blog d'Andy :

J'ai également découvert que 51% des personnes dans le monde sont plus jeunes que moi et que 63% en Russie sont plus âgées, et que mes chances de mourir en ce moment ne sont pas si grandes. Les chiffres ont soudainement cessé d'être des "statistiques" et m'ont touché au cœur.

Visualisation de données Utilise de grands ensembles de données avec moins de travail de conception manuel basés sur des algorithmes. Par exemple, le travail interactif du New York Times.

l'art visuel - codage unidirectionnel. Des visualisations belles mais difficiles à déchiffrer comme l'art informatique de Kunal Anand.

Quel est le problème?

En conséquence, de nombreuses œuvres n'attirent que des utilisateurs avertis, mais ne permettent pas aux lecteurs non initiés de se plonger dans l'essence du problème, nuisant ainsi à l'objectif de la visualisation - informer le public. C'est pourquoi il est si important de reconnaître et de comprendre le problème de la littératie visuelle dans le contexte de la visualisation.

Une nouvelle "grammaire visuelle" du journalisme

Voici trois œuvres qui expérimentent des manières de présenter le journalisme interactif. Ils ont l'air impressionnant, mais leur interprétation peut être une tâche difficile pour beaucoup.

Droits des homosexuels aux États-Unis, État par État

Le nombre de sources de données et d'outils de traitement de données disponibles aujourd'hui est en soi une indication claire que jamais autant de personnes n'ont essayé de se familiariser avec le monde de la visualisation de données. Et quand il y a tant de matériaux disponibles pour l'étude, il n'y a qu'une seule question "Où commencer?" peut effrayer tous les débutants. Alors, quelles sont les meilleures bibliothèques et que recommandent les pros ? Cela sera discuté dans cet article.

Parler de visualisation de données et ne pas en parler, c'est comme parler de l'histoire de la création Ordinateur personnel et ne jamais dire un mot sur Steve Jobs. D3 (de l'anglais Data Driven Documents) est, sans exagération, la bibliothèque JavaScript open source la plus importante et la plus dominante du marché, couramment utilisée pour créer des graphiques SVG. Le SVG (de l'anglais Scalable Vector Graphics) est quant à lui un format d'image vectorielle supporté par les navigateurs web, mais jusqu'alors peu utilisé.

La bibliothèque D3 doit une grande partie de sa popularité à l'intérêt soudain pour SVG de la part des concepteurs de sites Web, qui est en grande partie dû à la façon dont graphiques vectoriels regarder sur des écrans à haute résolution (en particulier sur les écrans Retina utilisés dans Appareils Apple), qui deviennent de plus en plus courantes.

"Soyons honnêtes, si la tâche consiste à visualiser des données basées sur SVG, toutes les autres bibliothèques n'étaient même pas près de le résoudre", déclare Moritz Stefaner, expert indépendant en visualisation de données et propriétaire de l'entreprise. Vérité & Beauté. « Il existe également de nombreux projets intéressants basés sur D3, tels que NVD3, qui fournit des composants graphiques standard - prêts à l'emploi, mais personnalisables ; ou, disons, Crossfilter est simplement un outil de filtrage de données exceptionnel.

Scott Murray, programmeur-concepteur et auteur de livres Visualisation interactive des données pour le Web, rejoint l'avis précédent : « D3 a une puissance extraordinaire, qui réside dans le fait qu'il utilise tout ce que les navigateurs ont à offrir. Bien que cela ait verso : si le navigateur ne prend pas en charge quelque chose, par exemple, des images 3D basées sur WebGL (de la bibliothèque graphique Web anglaise), alors D3 ne le prendra pas non plus en charge.

Et bien que cette bibliothèque soit vraiment universelle, ce n'est toujours pas la solution idéale pour chaque tâche. "Le principal inconvénient de la bibliothèque D3, pour ainsi dire, est qu'elle ne prescrit ni ne suggère aucune approche particulière de la visualisation", ajoute Scott Murray. "C'est donc vraiment un outil pour charger des données dans le navigateur, puis générer des composants DOM basés sur ces données."

Bien que D3 soit un excellent outil pour les images personnalisées, si vous souhaitez créer un graphique standard sans trop de travail visuel, un outil comme Véga. En tant que framework développé sur D3, Vega fournit une alternative pour afficher des composants graphiques. En utilisant Vega, vous pouvez visualiser les données au format JSON The European Journalism Center et le Data Driven Journalism Project. La date exacte du cours n'est pas encore connue, mais vous pouvez vous inscrire dès maintenant.

En cinq jours, les participants au cours pourront apprendre ce qu'est le journalisme de données, comment il fonctionne et quelles compétences clés doivent être maîtrisées pour devenir un spécialiste dans ce domaine. Déterminez où rechercher des données pour étayer vos histoires et comment trouver de nouvelles informations à partir de données existantes. Apprenez l'art de transformer des données ennuyeuses en une histoire captivante, une infographie ou même une visualisation interactive. Familiarisez-vous avec les principes de base de la conception graphique qu'un journaliste doit connaître.

Les instructeurs du cours sont cinq des plus grands experts mondiaux en journalisme de données et en visualisation.

L'avenir de la visualisation des données est interactif.

Mais comment créer une infographie interactive vraiment époustouflante ?

Les infographies sont partout et deviennent de plus en plus interactives.

Dans l'article d'aujourd'hui, nous partagerons avec vous les secrets de la création d'infographies interactives, ainsi que des liens vers des ressources utiles.

1. Comprendre la psychologie

Avant de rendre une infographie interactive, il est important de comprendre pourquoi vous voulez la rendre ainsi.

Comme détaillé dans cette infographie, les gens absorbent mieux les informations visuelles. Nous sommes beaucoup plus susceptibles de lire, de comprendre et de nous souvenir d'une présentation si elle a des visuels attrayants. est outil efficace apprendre, mais cela peut encore s'améliorer.

L'apprentissage cinétique est une excellente alternative car les gens apprennent mieux grâce à des actions physiques.

C'est pourquoi l'ajout d'interactivité au domaine de la perspective de votre visualisation vous aidera à créer des infographies encore plus mémorables et efficaces.

Cette combinaison d'approche visuelle et cinétique fait de l'infographie animée le contenu du futur. Bien sûr, pour certains thèmes, il est préférable de ne pas utiliser d'éléments interactifs, mais dans la plupart des cas, ils ne feront qu'améliorer le contenu.

Le mouvement ajoute du sens à l'information, permet à l'utilisateur de contrôler l'expérience et engage l'imagination d'une manière que les infographies statiques ne peuvent pas.