001 information design

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Vers une Architecture de l’informationReprésenter et communiquer le message

Antoine Visonneau – antoine@ ooda.fr

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

QU’EST CE QUE L’INFORMATION ?

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Comprendre l’information

Selon le Dictionnaire Philosophique Lalande, le verbe informer a d'abord signifié: donner une forme à une matière. Nous sommes ici en contexte aristotélicien, où forme est synonyme d'âme. Donner une forme à une matière, c'est lui donner une âme. Or l'âme est le principe de la vie. Informer c'est donc donner la vie.

MichelAnge

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

L’information au cœur de la vie

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Comprendre l’information

• L’information est la matière première sur laquelle travaille l’architecte de l’information.

• Il doit développer une compréhension fondamentale des structures de données pour imaginer la mécanique qui permet d’accéder à l’information.

• Et permettre aux autres de se faire une représentation mentale du système avec lesquels ils interagissent

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

COMMUNIQUER LE MESSAGE

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

DATE: 6200 B.C.LOCATION: Museum at Konya, Turkey

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

DATE: 2500 B.C.

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Nebamun garden, wall painting, c. 14th cent. bce, New Kingdom Egypt.

DATE: 1400 B.C.

Nebamun Garden, wall painting

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Colonne Trajan114 ap. J.-C.

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Adam et Ève après la chute, vers 1015. « la peinture peut-être pour les illettrés ce que l’écriture est pour ceux qui savent lire »

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Plan Nolli 1748

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Napoléon’s march to Moscow – the war of 1812

Charles Joseph Minard (1781 - 1870)

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Vietnam memorial

58,253 names

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Mars 1972

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

LA DÉCOUVERTE DE L’INFORMATION« On n’a qu’une seule chance de produire une bonne première impression »

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

L’information est une denrée très périssable

« L’information perd toute valeur commerciale dès qu’elle devient connue… »

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Valeur liée à la fraicheur (effet scoop)

Valeur liée à l'enrichissement communautaire (commentaires)

V

T

La deuxième vie de l'information

La première vie de l'information

La deuxième vie de l’information

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

DEPECHE

ANALYSE

VIDEO

PHOTOS

AUDIO / SON

META DONNEES

Création de valeur dans l'information

liens

liens

liens

SOCIAL Commenter, noter, voir

broadcaster (retweet, liker,..)

Valorisation par strate

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Aller à l’essentiel

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Organisation en pyramide inversée

Information à haute valeur ajoutée « the big picture »

Précisions, détails

Entrée dans l’information

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Découverte progressive

Progressive disclosure

Lidwell, Holden, Butler

Universal Principles of Design, Rockport press

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Nathan Shedroff,Information Interaction Design:A Unified Field Theory of Design

Donnée, information, savoir

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

«Un bon croquis vaut mieux qu’un long discours.»Napoleon Bonaparte

Visualization has always been the key to enlightenment. If computer graphics changes the world for the better, the fundamental reason why is that computer graphics makes visualization easier. Marc Kilgard

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Charge cognitive de l’information

Scott Mac Cloud

Understanding comics

«plus élevée est l’information, plus il est difficile de la communiquer; et plus le message se communique clairement, moins il informe »

Umberto Eco

L’œuvre ouverte

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Rechercher l’effet magique

Maneesh Agrawala

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

cartographier

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Un probleme de projection

http://www.odtmaps.com/behind_the_maps/peters_maps/peters-map-guide.asp

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

mercator

peeters

Comparaison mercator/peeters

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Et pourtant…

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Land areahttp://www.worldmapper.org

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Populationhttp://www.worldmapper.org

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Mortality 1-4 Year Oldshttp://www.worldmapper.org

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Tourist destinationhttp://www.worldmapper.org

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Plan métro de Londres – vue conceptuelle http://www.edwardtufte.com

Harry Beck,Plan schématique du métro de Londres en 1933.

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Plan métro de Londres – vue conceptuelle

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

www.simonclarke.org/lul/

Plan métro de Londres – vue exacte

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Understanding USA

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

informations complexes

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Communiquer ce qui est caché Maneesh AgrawalaAugmented Cognition Meeting: January 28, 2002

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Communiquer un procédé Maneesh AgrawalaAugmented Cognition Meeting: January 28, 2002

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Le cheminement d’une idée

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Comparaisons

Qu’est ce que 87 Milliards de dollars ?

click

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Organiser les couleurs

Johannes Itten PhotoshopCube RGB

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Organiser l’information

5 Hat Racks in Universal Principles of Design, Rockport press

Information may be infinite, however...The organization of information is finite as it can only be organized by LATCH: Location, Alphabet, Time, Category, or Hierarchy.Richard Saul WURMAN

L A T C HLocation Alphabet, Time, Category, Hierarchy

Richard Saul Wurman a :•Inventé le terme « Information Architect » en 1976•Écrit le livre « Information Axiety »•Fondé la conférence TED

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

CONCLUSION

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

En résumé

• Pour quel usage ? • Quel est l’angle d’attaque? • Quel est le point d’entrée ? • Faut il plusieurs niveau de lecture ?• Quel est le sens de lecture ? • Faut-il un découpage en séquence ?• Quel est le message en sortie ?

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Visual thinking process

Dan RoamThe back of the napkin

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

the medium is the message

http://archives.radio-canada.ca/

McLuhanJuly 21, 1911 - December 31, 1980

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Design challenge

"This reflects the essential dilemma of a computer display: at every screen are two powerful information processing capabilities, human and computer. Yet all the communications between the two must pass through the low resolution, narrow-band video display terminal, which chokes off fast, precise and complex communications."

Edward Tuffte

Vers une architecture de l’information Antoine Visonneau antoine@ooda.frNobel laureate economist Herbert A. Simon http://people.ischool.berkeley.edu/~hal/pages/sciam.html

« What information consumes is rather obvious: it consumes the attention of its recipients. Hence a wealth of information creates a poverty of attention, and a need to allocate that attention efficiently among the overabundance of information sources that might consume it ».

Vers une architecture de l’information Antoine Visonneau antoine@ooda.frhttp://www.flickr.com/photo_zoom.gne?id=1395106248&size=l

Vers une architecture de l’information Antoine Visonneau antoine@ooda.fr

Merci !

Pour en savoir plus :

• The Back of the NapkinSolving Problems and Selling Ideas with Pictures Dan Roam

• Envisioning Information Edward R. Tufte

• Digital information graphicsMatt Woolman

• Information Design Handbook Jenn Visocky O'Grady

• Universal Principles of Design William Lidwell

• Sémiologie graphiqueJacques Bertin

• L’art invisibleScott Mac Cloud

• Histoire de l’artE. Gombrich

Antoine VISONNEAU

Merci !

www.ooda.fr

antoine@ooda.fr

l’agence de conseil en innovation