25 infographies interactives pour le designer en vous
Depuis le début du siècle, l’infographie a eu un impact puissant sur la façon dont nous percevons les médias Web. À ses débuts, il était révolutionnaire en tant que support idéal pour représenter les données et divertir le public.
Le succès de l’infographie a évolué depuis cette époque. Il y a quelques années à peine, l’infographie est devenue extrêmement populaire avec l’éruption du marketing numérique et de l’optimisation des moteurs de recherche.
Leur popularité a entraîné plusieurs changements dans la façon dont ils ont été présentés. Seuls les meilleurs des meilleurs ont été partagés sur les réseaux sociaux, ce qui a permis d’accroître la notoriété de la marque et l’engagement des consommateurs.
Au fur et à mesure que l’infographie traditionnelle évoluait pour suivre l’évolution des goûts des consommateurs, elle a apporté au monde l’infographie interactive, qui devient la forme de représentation de données la plus recherchée à ce jour, rendant même certaines infographies statiques obsolètes et non pertinentes.
Pour vous aider à garder une longueur d’avance sur votre conception graphique et à créer une infographie susceptible de devenir virale, jetez un œil à cette liste d’impressionnantes infographies interactives.
1 Est du Tennessee de Derby Supply Chain Solutions
Cette infographie conçue pour décrire une partie de l’histoire, de la culture et des faits amusants de l’est du Tennessee utilise le défilement parallaxe pour donner vie au paysage à mesure que divers faits et informations sont liés. Cela rend l’apprentissage de cet endroit spécifique beaucoup plus agréable!
2 L’histoire complète des médias sociaux par AvaLaunch Media
Vous ne saviez probablement pas que la race humaine avait une version des médias sociaux qui remonte aux années 1800, n’est-ce pas ? Cette infographie permet à l’utilisateur de parcourir différentes périodes pour découvrir la longue et intéressante histoire des médias sociaux à travers les âges. La capacité de contrôler la vitesse et l’ordre des informations est une perspective passionnante pour les consommateurs.
3 Comment fonctionne la recherche à partir de Google
Google a probablement plus de statistiques et d’informations à partager sur l’utilisation et la navigation sur Internet que toute autre entreprise, et ils partagent certaines de ces données dans cette infographie qui explique la popularité des recherches sur le Web et comment elles fonctionnent à travers une histoire en trois parties que les utilisateurs peuvent faire défiler. à leur rythme.
Cette décharge d’informations animée est tout simplement amusante. Lorsque vous faites défiler le graphique aux couleurs vives et riche en informations, des graphiques accrocheurs apparaissent pour aider à améliorer les données et rendre l’expérience éducative beaucoup plus divertissante.
5 L’happy hour éclairé : un guide interactif de ce que vous sirotez par la cinquième colonne
Tout le monde aime l’happy hour, mais toutes les calories consommées en une seule séance ne font pas grand-chose pour votre tour de taille. Cette infographie utilise un paramètre de barre et vous permet de cliquer sur différents types de boissons pour découvrir les informations nutritionnelles de chacune, y compris les calories et la teneur en alcool. Remarquez la nature convaincante des visuels.
6 Évolution d’Insight par Vision Critical
Vous ne vous souciez peut-être pas de l’histoire des études de marché, mais vous serez toujours intéressé à parcourir cette infographie captivante, qui utilise des graphiques audacieux et une variété de pages pour partager les histoires de nombreuses personnes et événements influents des années 1900 à aujourd’hui.
7 droits politiques des femmes dans le monde par The Guardian
Découvrez à la fois les droits des femmes dans diverses parties du monde et la conception interactive de qualité grâce à cette infographie animée. Les téléspectateurs peuvent cliquer sur n’importe quel pays ou région du monde pour en savoir plus sur les droits politiques des femmes. Cette infographie est géniale car les créateurs présentent de gros volumes d’informations, mais les créateurs du visuel le présentent de manière à ce que les utilisateurs puissent obtenir les informations qu’ils souhaitent sans se sentir dépassés.
8 menaces pour la sécurité du commerce de détail par Nuspire
Cette infographie interactive utilise HTML5 et une maquette d’un espace de bureau typique pour montrer exactement à quel point les entreprises sont vulnérables aux pirates. Les téléspectateurs sont invités à utiliser la barre d’espace ou les touches fléchées pour passer d’une menace de sécurité à une autre. Cela aide à faire passer le message, car le visuel montre aux entreprises les emplacements physiques les plus faibles. C’est une menace qu’ils peuvent vraiment expérimenter.
9 Pourquoi vous ne devriez pas boire et conduire depuis les parkings du centre-ville de Leeds
Cette infographie est inspirée pendant les vacances lorsque l’alcool au volant est à son pire. Les consommateurs peuvent dire à cette infographie combien ils ont bu, et cela les informera si cette quantité dépasse ou non la limite légale. Il est accompagné d’une série de statistiques afin de promouvoir des rues plus sûres.
10 vols interactifs par The Guardian
Regardez des jets et des avions minuscules sillonner dans les airs en même temps pour voir à quelle fréquence les êtres humains prennent leur envol. Il montre à la fois les périodes les plus chargées pour voler et également les zones qui reçoivent le plus de trafic aérien. C’est une représentation de données fascinante, c’est le moins qu’on puisse dire, qui encourage l’exploration personnelle à travers les données.
11 13 raisons pour lesquelles votre cerveau a besoin d’infographies de NeMam Studios
Au cas où vous auriez oublié pourquoi les infographies ont tant de succès, ce graphique animé vous le rappellera. Avec des couleurs vives, un défilement parallaxe et juste ce qu’il faut de mouvement graphique, ce visuel + garde les téléspectateurs divertis et informés jusqu’à la fin.
12 Mapping the Dead: Gun Deaths Since Sandy Hook par The Huffington Post
Ce graphique qui donne à réfléchir montre les régions les plus courantes pour les décès par arme à feu aux États-Unis depuis la fusillade à l’école primaire de Sandy Hook. Le sujet de l’infographie est triste, mais la présentation est brillante pour faire passer le message.
13 Dribbble: à quoi ça sert? par Dribbble LLC
Presque tous les éléments de cette infographie HTML5 prennent vie lorsque vous déplacez le curseur pour montrer un élément différent de l’utilisation de Dribble. Bien que la plupart des informations contenues dans ce graphique puissent être plus spécifiques, l’utilisation de l’animation rend l’accès au contenu extrêmement facile et passionnant.
14 Comment fonctionne un moteur de voiture à partir d’Animagraffs
Cette infographie met le doigt sur la tête avec leurs graphismes, car comprendre le fonctionnement d’un moteur de voiture est vraiment quelque chose que vous devez voir en action. il explique au ralenti comment le moteur prend vie avec une série de graphiques montrant ce que fait chaque partie du moteur.
15 Combien de ménages sont comme le vôtre ? du New York Times
Si vous vous êtes déjà demandé si la situation de votre ménage était unique, ce visuel interactif vous donnera la réponse. L’utilisateur peut choisir une variété d’options de tailles et de situations familiales pour savoir comment le reste du pays correspond. Ce n’est pas aussi actuel qu’il pourrait l’être, mais c’est toujours une excellente représentation de la bonne façon d’utiliser les graphiques animés.
16 L’avenir radieux de l’autopartage
Lorsque vous visualisez cette infographie, vous montez dans une petite voiture verte et roulez à votre rythme pour découvrir comment l’autopartage est censé changer au fil des ans. Il existe plusieurs façons d’interagir avec cette infographie. Vous pouvez faire défiler d’un côté à l’autre pour déplacer la voiture ou survoler certains éléments du visuel pour obtenir plus d’informations. Les multiples formes d’interaction sont extrêmement efficaces pour maintenir l’intérêt des téléspectateurs du début à la fin.
17 véritables contes de poisson par United Marine
Ce site Web est le rêve d’un pêcheur. Non seulement il révèle certains des meilleurs poissons de chasse dans chaque région, mais il partage également les histoires de ceux qui ont attaqué le plus gros poisson de proie et ont gagné. Il est facile de passer d’un point d’information à un autre et les grandes histoires de poissons sont captivantes.
18 géants de la technologie affamés de Simply Business
Cette infographie compare la croissance de cinq grandes entreprises technologiques. Il montre à la fois le temps de croissance et le montant réalisé par chaque entreprise. Si vous cliquez sur chaque icône d’entreprise, cela vous mènera à une page sur la situation financière de chaque entreprise, ce qui est un moyen très efficace de transmettre de nombreuses informations tout en conservant l’intégrité du visuel.
19 L’évolution du Web
Jetez un œil à la façon dont ce graphique se déplace lentement de la création d’Internet à l’endroit où nous en sommes aujourd’hui. Le début simple qui mène à un état plus complexe montre effectivement à quel point Internet est devenu vaste et répandu en seulement 20 ans. Pour couronner le tout, l’utilisateur peut choisir parmi plusieurs langues.
Promenez-vous dans la rue des années 1950 à nos jours et découvrez certains des partenaires de collaboration les plus influents. L’utilisateur peut cliquer sur chaque période et explorer l’historique à sa guise. L’infographie maintient le spectateur engagé jusqu’à la fin où l’entreprise révèle son appel à l’action. Une autre représentation d’un graphique qui peut convertir efficacement un public.
21 Branchement: comment les petites entreprises utilisent la technologie à partir de bonnes infographies
L’un des plus grands défis de l’infographie est de présenter un volume élevé d’informations sans submerger le public. Ce visuel fait exactement cela sans accroc, permettant au visiteur de cliquer sur l’infographie pour lire les données. Le visuel est à la fois attrayant et informatif, amenant le lecteur à une conclusion logique.
22 Évolution de la console de jeux de Design by Soap
Voyez combien coûtait alors une console de jeu construite en 1972 par rapport à aujourd’hui. Le visuel vous emmène d’une année à l’autre, montrant chaque console créée, l’année de sa fabrication et le coût d’hier et d’aujourd’hui. Chaque page de console a un endroit où les utilisateurs de l’infographie peuvent lire plus d’informations sur la console individuelle.
23 voyages épiques du jeu sur console par Butler’s Bingo
Les joueurs du monde entier adorent cette infographie qui partage des informations pertinentes sur divers jeux vidéo populaires. Vous pouvez choisir parmi plusieurs jeux différents et découvrir des informations sur l’intrigue et les missions du jeu. Il est facile de cliquer et de profiter des informations présentées. C’est l’infographie parfaite pour les entreprises qui cherchent à attirer le geek intérieur des consommateurs.
24 La création expliquée par Togethera
Vous souvenez-vous du film Inception de 2010 avec Leonardo DiCaprio et Joseph Gordon-Levitt? C’est pour le moins ahurissant. Si vous êtes l’un des nombreux à avoir eu du mal à suivre tout le concept de création et la façon dont les personnages sont passés d’une étape à l’autre, cette infographie est pour vous. Plus important encore, cette infographie est un excellent exemple de la façon de raconter une histoire avec des tactiques de parallaxe.
25 Bond: Permis de conduire
Cette infographie a quelque chose pour tout le monde. Pour les fans de voitures, il montre certaines des voitures les plus cool de l’histoire des films Bond. Pour les fanatiques de Bond, cela montre un peu tous les films de Bond réalisés (y compris celui qui n’est pas encore sorti). Et pour les designers, c’est un moyen exceptionnel de garder votre public captivé du début à la fin avec ce visuel interactif.
Chacun de ces exemples offre quelque chose à apprendre sur la conception infographique réussie. Au fur et à mesure que vous étudiez chacun de ces graphiques, vous trouverez des choses que vous pensez être brillantes et des choses qui ne fonctionnent pas avec autant de succès. Quoi qu’il en soit, cela vous aidera à vous donner l’inspiration dont vous avez besoin pour une conception graphique efficace en 2015.