54
s une architecture de l’information Antoine Visonneau [email protected] Vers une Architecture de l’information Représenter et communiquer le message Antoine Visonneau – antoine@ ooda.fr

001 information design

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Antoine Visonneau – antoine@ ooda.fr

Page 2: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

QU’EST CE QUE L’INFORMATION ?

Page 3: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 4: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

L’information au cœur de la vie

Page 5: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 6: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

COMMUNIQUER LE MESSAGE

Page 7: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 8: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

DATE: 2500 B.C.

Page 9: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

DATE: 1400 B.C.

Nebamun Garden, wall painting

Page 10: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Colonne Trajan114 ap. J.-C.

Page 11: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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 »

Page 12: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Plan Nolli 1748

Page 13: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Charles Joseph Minard (1781 - 1870)

Page 14: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Vietnam memorial

58,253 names

Page 15: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Mars 1972

Page 16: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 17: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

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

Page 18: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 19: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 20: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Aller à l’essentiel

Page 21: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Organisation en pyramide inversée

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

Précisions, détails

Entrée dans l’information

Page 22: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Découverte progressive

Progressive disclosure

Lidwell, Holden, Butler

Universal Principles of Design, Rockport press

Page 23: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Donnée, information, savoir

Page 24: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

«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

Page 25: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 26: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Rechercher l’effet magique

Maneesh Agrawala

Page 27: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

cartographier

Page 28: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Un probleme de projection

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

Page 29: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

mercator

peeters

Comparaison mercator/peeters

Page 30: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Et pourtant…

Page 31: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Land areahttp://www.worldmapper.org

Page 32: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Populationhttp://www.worldmapper.org

Page 33: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 34: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Tourist destinationhttp://www.worldmapper.org

Page 35: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Page 36: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

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

Page 37: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Plan métro de Londres – vue conceptuelle

Page 38: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

www.simonclarke.org/lul/

Plan métro de Londres – vue exacte

Page 39: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Understanding USA

Page 40: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

informations complexes

Page 41: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 42: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 43: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Le cheminement d’une idée

Page 44: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Comparaisons

Qu’est ce que 87 Milliards de dollars ?

click

Page 45: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Organiser les couleurs

Johannes Itten PhotoshopCube RGB

Page 46: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 47: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

CONCLUSION

Page 48: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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 ?

Page 49: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

Visual thinking process

Dan RoamThe back of the napkin

Page 50: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

the medium is the message

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

McLuhanJuly 21, 1911 - December 31, 1980

Page 51: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

Page 52: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected] 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 ».

Page 53: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]://www.flickr.com/photo_zoom.gne?id=1395106248&size=l

Page 54: 001   information design

Vers une architecture de l’information Antoine Visonneau [email protected]

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

[email protected]

l’agence de conseil en innovation