Le design de l’information en ligne
Nouvelles pratiques multimédia, traitements innovants
I.

Enjeux
A. Surcharge informationnelle
   « Information overload », terme introduit dans les
    années 1950 par Alvin Toffler
  ...
Orange.fr
B. La fragmentation des pratiques de
lecture
   le numérique démultiplie les pratiques
   le basculement vers la lecture...
C. La culture de l’algorithme
   Quand les algorithmes définissent les choix éditoriaux
   Guardian Zeitgeist compile le...
D. Quels modes de consultation de
l’information à l’ère numérique ?
     lecture et serendipité / non-linéarité
     lec...
Publicité et presse en ligne
Carte d’occultation après 1 min 30 s (étude Altics oct 2009)
Publicité et presse en ligne
Banner blindness – carte de chaleur après 1 min 30 s (étude Altics oct 2009)
Les informations de 1er plan sur Le Monde.fr
II.

     Une perspective évolutionniste
« un nouveau médium ne s’ajoute jamais aux média antérieurs
     et ne les laisse...
A. La mort du portail d’information
   Le portail web, genre utilitaire et éditorial, s’efface peu à
    peu en tant que ...
Yahoo!
B. L’avènement des modèles verticaux
d’organisation de l’information
   la presse en ligne adopte progressivement le form...
+ 8 000 px
Un mode d’organisation hérité du papier
Un mode d’organisation hérité du papier
Un mode d’organisation intermédiaire
Un mode d’organisation proche du blog
Des modes d’organisation optimisés
Des modes d’organisation optimisés
C. La « mobilisation » des usages
 Le WAP n&b  Le WAP 2.0         Smartphone    l’iPhone
              256 couleurs


...
C. La « mobilisation » des usages
   ... c’est aussi cela aujourd’hui : tablettes, livres
   électroniques, consoles, MID...
D. Vers de nouveaux modes
d’organisation de l’information
   Gérer la densité informationnelle
   L’information « mosaïq...
Times Skimmer
Toronto Star : choose the way you view the news
Moco Loco
Google News Timeline
Google Fast Flip
BBC 3D Explorer
RSS Voyage
D. Designer la « simplexité » de
l’information en ligne
   Vers la visualisation de l’information
   De nouveaux « idiom...
Washington Post TimeSpace
BBC News Globe
Wall Street Journal : infographie interactive
Culture Box
Digg Lab
MSN Spectra
Et un grand classique : Newsmap
III.

      Des formes hybridées

« L’hybridation ou la rencontre de deux média est
      un moment de vérité et de découv...
C. Du point de trame au pixel
   les médias électroniques dominés par la référence à
   l’imprimé (métaphore de la page é...
Libération
un journal mis en abyme dans une interface mobile
Application iPad du Monde
Application iPad du Monde
Éditions électroniques
D. Vers des formes applicatives de
l’information
   Content as a software
   Content as a service
   Applications iPad/...
Times Reader
Application iPad de NPR
Application iPad d’Associated Press
IV.
Nouvelles situations d’usage,
nouvelles formes d'écritures
A. Une écriture démultipliée
   multimédia, rich-media
   Webdocumentaires
   Le photojournalisme à l’ère d’internet
FLYP, magazine multimédia & interactif
NPR multimedia section
Prison Valley
Reportaje 360
New York Times Lens blog
B. L’écriture temps-réel de l’information
   Twitter : une innovation ou une contribution à l’information
    overload ?
...
CNN NewsPulse
BBC News Radar,
nouveau mode d’entrée dans le contenu
Wall Street Journal + Foursquare
C. Database journalism
   une pratique née dans les années 1950 comme « journalisme
    assisté par ordinateur »
   Inte...
The Guardian – MP expenses
Telegraph – UK General Election 2010
D. Quand l’information devient jouable
   Un nouveau genre éditorial, les news games
   Permettre la prise en main ludiq...
MSNBC NewsBreaker
CNN Challenge
E. Vers l’information ambiante
   Calm computing, un concept inventé par Mark Weiser et
    John Seely Brown (Xerox Parc)...
Chumby
Center Field
Ambient Orb
Pour conclure
New York Times R&D Group
IDEO : 14 scenarios pour le futur
Le design de l’information en ligne
Prochain SlideShare
Chargement dans…5
×

Le design de l’information en ligne

6 379 vues

Publié le

L'époque où un titre de presse en ligne était abordé comme déclinaison d'un équivalent papier est révolue. Parmi les enjeux les plus fondamentaux qui se font jour à travers les pratiques de l'information en ligne, les usages et donc les démarches de design. Qu'il s'agisse d'innover en proposant de nouveaux traitements de l'information, avec le rich-media, ou d'en hybrider les formes avec l'héritage typographique des journaux, les dispositifs interactifs renouvellent les pratiques de l'information en profondeur. Par ailleurs, ces publications électroniques se caractérisent par un héritage médiatique et esthétique complexe. Il semble ainsi judicieux d'envisager la presse en ligne dans une perspective évolutionniste et de montrer comment opèrent les nouveaux scénarios imaginés conjointement par les journalistes, les designers et les développeurs.

Le design de l’information en ligne

  1. 1. Le design de l’information en ligne Nouvelles pratiques multimédia, traitements innovants
  2. 2. I. Enjeux
  3. 3. A. Surcharge informationnelle  « Information overload », terme introduit dans les années 1950 par Alvin Toffler  Un accroissement rapide de l’information nouvelle  La facilité de la duplication par les moyens numériques  Un nombre croissant de canaux de diffusion  Un large historique d’information disponible  Nous entrons dans l’ère de l’économie de l’attention  Comment naviguer dans la sur-information ?
  4. 4. Orange.fr
  5. 5. B. La fragmentation des pratiques de lecture  le numérique démultiplie les pratiques  le basculement vers la lecture en ligne  un éclatement des supports (mobiles, tablettes etc.)
  6. 6. C. La culture de l’algorithme  Quand les algorithmes définissent les choix éditoriaux  Guardian Zeitgeist compile les articles les + lus
  7. 7. D. Quels modes de consultation de l’information à l’ère numérique ?  lecture et serendipité / non-linéarité  lecture « zapping » vs lecture « immersive »  lecture « sélective »  lecture « mobile » / courte  lecture participative, co-énonciation
  8. 8. Publicité et presse en ligne Carte d’occultation après 1 min 30 s (étude Altics oct 2009)
  9. 9. Publicité et presse en ligne Banner blindness – carte de chaleur après 1 min 30 s (étude Altics oct 2009)
  10. 10. Les informations de 1er plan sur Le Monde.fr
  11. 11. II. Une perspective évolutionniste « un nouveau médium ne s’ajoute jamais aux média antérieurs et ne les laisse jamais intacts. Il les bouscule sans cesse et leur trouve de nouvelles formes et de nouveaux emplois.» Marshall McLuhan, 1964
  12. 12. A. La mort du portail d’information  Le portail web, genre utilitaire et éditorial, s’efface peu à peu en tant que mode d’accès unifié aux contenus  Éclipsé par les agrégateurs et pages personnalisées  Un design d’interface caractéristique : forte densité éditoriale, structure en U renversé, modules
  13. 13. Yahoo!
  14. 14. B. L’avènement des modèles verticaux d’organisation de l’information  la presse en ligne adopte progressivement le format vertical et antéchronologique du blog  Un modèle à remettre en cause
  15. 15. + 8 000 px
  16. 16. Un mode d’organisation hérité du papier
  17. 17. Un mode d’organisation hérité du papier
  18. 18. Un mode d’organisation intermédiaire
  19. 19. Un mode d’organisation proche du blog
  20. 20. Des modes d’organisation optimisés
  21. 21. Des modes d’organisation optimisés
  22. 22. C. La « mobilisation » des usages  Le WAP n&b  Le WAP 2.0  Smartphone  l’iPhone 256 couleurs Paris NOUVEAUTES MA SELECTION SELECTION ITINERIS COMMUNAUTES DIVERTISSEMENTS SHOPPING PROXIMITE MON ESPACE CLIENT RECHERCHER PROFIL Pour faire de cette page votre page par défaut, cliquez ici.
  23. 23. C. La « mobilisation » des usages  ... c’est aussi cela aujourd’hui : tablettes, livres électroniques, consoles, MID, UMPC...
  24. 24. D. Vers de nouveaux modes d’organisation de l’information  Gérer la densité informationnelle  L’information « mosaïquée »  Lectures horizontales
  25. 25. Times Skimmer
  26. 26. Toronto Star : choose the way you view the news
  27. 27. Moco Loco
  28. 28. Google News Timeline
  29. 29. Google Fast Flip
  30. 30. BBC 3D Explorer
  31. 31. RSS Voyage
  32. 32. D. Designer la « simplexité » de l’information en ligne  Vers la visualisation de l’information  De nouveaux « idiomes » pour les interfaces d’information  Le genre des « infographies interactives »
  33. 33. Washington Post TimeSpace
  34. 34. BBC News Globe
  35. 35. Wall Street Journal : infographie interactive
  36. 36. Culture Box
  37. 37. Digg Lab
  38. 38. MSN Spectra
  39. 39. Et un grand classique : Newsmap
  40. 40. III. Des formes hybridées « L’hybridation ou la rencontre de deux média est un moment de vérité et de découverte qui engendre des formes nouvelles. » Marshall McLuhan
  41. 41. C. Du point de trame au pixel  les médias électroniques dominés par la référence à l’imprimé (métaphore de la page écran)
  42. 42. Libération un journal mis en abyme dans une interface mobile
  43. 43. Application iPad du Monde
  44. 44. Application iPad du Monde
  45. 45. Éditions électroniques
  46. 46. D. Vers des formes applicatives de l’information  Content as a software  Content as a service  Applications iPad/iPhone/widgets/RDA
  47. 47. Times Reader
  48. 48. Application iPad de NPR
  49. 49. Application iPad d’Associated Press
  50. 50. IV. Nouvelles situations d’usage, nouvelles formes d'écritures
  51. 51. A. Une écriture démultipliée  multimédia, rich-media  Webdocumentaires  Le photojournalisme à l’ère d’internet
  52. 52. FLYP, magazine multimédia & interactif
  53. 53. NPR multimedia section
  54. 54. Prison Valley
  55. 55. Reportaje 360
  56. 56. New York Times Lens blog
  57. 57. B. L’écriture temps-réel de l’information  Twitter : une innovation ou une contribution à l’information overload ?  Pas uniquement Twitter mais aussi les multiples formes de flux comme les « news rivers », la messagerie instantanée...  Un nouveau paradigme pour la collaboration ?
  58. 58. CNN NewsPulse
  59. 59. BBC News Radar, nouveau mode d’entrée dans le contenu
  60. 60. Wall Street Journal + Foursquare
  61. 61. C. Database journalism  une pratique née dans les années 1950 comme « journalisme assisté par ordinateur »  Internet en a redéfini le concept : rassembler les données, les distribuer, les rendre navigables et interprétables  « produire du sens avec des chiffres convertis en images » (A. Joannes)  une valeur ajoutée dans l’approfondissement  le risque de l’esthétisme gratuit
  62. 62. The Guardian – MP expenses
  63. 63. Telegraph – UK General Election 2010
  64. 64. D. Quand l’information devient jouable  Un nouveau genre éditorial, les news games  Permettre la prise en main ludique de l’information à travers les codes du game play  Encourager le sens critique des citoyens ? Une distanciation ?  Allier pédagogie et information ?  Construire de nouveaux scénarios de consultation  Un prolongement gestuel, tactile de la lecture d’information  Un rôle important dans la satire politique
  65. 65. MSNBC NewsBreaker
  66. 66. CNN Challenge
  67. 67. E. Vers l’information ambiante  Calm computing, un concept inventé par Mark Weiser et John Seely Brown (Xerox Parc)  Une information qui se « dilue » dans l’environnement  Des interfaces qui informent en permanence de façon «diffuse» mais ne monopolisent pas l’attention
  68. 68. Chumby
  69. 69. Center Field
  70. 70. Ambient Orb
  71. 71. Pour conclure
  72. 72. New York Times R&D Group
  73. 73. IDEO : 14 scenarios pour le futur

×