Les 24 meilleurs sites Web interactifs de 2015

Tout le monde s'extasie sur la popularité de la vidéo Web cette année, mais une forme de contenu visuel dont on parle moins, les sites Web interactifs, peut être bien plus attrayante. Ces sites attirent le spectateur dans des histoires riches avec de superbes photographies, vidéos, mots et éléments interactifs qui créent une expérience personnelle stimulante. Ce sont quelques-unes des étoiles les meilleures et les plus brillantes d'une constellation d'excellents sites Web interactifs (nous passons beaucoup de temps dans le noir à cette période de l'année – excuses pour l'utilisation d'une métaphore ridicule). Quoi qu'il en soit, voici certaines des choses que nous pensons qu'une très bonne expérience interactive devrait faire :

• Rendre des quantités massives de données accessibles et accessibles
• Informer ou divertir
• Utilisez l'interactivité pour créer une expérience distincte pour chaque spectateur
• Créez une connexion émotionnelle que le contenu statique n'aurait pas

Voici 24 de nos favoris, tels que nommés par les gens du bureau de Visually. Cela comprend un mélange d'interactifs provenant de médias d'information, de marques, d'organisations géopolitiques et de designers qui le font juste pour le plaisir. Si vous voulez vraiment creuser en profondeur, vous pouvez également consulter une liste complète de nos choix de personnel de la communauté visuelle. Nous avons essayé d'être impartiaux, mais comme nous produisons des sites Web interactifs dont nous sommes assez fiers, quelques-uns se sont faufilés sur la liste. Nous avons appelé ceux sur lesquels nous avons travaillé ci-dessous.

Temps : un an dans l'espace

Important parce que : ce site Web interactif présente le voyage de l'astronaute de la NASA Scott Kelly vers la Station spatiale internationale et son séjour dans l'espace tout au long de 2015. Il est présenté en épisodes, ce qui facilite la navigation par morceaux. Les images sont visuellement époustouflantes et le sujet suscite l'esprit enfantin d'exploration en chacun de nous. La cerise sur le gâteau, c'est lorsque le site brise le quatrième mur en vous montrant où se trouve actuellement la Station spatiale internationale, puis explique comment sortir et la repérer dans le ciel.

Meilleures qualités interactives : les arrière-plans dynamiques mènent à des segments vidéo documentant les voyages et le travail de Kelly. Un panneau de navigation sur le côté gauche de la page permet de cliquer facilement d'une section à l'autre, et il dispose également du type de télémétrie en temps réel que vous attendez de la NASA.

Land Rover : le jeu de la disparition

Important parce que : cet interactif donne vie à une histoire écrite par l'auteur William Boyd. Il se décrit comme « une aventure racontée en utilisant les incroyables techniques de l'ère numérique et sociale ». Traduit, cela signifie qu'il s'agit d'une vidéo interactive où le spectateur contrôle les stimuli qu'il reçoit. Supprimez les images, lisez un script défilant, écoutez le récit ou fermez le tout pour un film muet.

Meilleures qualités interactives : les boutons de navigation limités laissent l'accent sur des visuels époustouflants et le scénario. Le contenu change au fur et à mesure que le lecteur défile, permettant au spectateur de définir son propre rythme.

TSN : Favela United

Important parce que : cette histoire vraie des favelas pauvres du Brésil présente de jeunes femmes dures qui ont été façonnées par la culture du football. De superbes reportages avec des transitions spectaculaires et des visuels époustouflants.

Meilleures qualités interactives : l'histoire tisse un récit humain puissant avec des statistiques approfondies. Ce mélange de reportage de qualité, de photographie et de conception est totalement captivant.

NPR : Une fille peut rêver

Important parce que : NPR associe l'audio, la vidéo et un storyboard interactif pour emmener les téléspectateurs dans un voyage dans une école en Afghanistan pour examiner de près les défis auxquels sont confrontées les femmes dans le système éducatif.

Meilleures qualités interactives : les images fixes sont mélangées pour créer une animation qui fait avancer l'histoire. Le texte est divisé en petits morceaux qui se superposent au bas des images pour créer une expérience de lecture plus facile.

Cohn & Wolfe : le taux de cholestérol

Important car : ce contenu explicatif guide les lecteurs État par État à travers des statistiques sur les problèmes liés au cholestérol (des niveaux moyens de cholestérol à la sensibilisation et à l'éducation). Divulgation complète : Visuellement produit ce contenu.

Meilleures qualités interactives : une carte cliquable donne vie à cette histoire, et des visualisations de données séparées pour chaque état rendent l'histoire cohérente et engageante.

Monde de la photo : quelle est la taille de Snapchat ?

Important parce que : cet interactif est un pur plaisir. En montrant combien d'images supplémentaires sont partagées sur Snapchat chaque seconde par rapport à WhatsApp, Facebook et Instagram, l'étendue de la création de contenu sur chaque plate-forme devient rapidement évidente.

Meilleures qualités interactives : une minuterie s'accélère, seconde par seconde, à mesure que le nombre total de photos partagées par plate-forme sociale augmente. Cela ajoute un sentiment d'urgence à la page et rend immédiatement le contenu pertinent pour le spectateur.

JLL : Le Carré : TECH

Important parce que : Ce style interactif de type aventure est conçu pour aider les startups à rechercher des bureaux à New York. Les utilisateurs se profilent, puis obtiennent un flot de données pour les aider à comprendre comment trouver le bon QG. Divulgation complète : produit visuellement ce contenu.

Meilleures qualités interactives : la division du contenu en compartiments rend le contenu accessible même pour les étrangers de l'immobilier. La combinaison de la visualisation des données et des listes de contrôle rend les informations claires tout en restant exploitables.

Jason Davies : Aéroports du monde

Important parce que : Vous avez toujours voulu savoir où les aéroports du monde opèrent par rapport aux centres de population. Hein ? OK bien. C'est important parce que ça a l'air cool.

Meilleures qualités interactives : survolez n'importe quelle partie du globe pour savoir quel aéroport dessert chaque région. Cliquez et maintenez enfoncé pour faire tourner le globe et découvrir des centres de transport dont vous ignoriez l'existence.

Population Reference Bureau : 2015 Fiche de données sur la population mondiale

Important parce que : cet interactif met en évidence les opportunités et les défis auxquels sont confrontées les femmes dans le monde. C'est un flot de données importantes, soigneusement canalisées dans une série de vidéos et de graphiques interactifs.

Meilleures qualités interactives : la navigation est contenue dans un seul écran de défilement avec des tonnes de boutons cliquables pour afficher des données qui comparent les statistiques 2015 et 2050 projetées sur la population mondiale, la fécondité, l'éducation, etc.

The New York Times : vaut-il mieux louer ou acheter ?

Important parce que : peu importe où vous vivez aux États-Unis, cette collection d'outils basés sur les données vous aidera à donner un sens au débat hypothèque contre location.

Meilleures qualités interactives : les échelles coulissantes permettent à l'utilisateur de sélectionner parmi une multitude de points de données (nombre d'années dans un emplacement, prix de la maison, projections futures de croissance des loyers, etc.) Une calculatrice sur le côté droit de la page est mise en place, permettant au lecteur de voir comment les modifications apportées aux différentes entrées peuvent affecter leurs perspectives d'achat de maison.

Zazzle : 10e anniversaire

Important parce que : une plate-forme permettant aux fabricants et aux concepteurs de lancer et de vendre des produits personnalisés (sans avoir à les produire eux-mêmes), Zazzle raconte son histoire dans cette expérience riche en partie chronologique et en partie explicative basée sur les données. Divulgation complète : Visuellement produit ce contenu.

Meilleures qualités interactives : le spectateur voit un flux vif de conceptions qui ont été produites sur Zazzle, combinées à des statistiques qui expliquent l'impact de l'entreprise. Les images et les histoires de clients réels ajoutent de la profondeur et soulignent la valeur de travailler avec Zazzle.

23 et moi : 23 paires de chromosomes. Un vous incroyable.

Important parce que : si vous n'avez pas prêté attention au cours de sciences pendant la section sur la génétique, vous pourriez en fait apprendre quelque chose ici. Divulgation complète : Visuellement produit ce contenu

Meilleures qualités interactives : les paires de chromosomes colorées sont cliquables et révèlent des informations sur l'ascendance et les maladies génétiques associées à chacune. Points bonus pour être réactif.

Saxum : États-Unis d'énergie

Important parce que : Cet interactif permet d'en apprendre facilement beaucoup sur la production et la consommation d'énergie aux États-Unis. Vous commencez par afficher les tendances générales sur de vastes zones, puis explorez les informations détaillées pour chaque état.

Meilleures qualités interactives : une carte cliquable est associée à des outils de comparaison pour vous permettre de trouver les informations les plus pertinentes, puis de les contextualiser.

Victoire ciblée : 50 états de déchets

Important parce que : si vous êtes un politicien ou un organisateur politique, celui-ci vous fera dégoûter. Cet interactif montre à quel point l'impact de la publicité télévisée politique est faible. Divulgation complète : produit visuellement ce contenu.

Meilleures qualités interactives : les visualisations de données superposées sur une carte des États-Unis révèlent la statistique selon laquelle 75 cents de chaque dollar diffusé ont été gaspillés pour les mauvais électeurs. Aïe.

Martin Ollivere : qui accapare la richesse du monde ?

Important parce que : nous entendons souvent parler d'inégalité des revenus, mais cette visualisation rend le sujet plus charnu en le décomposant avec une métaphore visuelle du cochon.

Meilleures qualités interactives : la simplicité rend cet interactif aller. La grille carrée changeante est facile à comprendre et l'utilisation prudente des nombres raconte clairement l'histoire de la disparité.

Lynn Fisher et Nick Crohn : codes d'aéroport

Important car : vous serez désormais en mesure d'interpréter tous les acronymes étranges sur votre carte d'embarquement. En fin de compte, c'est un joli design qui pourrait vous aider à gagner sur Jeopardy un jour.

Meilleures qualités interactives : nous aimons la nature complète de cet interactif, qui présente des aéroports du monde entier. Cliquez sur n'importe quelle tuile pour apprendre des faits intéressants. Assurez-vous de cliquer sur l'onglet « À propos » pour un GIF bien sélectionné mettant en vedette Leslie Nielsen et l'équipage de conduite d' Airplane !

BBC Future : Voyage au centre de la Terre

Important parce que : Enfant, vous rêviez probablement de creuser un trou à l'autre bout du monde depuis votre jardin. Cet interactif vous permet en fait de le faire, d'une certaine manière. Vous voyagerez au cœur de la terre et apprendrez un nombre ridicule de faits sur ce que vous trouverez en cours de route.

Meilleures qualités interactives : mettez votre équipement steampunk et allez sous terre pour en savoir plus sur la profondeur standard des tombes dans la culture occidentale, la distance à laquelle un pingouin peut plonger, et bien plus encore. Nous aimons le véhicule de plongée illustré, les points de données dispersés le long de votre chemin vers le noyau et la façon dont le paysage change lorsque vous faites défiler vers le bas. Celui-ci est purement amusant et vraiment intéressant aussi.

PartyPoker : votre cerveau au poker

Important parce que : votre geek scientifique adorera ces illustrations illustrant le fonctionnement du cerveau selon le niveau de compétence au poker : débutant, amateur ou expert.

Meilleures qualités interactives : non seulement vous pourrez regarder des images du cerveau en action, mais vous retournerez également des cartes, regarderez des vidéos explicatives et lirez des conseils sur la façon de surprendre vos concurrents à la table.

Institut de statistique de l'UNESCO : laissés pour compte

Important parce que : comme nous l'avons déjà noté, bon nombre des meilleures activités interactives de cette année se sont concentrées sur les problèmes clés auxquels sont confrontées les femmes dans le monde. Cet interactif est à la fois éducation et plaidoyer. Ensemble, nous pouvons contribuer à promouvoir l'éducation à l'échelle mondiale.

Meilleures qualités interactives : plongez dans l'histoire et vous découvrirez des points de navigation dans la marge de gauche de la page. Vous verrez des photos de vraies personnes, afficherez des graphiques dans le contexte d'un texte explicatif et, enfin, apprendrez comment vous pouvez faire la différence. L'utilisation du hashtag #leftbehind encourage la conversation continue sur les réseaux sociaux.

ElkanoData : les fans en mouvement

Important parce que : le divertissement devient un sport mondial dans cette visualisation époustouflante des événements les plus populaires au monde basée sur la vente de billets internationaux, des sports aux concerts en passant par le théâtre.

Meilleures qualités interactives : nous aimons le fait qu'une fois que vous lancez cet interactif, il est opérationnel. Les arcs montrent qui achète des billets pour le Super Bowl, par exemple, et des données s'affichent instantanément pour révéler combien de fans ont quitté leur pays pour se rendre à l'événement, quels lieux représentaient les principaux pays d'origine, etc. Laissez les données vous envahir ou arrêtez-les pour obtenir un instantané détaillé.

Grand groupe : robes d'Oscar

Important parce que : vous savez que vous regardez ces émissions de récompenses à la télévision juste pour voir quelles tendances de style vous manquez (et pour vous moquer, dans certains cas).

Meilleures qualités interactives : cliquez sur n'importe quelle robe à partir de 1954 et vous obtiendrez une version plus grande du style qui a fait briller sa célébrité respective. Nous aimons les icônes de partage social audacieuses en haut de chaque boîte contextuelle et la présentation épurée. Moins de cloches et de sifflets peuvent rendre une présentation plus attrayante.

Le Washington Post : Illusion de la majorité

Important parce que : la question du quiz interactif dans cet article de presse nous montre à quel point nous en savons peu sur la nature de l'influence et de l'opinion populaire sur un sujet quelconque.

Meilleures qualités interactives : l'utilisation d'une interface interactive rapide en haut de cette actualité engage le lecteur dès le début et encourage la lecture et la digestion des visualisations de données. Cela rend également l'histoire personnelle en démontrant le phénomène social qu'elle décrit.

WBEZ, Curious City : regroupement de bus

Important parce que : canalisez votre frustration face aux longs temps d'attente dans les transports en commun dans cet interactif humoristique mais éducatif.

B qualités interactives: flèches is cliquables permettent d' avant et en arrière le lecteur de naviguer dans l'histoire, qui va étape par étape pour expliquer comment des horaires d'autobus se foiré naturellement. Il propose ensuite des solutions au problème, tout en précisant que chacune d'entre elles irriterait probablement les coureurs. Nous avons adoré la façon dont cet interactif rend accessibles des concepts sophistiqués et crée un lien émotionnel.

Institut de statistique de l'UNESCO : Enfants non scolarisés

Important parce que : cet interactif aborde le problème des enfants qui sont empêchés d'accéder à l'éducation dont ils ont besoin pour se perfectionner, soutenir une future famille et redonner à leur communauté.

Meilleures qualités interactives : une introduction animée prépare le terrain pour le spectateur, après quoi des boutons cliquables le long du rail droit donnent un aperçu du fossé éducatif dans chaque pays. Les points de données décomposent les inégalités en matière d'éducation selon le lieu (rural et urbain), le sexe et la richesse relative. À chaque clic, les enfants animés parcourent la page d'avant en arrière, soulignant le fait que ce sont de vraies personnes avec de vrais rêves qui ne sont pas réalisés.

Vous cherchez plus d'inspiration? Découvrez d'autres de nos visualisations interactives préférées ou consultez The Ultimate Video Playbook pour obtenir des conseils, des astuces et les meilleures pratiques pour le marketing avec la vidéo.