Articles

14 Façons de présenter Visuellement l’Information

Le Client et l’Infographie – un entretien avec SignalNoise.

Les données Viennent De n’Importe Où – une interview avec Jer Thorp data artist

Six Infographies Que Nos Concepteurs Adorent – certaines merveilleuses ici

Qu’est-ce qu’une Infographie B2B? – des questions difficiles.

Beaucoup d’informations à partager ? Faire une infographie? Voici 14 façons d’organiser visuellement vos informations, avec des exemples et des conseils sur le moment de les utiliser.

Il y a deux façons de découvrir la meilleure façon de présenter visuellement une information ou une histoire:

  1. Apprenez à connaître vos données ou votre histoire de manière intime. Ratissez votre jardin zen et demandez-vous « à quoi mes données veulent-elles ressembler? »
  2. Parcourez des centaines d’infographies et essayez de voir si l’une des meilleures correspond à ce que vous voulez faire ou dire.

Pour ce post, j’ai essayé de faire ce dernier pour vous (si vous voulez cultiver votre jardin zen, je ne peux rien faire pour vous).

Le processus:
Je suis allé au visuel.ly (une excellente source d’infographies et de la communauté qui les entoure) et a examiné quelques centaines des infographies les plus populaires par pages vues. Ce chalut a révélé 14 métaphores visuelles. Ici, je vais les partager, et répondre à quelques questions pour chacune:

Quand une approche visuelle particulière fonctionne-t-elle vraiment?

Qu’est-ce qui vaut la peine de garder à l’esprit, du point de vue du design?

Quels sont quelques bons exemples?

Les 10+4 Conceptions visuelles

Un visuel ou une infographie d’anatomie fournit une exploration annotée du contenu d’un objet ou d’une idée volumineux et compliqué. Il peut être métaphorique (comme l’infographie « Anatomie d’un SEO” ci-dessous) ou droit (comme l’infographie « Anatomie d’un site Web parfait” ci-dessous).

Quand l’utilisez-vous? Chaque fois que vous voulez éduquer sur quelque chose avec de nombreuses parties constitutives mobiles, qui ne sont pas largement ou facilement comprises.

Notes de conception: Bien que notre objectif soit d’illustrer et d’élucider la complexité, vous devez résister à la tentation d’être trop détaillé et explicite.

Quelques exemples: Anatomie de SEOMoz d’un Spécialiste du Marketing de Recherche, Anatomie d’un Site Web Parfait, La délicieuse série Imaginary Factory de Jing Zhang et Le Cerveau d’un Blogueur Débutant par Infolinks.

Chronologie

Ils sont parfaits pour démontrer (ou créer) une série de relations de cause à effet, ou d’évolution.

Quand l’utilisez-vous? Chaque fois que le changement au fil du temps est votre point principal

Notes de conception: Commencez-vous tard et travaillez-vous en arrière ou commencez-vous tôt et travaillez-vous en avant? Généralement, ce dernier, à moins que le point que vous essayez de faire concerne les racines historiques de quelque chose. Faites attention à l’échelle de temps – essayez de conserver les lacunes et les grappes.

Exemples: Chronologie de Battlefield vs Call of Duty et Chronologie de Création (indice: ce n’est pas droit)

Sous-genres de chronologie:
Histoire de…exemple: Histoire des réveils

Évolution de…exemple: L’évolution du Geek

Taxonomie

Comme ce post, nous essayons tous de classer les choses. D’une manière ou d’une autre, les trucs qui font de l’argent mettent nos esprits de chimpanzés à l’aise. Il vous permet également de communiquer l’ampleur ET la profondeur.

Quand l’utilisez-vous? Si vous souhaitez clarifier les différences significatives et reconnaissables entre les sous-groupes

Notes de conception: Utilisez ceci uniquement si vous avez plusieurs éléments qui diffèrent sur de nombreux axes différents (si vous n’avez que deux choses, vous pouvez utiliser la comparaison côte à côte (ci-dessous); si seulement un axe, peut-être une échelle (ci-dessous))

Exemples: Des écrous & Des boulons de Types de Graphiques et un nouveau coup de cœur: La Magnifique Multitude de Bières de PopCharts Labs et leur graphique 200 Super Pouvoirs.

Sous-genres de taxonomie:
Exemple de Tableau périodique: Le Tableau Périodique des Facteurs de Classement SEO, Le Tableau Périodique des Jurons

Exemple d’arbre: Arbre de blog Eloqua

Carte

Les cartes sont vraiment géniales. Je les aime. Vous pouvez savoir où vous êtes, où vous allez et où is d’autres choses sont. Rien ne fournit un contexte spatial et conceptuel tout à fait comme une carte.

Quand l’utilisez-vous? Chaque fois que vous souhaitez communiquer la proximité, la distance et la direction entre un certain nombre d’éléments ou de points de données différents.

Notes de conception: Si vous pouvez intégrer une signification dans la disposition de votre carte (c’est-à-dire que les distances, les objets et les tailles ont tous une signification), mieux ce sera.

Quelques exemples: La Carte des réseaux sociaux de Flowtown, La Carte du Processus Créatif et l’étonnante démonstration interactive de Distance To Mars de David Paliwoda et Jesse Williams.

Vous aimez le poste? J’espère que vous le partagerez avec des gens partageant les mêmes idées. Tweetez-le. Partager sur LinkedIn. Ou comme ça.

Chutes et échelles

Vous connaissez le jeu – vous sautez vers l’avant et glissez vers l’arrière apparemment par hasard, toujours en difficulté du début à la fin. Les participants procèdent par une conception en une partie et une chance en une partie.

Quand l’utilisez-vous? Lorsque vous voulez expliquer un processus, dans lequel à peu près tout le monde veut commencer et finir au même endroit (mais l’itinéraire du début à la fin est très variable)

Notes de conception: Généralement, il y a peu de débat sur les étapes en cours de route; passez votre temps et vos efforts sur les sauts en avant et en arrière, car ceux-ci attireront le plus l’attention.

Exemples: Rapport de crédit 101 et Goulottes et échelles marketing d’Insightera.

L’espace est égal à l’espace

C’est l’une des premières leçons de l’école maternelle : certaines choses sont grandes, d’autres sont petites (mais seulement les unes par rapport aux autres). L’infographie space equals trace deux choses ou plus l’une par rapport à l’autre en utilisant la même échelle.

Quand l’utilisez-vous? Chaque fois que vous souhaitez communiquer la taille relative ou le nombre de choses disparates, car la relation est inattendue ou intéressante

Notes de conception: Souvent, il est bon de définir une ligne de base, puis de comparer et de contraster avec cela. Changer la ligne de base peut être déroutant.

Un exemple: Qu’est-Ce qui est Plus petit Qu’Apple et Quelle est la taille des Dragons de Game of Thrones.

Échelle

Tout dans l’univers, aussi unique soit–il, est sur une échelle mobile – nous devons simplement nous demander quelle est l’échelle. Par exemple, une licorne rose est sur une échelle mobile de « est une licorne rose” à « n’est pas une licorne rose” où la plupart des choses de l’univers se situent vers le point final du deuxième groupe.

Quand l’utilisez-vous? Chaque fois que vous souhaitez hiérarchiser ou classer un certain nombre d’objets par rapport à un critère que votre public aimera particulièrement

Notes de conception: Les échelles descendantes auront tendance à rendre le haut beau et le bas mauvais; les classements côte à côte ne donneront pas une préférence à une extrémité de l’échelle.

Quelques exemples: La sympathie d’Angry Birds, La Fiabilité des Barbes

Comparaison côte à côte

Nous connaissons tous les bases de ce visuel à partir du tableau des fonctionnalités classique. Vous commencez par sélectionner un modèle ou un exemple en haut, puis vous descendez le graphique pour voir ce que ce modèle a ou n’a pas. Le but de ceux-ci est une comparaison facile.

Quand l’utilisez-vous? Chaque fois que vous avez une quantité limitée d’articles que vous souhaitez comparer ou contraster rapidement.

Notes de conception: Lorsque vous descendez à deux éléments, ces éléments finiront souvent par ressembler à des conflits.

Un exemple: Geek vs Hipster

Arbre de décision

Ceux-ci peuvent être fantastiques quand ils sont droits, et ceux-ci peuvent être fantastiques quand ils sont comiques. Ils sont conçus pour répondre à toutes les circonstances possibles avec une réponse appropriée.

Quand l’utilisez-vous? Les arbres de décision sont parfaits pour guider les gens mentalement et visuellement d’un point de départ indéterminé à l’un des nombreux points finaux différents.

Notes de conception: Vous devrez structurer chaque point pour n’avoir qu’une ou deux réponses fermées (faciles à répondre), terminer par une recommandation concrète et arriver à une conclusion très rapidement.

Quelques exemples : Dois-je accepter cette demande d’ami?, Devrais-je porter un pantalon de survêtement? Tu dois te réveiller ?

Diagramme de Venn

Le diagramme de Venn vient du philosophe Rudolf Venn-Herschelderferer qui n’a jamais perdu un combat; il vient d’ajouter une autre couche de complexité. En toute honnêteté, ces diagrammes visent à forcer les gens à faire des compromis. Vous ne pouvez pas tout avoir, tout avoir pur et tout avoir, jamais.

Quand l’utilisez-vous? Quand vous voulez que les gens voient qu’une situation n’a pas de scénario idéal, mais plutôt une série de compromis et de compromis. Ou pour montrer un Sweet Spot où deux zones se chevauchent.

Notes de conception: Je n’ai jamais vu un diagramme de Venn réussi avec plus de max. quatre grands cercles. Ça ne veut pas dire que ce n’est pas possible, mais je dis juste.

Un exemple : Comment aimeriez-vous votre design graphique ?
Et il y a une grande collection de diagrammes de Venn sur ce Tumblr: Diagrammes de Venn Fuck Yeah

Vous aimez ce post? Partagez-le et nous pouvons en faire plus!
Ou consultez notre Liste de contrôle de la Stratégie de Marketing de contenu B2B.