Feltron 2013 Annual Report

Nicholas Felton passe la plupart de son temps à collecter les données, et à les exposer en camemberts. Il est l’auteur des Feltron Reports qui met en image et en chiffres l’activité de ses journées et met en évidences ses routines.

Pour son rapport 2013, il explique au New York Times comment il a pu utiliser tous les derniers outils pour se faciliter la vie dans l’enregistrement de ses données (Nike Fuelband, Fitbit, et ses applications maison Daytum et Reporter).

Quelques résultats de statistiques. Le document entier sera imprimé. Quelques exemples des plus originales visualisations dans la suite de ce post:

FAR13_06

FAR13_02

FAR13_07

FAR13_11

FAR13_10

FAR13_14

Bonne visite et exploration.

Dave Bowker

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.

dave-bowker-one-week-of-the-guardian-detail1

dave-bowker-one-week-of-the-guardian-detail2

dave-bowker-one-week-of-the-guardian-large

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.

dave-bowker-one-week-of-the-guardian-contents

content-table

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 :

➜ 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 ?
➜ Timm Lerkeritz, L’infographie multi-supports

Digital Distractions

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 ?

The hierarchy of the digital distractions

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

AHIP_chart

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 :

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 ?
Timm Lerkeritz, L’infographie multi-supports

La Mosca

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 ?

La Mosca — Data

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.

La Mosca — Data

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 :

➜ 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 ?
➜ Timm Lerkeritz, L’infographie multi-supports

SPVZ

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.

(SPVZ) Valentin Adam

(SPVZ) Valentin Adam

(SPVZ) Valentin Adam

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.

(SPVZ) Valentin Adam

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 :

➜ 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 ?
➜ Timm Lerkeritz, L’infographie multi-supports

iA : WebTrend map

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.

Web Trend map

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 ?
➜ Timm Lerkeritz, L’infographie multi-supports

Catalogtree

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.

Catalogtree ➜ Poll Position

Catalogtree ➜ Poll Position

Catalogtree ➜ Poll Position

Catalogtree ➜ Poll Position

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 :

➜ 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 ?
➜ Timm Lerkeritz, L’infographie multi-supports