Au cours des dernières années, les infographies sont passées d'images statiques à de riches expériences interactives avec des éléments d'animation et de vidéo adaptés à un contenu unique. Il n'est plus limité aux modèles génériques prédéfinis. Et la collection d'aujourd'hui contient les meilleures infographies pour montrer à quoi ressemble une expérience intéressante et informative.
La plupart des infographies de cette liste ont été choisies pour montrer les différentes manières dont les concepteurs abordent la visualisation des données. Cependant, il existe également plusieurs « hybrides » ici, illustrant le fait de brouiller les frontières entre les infographies et les expériences multimédias riches tout en créant un contenu engageant et des histoires convaincantes sur les pages de destination. Le départ des formes traditionnelles signifie que nous entrons dans un paysage médiatique plus complexe, et c'est précisément ce type d'expérimentation avec la technologie et la narration qui sera essentiel pour façonner l'avenir du design graphique.
1. Carte des vents
La carte des vents est une conception spectaculaire qui montre la direction et la vitesse du vent sur les États-Unis. Cette conception a un but artistique plutôt qu'utilitaire, et c'est génial : c'est très agréable de s'asseoir et de regarder les fils minces se tordre autour de la carte. Un exemple simple mais bien pensé de la façon dont les infographies montrant les chemins des formes bénéficient de l'animation et des graphiques animés.
2. En vol
En 2014, The Guardian a lancé une infographie In Flight montrant des données en temps réel sur les vols commerciaux (il semble que les informations ne soient pas mises à jour maintenant, ce qui est dommage), ainsi qu'une leçon sur l'histoire de l'aviation. Des conversations feutrées entre les équipages de conduite au début du spectacle interactif créent une atmosphère particulière. Il semble que les infographies se transforment lentement en expériences cinématographiques ces jours-ci. Au moins "In Flight" pointe dans cette direction...
3. Composez la lune
Il ne se passe pas grand-chose dans l'infographie de Dial A Moon, mais elle remplit assez bien son rôle. En 2015, grâce à la NASA, les infographies de la phase lunaire étaient mises à jour toutes les heures, et vous ne pouviez pas aller sur Google à la recherche de cette mystérieuse information. Vous pouvez maintenant afficher les images en entrant 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 intéressé par la science. Parmi eux figurait l'un sur le célèbre vol d'un vaisseau spatial près de Pluton (24 Hours Of Pluton). Les infographies comprenaient beaucoup d'informations textuelles, mais les visuels fournissaient une compréhension facile des plus intéressantes, 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 (en changeant également d'apparence lorsque vous faites défiler pour suivre l'époque) et de naviguer des années 1900 aux années 2000, en passant devant des bâtiments populaires pendant des décennies. En chemin, vous rencontrerez une mine de matériel utile (y compris les conditions socio-politiques de l'époque, ainsi que les tendances de la mode), et tout se termine par une question qui vous incite à envisager 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 ici.
6. L'évolution de l'analyse marketing
Dans son infographie Evolution of Insight, la société de recherche d'utilisateurs intelligents Vision Critical suit l'évolution du marché des technologies marketing dans le monde des années 1890 à nos jours. Il fonctionne de manière similaire à 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 Decades Of American Homes 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 avec le contenu à l'esprit, pas autour de lui.
7. Les droits de la communauté LGBT dans le monde
The Guardian prend une autre position sur notre liste avec cette infographie élégante expliquant la situation juridique des droits des LGBT à travers un éventail de problèmes (mariage, discrimination au travail, crimes haineux, etc.) dans chaque pays du monde. Se déplacer en demi-cercle offre un moyen rapide et facile de comparer les statistiques entre différents pays, et la composition de l'infographie maintient le statut mondial au premier plan au centre. Il existe également 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 excellent exemple d'infographie interactive, Inequality Is Fixable invite le public à s'immerger dans le problème, le rendant profondément personnel. Le téléspectateur est assuré de ne pas se désintéresser du matériel lui disant combien son patron est sous-payé et pourquoi. En faisant de l'utilisateur une partie de l'histoire, les développeurs aiguisent la curiosité et guident l'utilisateur à travers toutes les étapes nécessaires jusqu'à l'appel à l'action (Call-To-Action) à la fin.
« Nous laissons cela se produire - comment pouvons-nous y remédier maintenant ? »
9. Dessinez-vous : comment le revenu du ménage prédit les chances d'un enfant d'aller à l'université
La plupart des 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) adhère au format graphique classique, mais elle utilise également un aperçu du comportement des utilisateurs pour élargir le domaine 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 fournissent ainsi aux gens des informations vraiment précieuses.
Pas le pire résultat ! L'axe vertical représente le pourcentage d'enfants qui vont à l'université. Axe horizontal - percentile 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 restituer le contenu. Mais ce n'est pas du tout ennuyeux, car les utilisateurs peuvent naviguer 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 à la hausse maintenant), un graphique statique ne le ferait pas si bien.
11.
Depuis son premier Project Snowfall, qui a attiré l'attention et les éloges de tous, 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 impressionnante et engageante. Ils ont des exemples plus frappants, mais The Russia Left Behind est une œuvre qui a suscité une certaine résonance. Les infographies fonctionnent comme une visite interactive de la Russie (vous vous frayez un chemin sur la carte).
12. Bond voitures
Si jamais vous voulez connaître l'histoire de James Bond en regardant ses voitures, alors remerciez le concessionnaire automobile britannique Evans Halshaw - il vous a donné une telle chance. Son infographie interactive Bond Cars vous permet d'explorer le modèle et la conception de chacune des voitures Bond, ainsi que quelques faits intéressants supplémentaires. En utilisant la tactique omniprésente du curseur, vous pouvez également « révéler » la voiture dans toute sa splendeur métallique (un seul motif de couleur est donné par défaut). Ainsi, les auteurs ont résolu de manière créative le problème de la nécessité d'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 d'infographies qui analyse les films uniquement par leur palette de couleurs, dérivée 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. Tombeau des rois 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 détaillées, comme dans le cas de la colonne Trajane, par exemple), mais nous avons choisi cet exemple relativement simple pour souligner quels les techniques sont vraiment efficaces dans les infographies interactives. "The Royal Wari Tomb" (Tombeau Royal Wari du Pérou) révèle les particularités de l'enterrement d'une noble de cette époque. L'accent passe de l'enroulement de la momie à sa décoration et à sa position. En séparant les informations en petits morceaux et en permettant à l'utilisateur de naviguer entre eux, les graphiques interactifs évitent les pièges les plus insidieux : la surcharge 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 suppresseurs, et ce type d'interaction devient une excellente solution pour l'utilisateur, vous permettant d'absorber facilement 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 sa vidéo remplit l'une des principales fonctions de l'infographie : donner une forme acceptable aux informations volumineuses. 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 (Référendum écossais expliqué pour les non-Britanniques) vous aidera à découvrir rapidement ses aspects importants sans nécessiter une plongée profonde dans l'histoire.
16. Santé publique
L'Atlantique a été chargé d'élaborer une vision pour améliorer la santé publique. Il a chargé Truth Labs de transformer la série d'articles en trois parties sur la santé de la population en narration numérique. L'objectif principal de l'artiste était de maintenir le défilement naturel du document et l'expérience de lecture normale de l'utilisateur, tout en créant une expérience différente du point de vue visuel. Ils ont emprunté des outils et des stratégies à la cinématographie pour donner vie à leur vision, mais se sont également concentrés sur un ensemble de principes de conception pour soutenir la lisibilité comme règle clé.
17. Les céréales de Joho
La cafetière autrichienne 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 récit combine harmonieusement du matériel audio, vidéo et photographique qui engage presque tous les sens de l'utilisateur. le chant des oiseaux. , le bruit des grains de café torréfiés ensachés et le bruit des rues animées et de la circulation en ville.
Joho's vous emmène dans un voyage expliquant l'origine de leurs grains de café
18. Route primordiale
The Wild Path est un récit de voyage interactif créé avec Canvas. L'élément principal est la carte, qui anime le chemin sur la carte lors du défilement de la page. Le projet peut ne pas fonctionner dans tous les navigateurs. Mais il est accompagné d'un article d'accompagnement qui explique toutes les technologies en coulisses pour créer des infographies.
19.
La couverture par The Guardian (Résultats des élections en direct) de l'élection présidentielle américaine de 2016 a apporté un élément amusant à la grave question des pourcentages et des bureaux de vote. Des infographies interactives ont suivi les votes dans quatre États. Par défaut, le graphique montrait les résultats pour l'ensemble du pays, et si l'utilisateur passait le curseur sur n'importe quelle zone de la carte, les numéros que les candidats avaient tapés étaient affichés. Les candidats à la présidentielle étaient présentés comme de drôles d'avatars pixelisés. Au fur et à mesure que les infographies étaient mises à jour en direct, les petits hommes ont teinté les états dans lesquels ils ont gagné. De temps en temps, une citation du candidat apparaissait dans une bulle à côté du candidat.
Réflexion des résultats des élections en temps réel
L'avenir de la visualisation des données est l'interactivité.
Mais comment créer des infographies interactives vraiment époustouflantes ?
Les infographies sont omniprésentes et sont devenues de plus en plus interactives ces derniers temps.
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 qu'elle soit.
Comme détaillé dans cette infographie, les gens perçoivent mieux les informations visuelles. Nous sommes beaucoup plus susceptibles de lire, comprendre et mémoriser une présentation si elle contient des éléments visuels attrayants. est un outil d'apprentissage efficace, mais il peut être encore meilleur.
L'apprentissage cinétique est une excellente alternative car les humains absorbent mieux les informations grâce à des actions physiques.
C'est pourquoi l'ajout d'interactivité à un domaine de visualisation prometteur peut vous aider à créer des infographies encore plus mémorables et efficaces.
Cette combinaison d'approches visuelles et cinétiques fait de l'infographie animée le contenu du futur. Bien sûr, pour certains thèmes, il vaut mieux 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 manipuler l'expérience et engage l'imagination d'une manière que les infographies statiques ne peuvent pas.
2. Ajouter des effets de défilement
Vous avez probablement remarqué un changement massif dans le monde en ligne du contenu textuel au contenu visuel.
On ne peut nier le pouvoir des visuels sur Internet et dans notre vie quotidienne. Sur YouTube et Instagram, le contenu visuel domine ; YouTube est le 3e site le plus visité du Web, avec plus de 80 millions de photos publiées sur Instagram chaque jour.
Les articles de blog et les articles sont 80 % plus « consommables » s'ils ont des images en couleur, des titres ou des vignettes, 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 vendeurs, et sont 800% plus intéressantes pour les gens aujourd'hui qu'elles ne l'étaient 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 présentation.
Alors que de plus en plus de personnes créent du contenu, quelque chose devient clair : pour être vu, il faut se démarquer.
Naturellement, les spécialistes du marketing de contenu réfléchissent déjà à l'avenir du contenu visuel, en déterminant ce qu'ils peuvent faire maintenant, ce qu'ils peuvent faire et quelles nouvelles technologies sont déjà à l'horizon. Ce genre de 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 des infographies, les spécialistes du marketing sont particulièrement bien placés pour voir l'avenir à mesure qu'il se rapproche. Les entreprises, les graphistes et les spécialistes du marketing commencent tous à utiliser des infographies - les mettant à jour pour les rendre encore plus attrayantes pour leur 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 à se développer, tout comme il n’est pas trop tôt pour savoir comment les mettre en œuvre dans vos stratégies de marketing de contenu.
Si vous voulez regarder vers l'avenir, 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 de consulter Visme. Pour commencer, ils offrent un compte gratuit et d'excellentes fonctionnalités pratiques pour les non-designers. 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, elles contiennent évidemment des informations, et elles sont généralement dynamiques. Mais l'utilisation d'éléments interactifs donne aux utilisateurs la possibilité de se connecter aux informations et de créer les leurs.
Indépendamment de votre entreprise, produit, service ou message, vous pouvez créer des infographies interactives qui permettent aux gens de s'évaluer (par exemple, « Calculez votre IMC ici »). Les utilisateurs peuvent également cliquer sur les informations pertinentes, qui les renverront vers une ressource plus ciblée, ou vers la page de destination, générant ainsi du trafic. C'est un moyen très adaptable et amusant d'engager votre public.
De nombreux marketeurs se sont déjà adaptés à ce type d'infographie, et cela se transmet rapidement. Mais en même temps, beaucoup, néanmoins, se basent infographie simple:
.... imaginez ce que vous pouvez faire d'autre avec des infographies interactives.
Tu peux essayer:
- Utiliser des techniques de défilement qui font ressortir les images ou les formes de l'arrière-plan
- Créez des « pop-ups » qui agrandissent les zones de texte
- Images flottantes ou statistiques lorsque vous cliquez dessus
- Transformer vos infographies en plusieurs pages que les utilisateurs peuvent afficher
Pour un exemple plus détaillé d'infographie interactive, jetez un œil à celui-ci :
Pour rendre votre infographie hautement interactive (avec défilement, fenêtres contextuelles, etc.), vous devrez en apprendre un peu plus sur HTML5 ou CSS, ou embaucher quelqu'un d'autre pour le découvrir pour vous.
Malgré l'effort supplémentaire, votre récompense sera un contenu unique, engageant et efficace.
Pourquoi devriez-vous essayer de mettre en œuvre des infographies dans un avenir proche ?
- Cela encourage votre public à s'engager et à partager avec votre contenu.
- Cela génère du trafic (via des liens)
- Cela prouve à votre public que vous êtes innovant, ingénieux et déterminé à fournir un contenu opportun et engageant.
- Il existe des niveaux d'infographie interactive qui guident son développement.
2. Vidéo et GIF intégrés
C'est un autre type d'infographie que l'on voit de plus en plus souvent aujourd'hui. Les infographies qui proposent de courtes vidéos ou même des GIF (Graphics Interchange Format) sont un excellent moyen d'attirer l'attention et de faire ressortir votre infographie 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 aux infographies que vous créez dans Photoshop à l'aide d'un calque vidéo. Vous pouvez même ajouter une vidéo à votre diapositive Powerpoint, que vous pouvez également transformer en infographie.
De plus, vous pouvez trouver des millions de GIF sur le net et les insérer 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 de telles infographies au format .jpeg ou PDF. Sans aucun doute, à mesure que cela devient de plus en plus populaire, il y aura d'autres outils d'insertion de vidéos et de GIF 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, n'apprenne à le faire, commencez dès maintenant avec les outils que vous trouverez en ligne.
Si vous voulez passer au niveau supérieur, vous pouvez créer une vidéo à partir de l'infographie que vous possédez déjà. C'est une excellente occasion d'être vu sur YouTube, Instagram et même sur des plateformes vidéo comme Vimeo, Snapchat et autres. La vidéo ci-dessous est un excellent exemple de la façon de transformer une infographie en vidéo.
Pourquoi intégrer des vidéos ou des GIF dans des infographies ?
- Cela vous donne un élément de surprise - les gens ne s'attendent pas à ce que l'image commence à bouger !
- C'est très amusant et original, ce qui augmente les chances que les gens interagissent et partagent votre infographie.
- C'est un bon moyen de montrer à tous le caractère unique de votre marque.
3. Infographie animée
Les infographies animées ont un grand nombre de modèles visuels et nécessitent beaucoup d'attention. Lorsqu'un utilisateur consulte une page, il ne s'attend généralement pas à ce que quelque chose bouge, c'est donc une bonne idée si vous apprenez 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 genre. En tout cas, c'est l'un des processus les plus difficiles 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 démarquera réellement de la foule, car tout le monde n'a pas accès à ce type de logiciel ou de contenu.
- Dans quelques années, ce sera chose courante - vous serez l'un des premiers à le faire !
- L'animation rendra les informations contenues dans les infographies plus mémorables
- Cela incitera vos utilisateurs à travailler avec vous.
Tout cela n'est pas de la science-fiction.
Cela peut sembler trop technique et sembler hors de votre portée maintenant, mais il est probable que ces types d'infographies deviendront très courants dans 2-3 ans. Nous assistons déjà à une forte percée dans les infographies animées et les infographies GIF, d'autant plus que le GIF continue de gagner en popularité. Les infographies sont en train de devenir l'un des types de contenu les plus consommés et les plus fréquemment créés sur Internet. Pourquoi? Car le cerveau n'a besoin que de 250 millisecondes pour recevoir et traiter la valeur d'un symbole.
Si la personne moyenne passe environ 15 secondes sur un site Web et commence à s'ennuyer, vous voudrez bien sûr afficher tout ce qui pourrait la retarder - ou au moins recevoir un message en 15 secondes ou moins. Certaines études ont même prouvé que les gens peuvent se concentrer sur quelque chose pendant pas plus de 8 secondes, et ce chiffre diminue chaque année.
C'est la raison et peut-être un 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 disponibilité des infographies est un indicateur aujourd'hui, elles seront bientôt partout. Cela signifie de nouveaux changements dans votre travail. Aucune campagne de marketing dans l'histoire n'a réussi à faire la même chose tout le temps.
L'idée ici est de voir plus qu'une image jpeg dans l'infographie. Les infographies peuvent être adaptées à différents environnements et utilisées sur une grande variété de plateformes. Les entrepreneurs et les commerçants ont déjà vu le potentiel de cela. Et vous?
L'astuce de la réalité virtuelle est que pour les autres, vous passerez pour un idiot.
Le Cardboard Design Lab de Google est un bon "tutoriel" pour les aspirants concepteurs de réalité virtuelle
Les infographies sont comme un jeu d'aventure
Le problème avec Unity, c'est qu'il n'est pas facile de faire une bonne chose sur le web.
La réalité virtuelle est comme un casque à vos yeux
La réalité virtuelle nécessite un environnement sûr, vous ne pouvez pas y entrer en déplacement. Cela limite les possibilités de la VR
Clôture de la session le matin Archie tsé du New York Times avec le thème provocateur « Pourquoi NYT fait moins de travail interactif ».
Le travail de NYT est basé sur trois règles de narration visuelle :
- Si le lecteur a besoin de cliquer et non de faire défiler, alors quelque chose d'inhabituel doit se produire.
- Supposons que les infobulles 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 tout de suite.
- Si vous voulez faire quelque chose d'interactif, n'oubliez pas que cela coûtera cher de le faire fonctionner sur toutes les plateformes.
Vous devrez redessiner vos graphiques 2 ou 3 fois pour que tout fonctionne à la fois sur desktop et mobile
Comment ces règles ont changé l'approche du NYT :
- La plupart des rendus sont maintenant statiques
- Plus de textes
- Si vous avez besoin de mouvement dans l'image, il apparaît pendant le défilement
(Le quatrième point dit qu'ils font toujours un travail interactif. Mais maintenant, la raison devrait être TRÈS significative).
Nous avons fait des étapes "à plusieurs étapes". Les utilisateurs se sont arrêtés à l'étape 3. Les lecteurs veulent simplement faire défiler, pas cliquer
Archie Tse : défilement contre. en cliquant
Depuis 18 semaines, Andy Kriebel publie des infographies et des données tous les dimanches soirs sur VizWiz. La tâche consiste à allouer environ une heure 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 interactive - dans le blog d'Andy :
#MakeoverMonday par Andy Cotgreave. Description détaillée et interactive - dans le blog d'Andy :
J'ai aussi appris que 51 % des gens dans le monde sont plus jeunes que moi, et 63 % en Russie sont plus âgés, 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 frappé fort.
Visualisation de données - utilise de grands ensembles de données avec moins de travail de conception manuel ; basé sur des algorithmes. Par exemple, le travail interactif du New York Times.
Arts visuels - codage unidirectionnel. Des visualisations magnifiques mais difficiles à déchiffrer, telles que 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 comprendre l'essence du problème, nuisant ainsi à l'objectif de la visualisation - informer le public. C'est pourquoi il est si important de comprendre et de comprendre le problème de l'alphabétisation visuelle dans le contexte de la visualisation.
Nouvelle "grammaire visuelle" du journalisme
Voici trois exemples qui expérimentent des façons de présenter le journalisme interactif. Ils ont l'air impressionnants, mais leur interprétation peut être une tâche intimidante pour beaucoup.
Droits des homosexuels aux États-Unis, État par État
Le nombre de sources de données disponibles aujourd'hui et d'outils pour leur traitement en lui-même montre déjà clairement que tant de personnes n'ont jamais essayé de se mettre à l'aise dans 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 conseillent les professionnels ? Ce sera le sujet de cet article.
Parler de visualisation de données sans en parler, c'est comme parler de l'histoire des ordinateurs personnels et ne pas dire un mot sur Steve Jobs. D3 (Data Driven Documents) est sans exagération la bibliothèque JavaScript open source la plus importante et la plus dominante du marché, qui est couramment utilisée pour créer des graphiques SVG. SVG (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û à l'aspect avantageux des graphiques vectoriels sur les écrans haute résolution (en particulier, les écrans Retina utilisés dans les appareils Apple), qui sont de plus en plus fréquents.
« Soyons honnêtes, si la tâche est la visualisation de données basée sur SVG, alors toutes les autres bibliothèques n'étaient même pas près de la 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 construits sur le 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, je rejoins l'avis précédent : « D3 est extrêmement puissant dans la mesure où il utilise tout ce que les navigateurs ont à offrir. Bien que cela ait un inconvénient : si le navigateur ne prend pas en charge quelque chose, par exemple, des images 3D basées sur WebGL (de la bibliothèque anglaise de graphiques Web), alors D3 ne le prendra pas non plus en charge. "
Bien que cette bibliothèque soit vraiment polyvalente, 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 même ne suggère aucune approche de rendu spécifique", ajoute Scott Murray. "C'est donc vraiment un outil pour charger des données dans un navigateur, puis générer des composants DOM basés sur ces données."
Alors que D3 est une excellente boîte à outils pour les images personnalisées, si vous souhaitez créer un graphique standard sans trop de travail visuel, alors un outil comme Véga... En tant que framework basé sur D3, Vega fournit une alternative pour afficher les composants graphiques. En utilisant Vega, vous pouvez visualiser les données JSON European Journalism Center et le projet Data Driven Journalism. Les dates exactes du cours ne sont pas encore connues, mais vous pouvez vous inscrire dès maintenant.
En cinq jours, les participants au cours seront en mesure d'apprendre ce qu'est le journalisme de données, son fonctionnement et les compétences clés que vous devez maîtriser pour devenir un spécialiste dans ce domaine. Déterminez où rechercher des données pour étayer vos graphiques et comment trouver de nouvelles idées dans les données. 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 du design 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.
