001 information design

867
-1

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
867
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

001 information design

  1. 1. Vers une Architecture de l’information Représenter et communiquer le message Antoine Visonneau – antoine@ ooda.fr
  2. 2. QU’EST CE QUE L’ INFORMATION ?
  3. 3. Comprendre l’information <ul><li>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 . </li></ul>MichelAnge
  4. 4. L’information au cœur de la vie
  5. 5. Comprendre l’information <ul><li>L’information est la matière première sur laquelle travaille l’architecte de l’information. </li></ul><ul><li>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. </li></ul><ul><li>Et permettre aux autres de se faire une représentation mentale du système avec lesquels ils interagissent </li></ul>
  6. 6. COMMUNIQUER LE MESSAGE
  7. 7. DATE: 6200 B.C. LOCATION: Museum at Konya, Turkey
  8. 8. DATE: 2500 B.C.
  9. 9. Nebamun Garden, wall painting Nebamun garden, wall painting, c. 14th cent. bce, New Kingdom Egypt. DATE: 1400 B.C.
  10. 10. Colonne Trajan 114 ap. J.-C.
  11. 11. 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 »
  12. 12. Plan Nolli 1748
  13. 13. Napoléon’s march to Moscow – the war of 1812 Charles Joseph Minard (1781 - 1870)
  14. 14. Vietnam memorial 58,253 names
  15. 15. Mars 1972
  16. 16. LA DÉCOUVERTE DE L’INFORMATION « On n’a qu’une seule chance de produire une bonne première impression »
  17. 17. L’information est une denrée très périssable <ul><li>« L’information perd toute valeur commerciale dès qu’elle devient connue… » </li></ul>
  18. 18. La deuxième vie de l’information 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
  19. 19. Valorisation par strate DEPECHE ANALYSE VIDEO PHOTOS AUDIO / SON META DONNEES Création de valeur dans l'information SOCIAL Commenter, noter, voir broadcaster (retweet, liker,..) liens liens liens
  20. 20. Aller à l’essentiel
  21. 21. Organisation en pyramide inversée Information à haute valeur ajoutée « the big picture » Précisions, détails Entrée dans l’information
  22. 22. Découverte progressive Progressive disclosure Lidwell, Holden, Butler Universal Principles of Design, Rockport press
  23. 23. Donnée, information, savoir Nathan Shedroff, Information Interaction Design: A Unified Field Theory of Design
  24. 24. «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
  25. 25. 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
  26. 26. Rechercher l’effet magique Maneesh Agrawala
  27. 27. cartographier
  28. 28. Un probleme de projection http://www.odtmaps.com/behind_the_maps/peters_maps/peters-map-guide.asp
  29. 29. Comparaison mercator/peeters mercator peeters
  30. 30. Et pourtant…
  31. 31. Land area http://www.worldmapper.org
  32. 32. Population http://www.worldmapper.org
  33. 33. Mortality 1-4 Year Olds http://www.worldmapper.org
  34. 34. Tourist destination http://www.worldmapper.org
  35. 36. Plan métro de Londres – vue conceptuelle http://www.edwardtufte.com Harry Beck, Plan schématique du métro de Londres en 1933.
  36. 37. Plan métro de Londres – vue conceptuelle http://www.edwardtufte.com
  37. 38. Plan métro de Londres – vue exacte www.simonclarke.org/lul /
  38. 39. Understanding USA
  39. 40. informations complexes
  40. 41. Communiquer ce qui est caché Maneesh Agrawala Augmented Cognition Meeting: January 28, 2002
  41. 42. Communiquer un procédé Maneesh Agrawala Augmented Cognition Meeting: January 28, 2002
  42. 43. Le cheminement d’une idée
  43. 44. Comparaisons <ul><li>Qu’est ce que 87 Milliards de dollars ? </li></ul><ul><li>click </li></ul>
  44. 45. Organiser les couleurs Johannes Itten Photoshop Cube RGB
  45. 46. 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 H Location Alphabet, Time, Category, Hierarchy <ul><li>Richard Saul Wurman a : </li></ul><ul><li>Inventé le terme « Information Architect » en 1976 </li></ul><ul><li>Écrit le livre « Information Axiety » </li></ul><ul><li>Fondé la conférence TED </li></ul>
  46. 47. CONCLUSION
  47. 48. En résumé <ul><li>Pour quel usage ? </li></ul><ul><li>Quel est l’angle d’attaque? </li></ul><ul><li>Quel est le point d’entrée ? </li></ul><ul><li>Faut il plusieurs niveau de lecture ? </li></ul><ul><li>Quel est le sens de lecture ? </li></ul><ul><li>Faut-il un découpage en séquence ? </li></ul><ul><li>Quel est le message en sortie ? </li></ul>
  48. 49. Visual thinking process Dan Roam The back of the napkin
  49. 50. McLuhan the medium is the message http://archives.radio-canada.ca/ July 21, 1911 - December 31, 1980
  50. 51. Design challenge <ul><li>&quot;This reflects the essential dilemma of a computer display: at every screen are two powerful information processing capabilitie s , 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.&quot; </li></ul>Edward Tuffte
  51. 52. Nobel 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 ».
  52. 53. http://www.flickr.com/photo_zoom.gne?id=1395106248&size=l
  53. 54. Merci ! <ul><li>Pour en savoir plus : </li></ul><ul><li>The Back of the Napkin Solving Problems and Selling Ideas with Pictures Dan Roam </li></ul><ul><li>Envisioning Information Edward R. Tufte </li></ul><ul><li>Digital information graphics Matt Woolman </li></ul><ul><li>Information Design Handbook Jenn Visocky O'Grady </li></ul><ul><li>Universal Principles of Design William Lidwell </li></ul><ul><li>Sémiologie graphique Jacques Bertin </li></ul><ul><li>L’art invisible Scott Mac Cloud </li></ul><ul><li>Histoire de l’art E. Gombrich </li></ul>Antoine VISONNEAU Merci ! www.ooda.fr [email_address] l’agence de conseil en innovation
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×