Comment ajouter des fonctionnalités interactives à vos infographies - les nuls

L'interactivité est sans aucun doute la tendance la plus tendance en matière d'infographie. La montée en puissance des sources d'information et de divertissement en ligne a fait de tous des conservateurs. Vous choisissez les sites Web que vous souhaitez visiter, les liens sur lesquels vous voulez cliquer et les informations que vous souhaitez partager.

Il est donc naturel que lorsque vous avez l'occasion de jouer avec vos informations, de plonger dans un océan de données et de les faire fonctionner pour vos propres besoins, vous l'aimez. Vous n'avez pas besoin d'être un programmeur pour ajouter des fonctionnalités interactives; une connaissance pratique d'Adobe Flash Player est suffisante pour vous aider à démarrer.

Mais vous ne pouvez pas vous reposer là. Même maintenant, les langages de conception Web comme HTML et CSS menacent de dépasser Flash dans le domaine de la conception graphique interactive. Si vous voulez vous assurer que vos graphiques lisent bien sur les appareils mobiles, commencez à ajouter HTML5, CSS3 et JavaScript à votre boîte à outils de programmation.

Les graphiques interactifs promettent une profondeur qu'une image imprimée ordinaire ne pourrait jamais transmettre. Les possibilités sont infinies et souvent fascinantes pour les lecteurs. Voici deux façons dont les concepteurs d'infographies rendent leur travail plus interactif.

Placer des informations sur différentes pages

Lorsque le support d'impression était la plate-forme la plus courante pour l'infographie, l'ensemble du graphique devait être considéré comme une unité. Que le graphique prenne une seule colonne dans un journal ou une page de deux pages dans un magazine, les règles de conception exigent que le graphique entier soit autonome.

Pas plus. Dans une plate-forme en ligne, vous pouvez présenter un simple bloc d'informations dans une page d'ouverture. Pour passer à votre bloc d'informations suivant, vous pouvez créer un dessin vertical, permettant à votre lecteur de faire défiler la page pour passer à la nouvelle information.

Ou, vous pouvez placer votre deuxième bloc d'informations sur une page entièrement nouvelle, avec un lien encourageant le lecteur à cliquer pour plus d'informations. Ajoutez un autre élément graphique, placez-le sur une troisième page, toujours avec un lien d'incitation à l'action.

Cette approche peut être extrêmement attrayante pour les clients qui utilisent les pages vues pour déterminer les tarifs publicitaires et la popularité globale. L'inconvénient d'un graphique click-through: Votre lecteur peut ne pas coller avec vous à travers le tout.

Laissez le lecteur choisir

Supposons que vous ayez créé une infographie pour montrer le pourcentage de la population de chaque État américain qui détient un diplôme d'études collégiales. Simple, non? Vous avez probablement fait une carte des États-Unis, avec un pourcentage en minuscule dans chaque état.

L'interactivité vous permet de prendre de nombreuses autres approches. Vous pouvez ignorer les nombres entièrement. Par exemple, commencez par coder en couleur vos états. Peut-être que les États ayant moins de 50 pour cent de la population ayant un diplôme universitaire sont vert clair; 50 à 65 pour cent est vert moyen; et 65 pour cent ou plus est un vert forêt.

Vous pouvez ensuite intégrer vos données, en utilisant HTML5, afin qu'un lecteur puisse passer la souris sur un seul état et voir le pourcentage exact. Vous pouvez ajouter beaucoup de données de cette façon. Peut-être que vous allez sortir les pourcentages d'hommes et de femmes qui détiennent des diplômes universitaires, ou vous pouvez utiliser une barre de curseur pour changer les données en fonction de la décennie.