Gabyu » Infographies

Timm Lerkeritz

gabriel — Fri, 11 Sep 2009 08:31:33 +0000

Vous connaissez certainement votre empreinte carbone, mais connaissez-vous votre empreinte aquatique ?

Pour finir cette semaine d’infographies en beauté, je vous invite à découvrir le travail de Timm Kekeritz. Dans un esprit clair et limpide, son intention ne se résume pas à informer, mais surtout espère que nous soyons chacun surpris de ces chiffres et puissions repenser nos habitudes de consommation alimentaire. Le message reste sobre, il n’y a pas de grandes phrases ni d’instructions pour diminuer sa consommation d’eau.

Sans légende, pas d’infographie possible !

Là où le projet m’intéresse, c’est qu’il consiste à se dérouler sur 2 supports : poster et web, papier et écran. Là où sur nombre de sites web de presse, les infographies papiers sont reposées telles quelles, à plat, sans aucune adaptation, Timm Kekeritz a exploité les deux supports aux mieux en proposant un affichage du même poster, sous différentes présentations.

Photos et extraits de son projet Virtual Water, sur un mini-site dédié.

Pollution de l’eau aux USA, statistiques et analyses
Dans le même sujet de l’eau, une série cartographiée bien réussie sur la pollution de l’eau aux États-Unis, ayant pour titre : “Find Water Polluters Near You”, une belle association de contenu et de mise en forme réussie.

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?

Dave Bowker

gabriel — Wed, 09 Sep 2009 08:08:52 +0000

L’infographie n’est pas toujours là pour représenter des concepts simples, bien au contraire. Dave Bowker, graphiste et designer web, en a fait l’expérience, en analysant le contenu sémantique du Guardian sur une semaine complète. Par rubrique, par auteur, par sujet : tout est passé au crible. Ce qu’il cherche à (dé)montrer : il ne le sait pas encore.

L’infographie devient un outil de travail artistique. L’analyse des données, leur affichage, tout est sujet à imagination ici. Nous sommes loin, très loin de l’infographie traditionnelle. Elle est support subjectif à esthétisme. À la manière d’un tableau que l’on analyse, le lecteur l’interprétera à sa manière, et devra fouiller, être curieux. Par exemple, le chaos ambiant laisse découvrir des zones d’ombres, qui sont elles aussi sujettes à nombreuses interprétations (jour de grève, congés, week-end…). Il serait bien étonnant de réaliser une étude d’eye-tracking sur ce genre de compositions !

Dans cet autre exemple, ci-dessous, Dave Bowker souhaite repenser une table des matières. Faire une synthèse d’une semaine d’articles, classés par rubriques, et un traitement typographique basé sur les titres. Les liaisons entre les différents articles sont les liens entre rédacteurs et journalistes ainsi que les dossiers spéciaux, écrits en 2,4 voire 6 mains.

Là voilà donc, l’infographie réussie que j’appelle “à trois temps”. Premier temps, “wow, c’est beau”. Deuxième temps, “je ne comprend pas, je vais devoir explorer, découvrir comment cela fonctionne”, troisième temps, “tout ça pour ça ? je suis pas sur, je vais la montrer à quelqu’un d’autre pour voir ce qu’il y trouvera”…

Sortez vos onglets, toutes les infographies et illustrations étudiées sur Gabyu :

Digital Distractions

gabriel — Wed, 09 Sep 2009 04:33:13 +0000

Oui, la culture web favorise l’entertainment sous toutes ses formes. Et pour les plus geeks d’entre eux, la forme d’humour ultime revêt la forme ironique d’une information sérieuse. Et quoi de plus sérieux et grave qu’un schéma ou une infographie, telle que celui sur les Distractions Numériques proposée par David Mc Candless ?

Ou encore ce graphe précisant la conspiration américaine contre la réforme de la sécurité sociale US :

Je vous épargne des innombrables infographies-labyrinthes ou autres schémas explicatifs sur l’ingestion de bière… :)

Toutes les infographies et illustrations étudiées sur Gabyu :

La Mosca

gabriel — Mon, 07 Sep 2009 07:09:02 +0000

Dans notre petite promenade des agences d’infographies intéressantes, je me tourne vers Mosca, studio graphique de Barcelone. Leur collaboration qui m’a interessée a été celle d’alimenter une colonne étroite du journal La Vanguardia. Le défi est de taille : comment faire entrer une telle masse de données, de timelines, courbes, cartes, ou graphiques dans un espace aussi contraignant ?

Alors que la plupart des infographies occupent des espaces larges, ici il a fallu parfois regorger d’imagination pour faire tenir l’essentiel sur une petite largeur et une grande hauteur.

Le reste de leur création est a découvrir sur leur site à la rubrique Data

Toutes les infographies et illustrations étudiées sur Gabyu :

SPVZ

gabriel — Fri, 04 Sep 2009 06:54:26 +0000

Dans cette recherches d’infographies, je n’ai pas trouvé uniquement des agences établies. Après avoir parcouru les travaux de l’agence Catalogtree, je vous propose de suivre Valentin Adam. Il fallait varier les plaisirs. Ses recherches sur la typographie et l’affiche le conduisent, tout naturellement à chercher quelque inspiration dans son activité en ligne, qu’il va raconter … en camemberts !

À la manière de Nicholas Felton, sa vie personnelle va générer un certain nombre de données, qu’il est possible de manipuler ensuite. Mais voila, Valentin est avant tout un graphiste print. Or, comme nous le voyons dans cet exemple, le print peut aussi offrir des possibilités d’interaction sensibles, tangibles.

Il réalise un supplément factice pour Le Monde consacré à la blogosphère. Un système de 2 affiches se superposent pour recomposer l’information. Ce premier exemple nous montre que nous sommes chacun en mesure de raconter une histoire différente et unique, avec nos données informatiques et personnelles. Ici, pas d’institut de sondages, ni de source officielle. En supprimant cet intermédiaire, on supprime aussi l’intention traditionnelle d’information. Ici, l’infographie est un devenue auto-portrait.

Avec l’affiche Homme/Femmes, qu’il réalise pour le concours étudiant Chaumont (2008), les données, issues de sondages realisés entre 2005 et 2007 par l’INSEE, ne sont qu’un prétexte à faire passer un message simple, celui de l’existence de disparités. Nous sommes moins dans l’esprit de l’information mais plus dans le souci de la représentation.

Au final, avec ce deuxième exemple, nous entrons pleinement dans l’illustration. La frontière entre les deux aspects de l’utilisation de l’infographie reste plus perméable.

Toutes les infographies et illustrations étudiées sur Gabyu :

iA : WebTrend map

gabriel — Wed, 02 Sep 2009 07:58:17 +0000

Une autre agence à suivre, Information Architects, basée à Tokyo. Nous connaissions le Web Trend map imprimé, réalisé par l’agence de design d’information.

Avec avec Craig Mod, ils lancent aujourd’hui une version interactive de ce service, que je vous invite à découvrir sur webtrendmap.com. Le service est toujours aussi élégant, et fournit nombre d’informations sur les contenus des sites sélectionnés, grâce à l’affichage des flux RSS associés.

Toutes les infographies et illustrations étudiées sur Gabyu :

Catalogtree

gabriel — Tue, 01 Sep 2009 06:37:44 +0000

J’ai tenté de trouver pour cette sélection, les infographies offrant le meilleur compris entre efficacité et originalité. Quelques agences se consacrent exclusivement à leur création, et de leur experience, il est possible de distinguer des modèles présents et à venir.

Première partie de cette sélection, les travaux réalisés par l’agence de design d’information Catalogtree, qui a collaboré pour nombre de magazines, tels que Good Magazine, Le New York Times magazine, ou Wired, avec la fameuse carte de l’attaque distribuée, ou Ddos

Un exemple détaillé de leur travail sur les différents instituts et médias ayant publié des sondages lors des élections américaines.

Un coup d’oeil obligatoire sur la légende de ce graphique : Sans légende, pas de graphique.

Au cours de cette rentrée nous allons donc revoir quelques unes des illustrations qui selon-moi, sont à ranger au Panthéon du graphisme d’information. J’utiliserai tantot infographie, tantot illustration pour décrire ces images. Je vous invite à voir les posts de Peter Gabor consacré aux ouvrages Graphis, et qui rappelle, à juste titre, le véritable sens du mot infographie.

Les assistants d’aujourd’hui (Keynote, Powerpoint) sont des vecteurs de création de graphes et de courbes qui sont redoutables dans l’efficacité de l’expression du message d’un graphique, où peu de risques sont pris, permis. L’excès de conventions finissent par tuer la diversité graphique que peut revêtir ce mode d’expression. Également, on voit apparaitre de plus en plus d’agence de graphisme d’information, de studio graphiques pour les médias, concevant des illustrations de plus en plus inventives, originales, qui pouvent tomber dans le piège inverse, celui de fabriquer des infographies agréables mais qui détourne le lecteur du message que transmet celle-ci.

Toutes les infographies et illustrations étudiées sur Gabyu :