Maison / Maîtriser le PC / Quelle est la meilleure façon de créer des infographies interactives ? Conseils pour créer de superbes infographies interactives. Qu'est-ce que le référendum écossais ? Explication pour les non-Britanniques

Quelle est la meilleure façon de créer des infographies interactives ? Conseils pour créer de superbes infographies interactives. Qu'est-ce que le référendum écossais ? Explication pour les non-Britanniques

Ébrécher réalité virtuelle est-ce que pour les autres tu ressembleras à un idiot

Le Cardboard Design Lab de Google est un bon "tutoriel" pour les concepteurs de réalité virtuelle débutants

Infographies - comme un jeu d'aventure

Le problème avec Unity, c'est qu'il n'est pas si simple de créer une bonne chose pour le Web.

La réalité virtuelle est comme des écouteurs pour vos yeux

La réalité virtuelle nécessite un environnement sûr ; vous ne pouvez pas y accéder « en déplacement ». Cela limite ce que la VR peut faire

Clôture de la séance en première partie de journée Archie Tsé du New York Times avec le sujet provocateur « Pourquoi le New York Times fait un travail moins interactif ».

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

  1. Si le lecteur a besoin de cliquer au lieu de faire défiler, alors quelque chose d’extraordinaire doit se produire.
  2. Supposons que les info-bulles et tout autre effet de survol ne soient jamais vus par personne. Si le contenu est important, assurez-vous que le lecteur le voit immédiatement.
  3. Si vous souhaitez créer quelque chose d'interactif, n'oubliez pas qu'il coûtera cher de le faire fonctionner sur toutes les plateformes.

Vous devrez redessiner vos graphiques 2 ou 3 fois pour que cela fonctionne aussi bien sur ordinateur que sur mobile

Comment ces règles ont changé l'approche du New York Times :

  1. La plupart des visualisations sont désormais statiques
  2. Il y a plus de textes
  3. Si un mouvement dans l'image est nécessaire, il apparaît lors du défilement

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

Nous avons fait des « multi-étapes ». Les utilisateurs s'arrêtent à 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 chaque dimanche soir une infographie et les données sur lesquelles elle est basée sur VizWiz. La tâche consiste à allouer environ une heure le lundi, à analyser rapidement la visualisation et à créer votre propre version.

Nous publions ci-dessous les résultats de la semaine dernière - L'esclavage au 21ème 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 - sur le blog d'Andy :

J'ai également découvert 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 ont touché une corde sensible en moi.

Visualisation de données Utilise de grands ensembles de données avec moins de travail de conception manuel basé sur des algorithmes. Par exemple, l'ouvrage 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 d'approfondir 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 l'alphabétisation visuelle dans le contexte de la visualisation.

Une nouvelle « grammaire visuelle » du journalisme

Voici trois ouvrages qui expérimentent des manières de présenter le journalisme interactif. Ils ont l’air impressionnants, 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 indique clairement 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 un tel nombre de matériaux disponibles pour l'étude, il n'y a qu'une seule question "Où commencer?" peut être intimidant pour tout débutant. Alors, quelles bibliothèques sont les meilleures et que recommandent les professionnels ? Ceci sera discuté dans cet article.

Parler de visualisation de données et ne pas en parler revient à parler de l'histoire de la création. Ordinateur personnel et ne dites pas 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. SVG (de l'anglais Scalable Vector Graphics) est, quant à lui, un format image vectorielle, pris en charge par les navigateurs Web mais auparavant peu utilisé.

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

"Soyons honnêtes, si le problème concerne la visualisation de données basée sur SVG, alors toutes les autres bibliothèques ne sont même pas près de le résoudre", déclare Moritz Stefaner, expert indépendant en visualisation de données et propriétaire d'entreprise. Vérité et beauté. « Il existe également de nombreux projets intéressants créés sur la base de D3, comme NVD3, qui fournit des composants graphiques standards - prêts à l'emploi, mais personnalisables ; ou disons que Crossfilter est simplement un outil de filtrage de données exceptionnel.

Scott Murray, programmeur concepteur et auteur de livres Visualisation de données interactive pour le Web, rejoint l'avis précédent : « D3 est extrêmement puissant car il profite de 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 les 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 véritablement universelle, elle ne constitue toujours pas une 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 une approche particulière en matière de visualisation", ajoute Scott Murray. "Il s'agit donc en réalité d'un outil permettant de charger des données dans le navigateur, puis de 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 travailler sur l'aspect visuel, vous pouvez trouver un outil comme Véga. En tant que framework développé sur D3, Vega offre une alternative pour l'affichage des composants graphiques. Grâce à Vega, vous pouvez visualiser des données au format JSON Centre européen de journalisme et 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 pourront apprendre ce qu'est le journalisme de données, comment il fonctionne et quelles compétences clés ils doivent maîtriser pour devenir un spécialiste dans ce domaine. Découvrez où chercher des données pour étayer vos histoires et comment trouver de nouvelles idées dans les 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 des infographies interactives vraiment étonnantes ?

Les infographies sont partout et, dernièrement, elles 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 souhaitez la rendre interactive.

Comme détaillé dans cette infographie, les gens perçoivent mieux les informations visuelles. Nous sommes beaucoup plus susceptibles de lire, de comprendre et de nous souvenir d’une présentation si elle comporte des visuels attrayants. est un outil d'apprentissage efficace, mais il peut être encore amélioré.

L’apprentissage cinétique est une excellente alternative car les gens apprennent mieux grâce aux activités physiques.

C'est pourquoi l'ajout d'interactivité au domaine prometteur de la 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 entendu, 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.

2. Ajouter des effets de défilement

Au cours des dernières années, les infographies ont évolué d'images statiques vers de riches expériences interactives avec des animations et des vidéos adaptées à un contenu unique. Il ne se limite plus aux modèles prédéfinis et universels. Et la sélection d'aujourd'hui contient les meilleurs exemples d'infographies qui dé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 lequel les concepteurs abordent la visualisation des données. Cependant, il existe également quelques « hybrides » qui illustrent la frontière floue entre les infographies et les expériences multimédias riches lors de la création de contenu attrayant et d'histoires convaincantes sur les pages de destination. S'écarter des formes traditionnelles signifie que nous entrons dans un territoire médiatique plus complexe, et c'est ce type d'expérimentation de la technologie et de la narration qui sera essentiel pour façonner l'avenir du design graphique.

1. Carte des vents

La carte des vents est une pièce de conception à couper le souffle qui montre la direction et la vitesse du vent aux États-Unis. Cette conception a un but artistique plutôt qu'utilitaire, et c'est merveilleux : il est très agréable de simplement s'asseoir et de regarder comment les fils fins et fins s'enroulent sur la carte. Un exemple simple mais bien pensé de la manière dont les infographies montrant les trajectoires des formes bénéficient de l'animation et des images animées.

2. En vol

En 2014, The Guardian a lancé une infographie intitulée In Flight, qui montrait des données en temps réel sur les vols commerciaux (elle ne semble plus être mise à jour, ce qui est dommage) et comprenait également une leçon sur l'histoire de l'aviation. Les conversations feutrées entre équipages aériens au début du spectacle interactif créent une atmosphère particulière. Il semble que les infographies se transforment peu à peu en expériences cinématographiques 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 plutôt bien son objectif. En 2015, grâce à la NASA, les infographies des phases lunaires étaient mises à jour toutes les heures, et il n'était pas nécessaire d'aller sur Google pour rechercher cette mystérieuse information. Vous pouvez désormais visualiser des 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 intéressé par la science. Parmi eux, il y en avait un sur le célèbre survol d'un vaisseau spatial près de Pluton (24 Hours Of Pluto). L'infographie comprenait beaucoup informations textuelles, mais les visuels donnaient un aperçu facile des points forts, de la structure de la planète naine au processus par lequel ses lunes se sont formées. La partie texte est désormais 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 qui se reflète dans l'évolution des styles de maison. Cette infographie bien illustrée vous permet de prendre le volant d'une voiture (qui change également d'apparence à 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 qui étaient populaires au cours de différentes décennies. En chemin, vous rencontrerez une multitude de documents utiles (y compris les conditions sociopolitiques de l'époque, ainsi que les tendances de la mode), et tout se termine par une question qui vous met au défi d'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'avère utile ici.

6. L'évolution de l'analyse marketing

Dans son infographie Evolution of Insight, la société d'intelligence utilisateur Vision Critical suit l'évolution du marché des technologies marketing dans le monde depuis les années 1890 jusqu'à nos jours. Il fonctionne de manière similaire à l'infographie Comment les maisons américaines ont changé 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 de voir les maisons pendant que vous conduisez, ce qui est beaucoup plus intuitif que de parcourir Great American Analytics. Les bonnes infographies sont créées autour du contenu, pas autour de lui.

7. Droits LGBT dans le monde

The Guardian occupe une nouvelle place sur notre liste avec cette infographie astucieuse expliquant le paysage juridique des droits LGBT sur une série de questions (mariage, discrimination sur le lieu de travail, crimes haineux, etc.) dans chaque État du monde. Se déplacer dans le 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. Il existe également ici un puissant appel à l’action, visant à combler le fossé entre la prise de conscience et l’activisme.

8. Les inégalités peuvent être réparées.

Un autre excellent exemple d'infographie interactive, Inequality Is Fixable, invite le public à se plonger dans un problème tout en le rendant profondément personnel. Le téléspectateur est assuré de rester intéressé par le matériel qui lui indique à quel point son patron est sous-payé et pourquoi. En intégrant l'utilisateur à l'histoire, les développeurs piquent la curiosité et guident l'utilisateur à travers toutes les étapes nécessaires jusqu'à l'appel à l'action à la fin.

« Nous avons laissé cela se produire ; comment pouvons-nous y remédier maintenant ? »

9. Dessinez par vous-même : Comment le revenu familial 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 de graphique classique, mais elle utilise également la compréhension du comportement des utilisateurs pour élargir la portée de la conception infographique, à savoir la technique de proactivité. et visualisation interactive. 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 sont allés à l’université. Axe horizontal : centile de revenu parental

10. Comment meurent les Américains

À l'exception de l'image de titre, cet exemple utilise principalement d'anciens graphiques pour visualiser le contenu. Mais ce n'est pas du tout ennuyeux, puisque 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 avec celui d'aujourd'hui (indice : il est en augmentation maintenant), ce qu'un graphique statique ne ferait pas aussi bien.

11.

Depuis que Snowfall a suscité 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 incroyablement intéressante. Ils ont des exemples plus frappants, mais La Russie laissée de côté est une œuvre qui a suscité une certaine résonance. L'infographie fonctionne comme un voyage interactif à travers la Russie (vous vous dirigez sur une carte).

12. Les voitures de Bond

Si jamais vous souhaitez 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 le design de chacune des voitures Bond, ainsi que quelques faits amusants supplémentaires. En utilisant la tactique du curseur omniprésente, 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 d'infographies qui analyse les films uniquement en fonction de leur palette de couleurs, obtenu en connectant toutes les images. Si vous vous êtes déjà posé la question, vous avez maintenant la réponse. Vous ne trouvez pas un titre dans la base de données ? Envoyez simplement un message aux développeurs - ils acceptent les demandes.

14. Tombeau royal 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 la colonne Trajane), mais nous avons choisi cet exemple relativement simple pour mettre en évidence les utilisations que les techniques sont vraiment efficaces dans infographie interactive. Le « Tombeau Royal Wari du Pérou » révèle les particularités de l'enterrement d'une noble de cette époque. L'attention se déplace des emballages de la momie vers ses décorations et sa position. En divisant les informations en petites parties et en permettant à l'utilisateur de naviguer entre elles, graphiques interactifsévite les pièges les plus insidieux : surcharge de données et effets visuels. De plus, chaque interaction ultérieure enrichit l’expérience, la rendant bien plus enrichissante que si tout était présenté en même temps. Notre cerveau dispose d'un mécanisme qui rejette les stimuli excessifs, et ce type d'interaction devient une excellente solution pour l'utilisateur, permettant d'absorber facilement les informations.

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

Le Guardian, comme le New York Times, s'engage dans le journalisme multimédia, et sa vidéo remplit parfaitement l'une des fonctions principales de l'infographie : mettre des informations encombrantes sous une forme gérable. Pour beaucoup d’entre nous vivant en dehors du Royaume-Uni, le référendum est un sujet très déroutant. Heureusement, cette vidéo (Le référendum écossais expliqué aux non-Britanniques) vous aidera à découvrir rapidement les aspects importants sans avoir à le faire. plongée profonde dans l'histoire.

16. Santé publique

Avant publication L'Atlantique La tâche était de développer le concept d'amélioration de la santé de la société. Il a chargé Truth Labs de développer une série en trois parties sur « La santé de la population » dans la narration numérique. L'objectif principal de l'artiste était de préserver 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 d'un point de vue visuel. Pour lui donner vie, 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 que la lisibilité soit une règle clé.

17. Les céréales de Joho

Le producteur de café autrichien Joho's a créé une expérience multimédia immersive, Joho's Bean, pour raconter l'histoire des origines du grain de café. Le récit combine de manière transparente l'audio, la vidéo et la photographie pour engager presque tous les sens de l'utilisateur. Alors que vous suivez un agriculteur à travers une plantation de café, vous entendez le chant des oiseaux, le bruit des grains de café torréfiés emballés dans des sacs, et le bruit des rues animées et de la circulation de la ville. Immersion totale !

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

18. Route immaculée

The Wild Path est une expérience de récit de voyage interactive créée à l'aide de Canvas. L'élément principal est la carte, qui anime le chemin sur la carte lorsque vous faites défiler la page. Le projet peut ne pas fonctionner dans tous les navigateurs. Mais il est accompagné d'un article qui explique toutes les technologies en coulisses pour la création d'infographies.

19.

La couverture par le Guardian de l'élection présidentielle américaine de 2016 (Live Election Results) a apporté un élément amusant à la question sérieuse des chiffres et des 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 une zone de la carte, il indiquait les résultats obtenus par les candidats. Les candidats à la présidentielle étaient présentés comme de drôles d’avatars pixelisés. Au fur et à mesure que l'infographie était mise à jour en temps réel, les gens coloriaient les États qu'ils avaient gagnés. De temps en temps, une citation apparaissait dans une bulle à côté du candidat.

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

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. YouTube et Instagram sont dominés par le contenu visuel ; YouTube est le 3ème site le plus visité sur le Web et Instagram publie plus de 80 millions de photos chaque jour.

Les articles de blog et les articles sont 80 % plus susceptibles d'être consultés s'ils contiennent des images, des titres ou des miniatures en couleur, et les internautes ne passeront pas plus de 15 secondes sur un site s'il n'attire pas immédiatement leur attention.

Les infographies sont les préférées du public et des détaillants, et sont 800 % plus intéressantes pour les gens 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 quantité de nouveau contenu chaque jour ! Vous pouvez en apprendre davantage dans l’article de synthèse.

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 considérant ce qu’ils peuvent faire maintenant, ce qu’ils peuvent mettre en œuvre et quelles nouvelles technologies se profilent à l’horizon. Ce type de réflexion prospective est ce qui peut faire ou défaire vos efforts de marketing de contenu ; vous devez vous adapter ou vous vous noierez.

Avec du contenu visuel comme les infographies, 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 et à les mettre à 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 se renseigner sur les tendances qui commencent tout juste à se développer, tout comme il n'est jamais trop tôt pour apprendre à les mettre en œuvre dans vos stratégies de marketing de contenu.

Si vous souhaitez regarder vers l’avenir, et peut-être même apprendre quelques astuces avant tout le monde, c’est le moment !

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

Si vous recherchez un outil de création d'infographie sympa, je vous recommande de consulter Visme. Pour commencer, ils offrent un compte gratuit et génial fonctions pratiques pour ceux qui ne sont pas impliqués dans le design. Vous pouvez obtenir un compte gratuit dès maintenant.

1. Infographies interactives

Même si nous avons vu la beauté des sites Web interactifs et des jeux faciles à utiliser, les infographies interactives sont encore relativement nouvelles dans leur domaine. Comme les infographies, elles contiennent évidemment des informations et 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.

Quel que soit votre entreprise, produit, service ou message, vous pouvez créer une infographie interactive qui permet aux gens de s'évaluer (par exemple, « calculez votre IMC ici »). Les utilisateurs peuvent également cliquer sur des informations pertinentes, ce qui les renverra vers une ressource plus approfondie, ou vers une 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 transmet rapidement. Mais en même temps, beaucoup prennent encore comme base 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
  • Construire des « fenêtres contextuelles » qui agrandissent les zones de texte
  • Des images ou des statistiques apparaissent lorsque vous cliquez dessus
  • Transformez vos infographies en plusieurs pages que les utilisateurs peuvent consulter

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

Pour créer une 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 à votre place.

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

Pourquoi devriez-vous essayer de mettre en œuvre des infographies dans un avenir proche ?

  • Cela encourage votre public à interagir et à partager votre contenu.
  • Il génère du trafic (via des liens)
  • Cela prouve à votre public que vous êtes innovant, ingénieux et que vous avez l’intention de fournir un contenu opportun et intéressant.
  • Il existe des couches d'infographies interactives 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 l’on voit de plus en plus souvent aujourd’hui. Les infographies proposant 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 soit limité par les plateformes, vous pouvez partager vos infographies au présent.

De nombreux outils d'infographie simples, tels que Easel.ly, proposent 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 en ligne 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 deviendra 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 autour de vous, même leurs chiens, n’apprenne comment le faire, commencez dès maintenant avec les outils que vous trouvez en ligne.

Si vous souhaitez passer au niveau supérieur, vous pouvez créer une vidéo à partir d’une infographie que vous possédez déjà. C'est une excellente opportunité 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 une vidéo ou un GIF dans une infographie ?

  • Cela vous donne un é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.
  • Ce bonne façon montrez à tous le caractère unique de votre marque

3. Infographie animée

Les infographies animées comportent 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 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 certaine forme de conception graphique, de codage et/ou de connaissances en logiciels, 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 qui vous aident à créer des infographies de ce type. Quoi qu’il en soit, il s’agit de l’un des processus les plus complexes de l’évolution de l’infographie.

Pourquoi devriez-vous investir votre temps, votre énergie et/ou votre argent dans la création d’infographies animées ?

  • Cela vous permettra de vous démarquer de la foule, car tout le monde n'a pas accès à ce type de services. logiciel ou du contenu
  • Dans quelques années, cela deviendra 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

Ce n'est pas de la science fiction.

Cela peut sembler trop technique et au-delà de vos capacités actuelles, mais il est probable que ces types d'infographies deviendront très courants dans 2-3 ans. Nous pouvons déjà constater une forte percée dans les infographies animées et les GIF, d’autant plus que les GIF 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 d’un symbole.

Si une personne moyenne passe environ 15 secondes sur un site et commence ensuite à s'ennuyer, alors vous souhaitez naturellement afficher sur l'écran tout ce qui pourrait la retenir - 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 8 secondes maximum, et ce chiffre diminue chaque année.

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

Si la disponibilité des infographies aujourd’hui est une indication, elles seront bientôt partout. Cela signifie de nouveaux changements dans votre travail. Aucune campagne de marketing dans l’histoire n’a réussi en faisant toujours la même chose.

L'idée ici est de voir l'infographie comme plus qu'une simple image JPEG. Les infographies peuvent être adaptées à différents supports 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 toi?