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.

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

2. I.
Enjeux

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. Orange.fr

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. C. La culture de l’algorithme
 Quand les algorithmes définissent les choix éditoriaux
 Guardian Zeitgeist compile les articles les + lus

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. Publicité et presse en ligne
Carte d’occultation après 1 min 30 s (étude Altics oct 2009)

9. Publicité et presse en ligne
Banner blindness – carte de chaleur après 1 min 30 s (étude Altics oct 2009)

10. Les informations de 1er plan sur Le Monde.fr

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. 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. Yahoo!

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. + 8 000 px

17. Un mode d’organisation hérité du papier

18. Un mode d’organisation hérité du papier

19. Un mode d’organisation intermédiaire

20. Un mode d’organisation proche du blog

21. Des modes d’organisation optimisés

22. Des modes d’organisation optimisés

23. 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.

24. C. La « mobilisation » des usages
 ... c’est aussi cela aujourd’hui : tablettes, livres
électroniques, consoles, MID, UMPC...

25. D. Vers de nouveaux modes
d’organisation de l’information
 Gérer la densité informationnelle
 L’information « mosaïquée »
 Lectures horizontales

26. Times Skimmer

27. Toronto Star : choose the way you view the news

28. Moco Loco

29. Google News Timeline

30. Google Fast Flip

31. BBC 3D Explorer

32. RSS Voyage

33. 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 »

34. Washington Post TimeSpace

35. BBC News Globe

36. Wall Street Journal : infographie interactive

37. Culture Box

38. Digg Lab

39. MSN Spectra

40. Et un grand classique : Newsmap

41. 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

42. 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)

43. Libération
un journal mis en abyme dans une interface mobile

44. Application iPad du Monde

45. Application iPad du Monde

46. Éditions électroniques

47. D. Vers des formes applicatives de
l’information
 Content as a software
 Content as a service
 Applications iPad/iPhone/widgets/RDA

48. Times Reader

49. Application iPad de NPR

50. Application iPad d’Associated Press

51. IV.
Nouvelles situations d’usage,
nouvelles formes d'écritures

52. A. Une écriture démultipliée
 multimédia, rich-media
 Webdocumentaires
 Le photojournalisme à l’ère d’internet

53. FLYP, magazine multimédia & interactif

54. NPR multimedia section

55. Prison Valley

56. Reportaje 360

57. New York Times Lens blog

58. 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 ?

59. CNN NewsPulse

60. BBC News Radar,
nouveau mode d’entrée dans le contenu

61. Wall Street Journal + Foursquare

62. 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

63. The Guardian – MP expenses

64. Telegraph – UK General Election 2010

65. 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

66. MSNBC NewsBreaker

67. CNN Challenge

68. 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

69. Chumby

70. Center Field

71. Ambient Orb

72. Pour conclure

73. New York Times R&D Group

74. IDEO : 14 scenarios pour le futur