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

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

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

18.
Un mode d’organisation intermédiaire

19.
Un mode d’organisation proche du blog

20.
Des modes d’organisation optimisés

21.
Des modes d’organisation optimisés

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.
C. La « mobilisation » des usages
 ... c’est aussi cela aujourd’hui : tablettes, livres
électroniques, consoles, MID, UMPC...

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

25.
Times Skimmer

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

27.
Moco Loco

28.
Google News Timeline

29.
Google Fast Flip

30.
BBC 3D Explorer

31.
RSS Voyage

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.
Washington Post TimeSpace

34.
BBC News Globe

35.
Wall Street Journal : infographie interactive

36.
Culture Box

37.
Digg Lab

38.
MSN Spectra

39.
Et un grand classique : Newsmap

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.
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.
Libération
un journal mis en abyme dans une interface mobile

43.
Application iPad du Monde

44.
Application iPad du Monde

45.
Éditions électroniques

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

47.
Times Reader

48.
Application iPad de NPR

49.
Application iPad d’Associated Press

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

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

52.
FLYP, magazine multimédia & interactif

53.
NPR multimedia section

54.
Prison Valley

55.
Reportaje 360

56.
New York Times Lens blog

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.
CNN NewsPulse

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

60.
Wall Street Journal + Foursquare

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.
The Guardian – MP expenses

63.
Telegraph – UK General Election 2010

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.
MSNBC NewsBreaker

66.
CNN Challenge

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

69.
Center Field

70.
Ambient Orb

71.
Pour conclure

72.
New York Times R&D Group

73.
IDEO : 14 scenarios pour le futur