Timeline et représentation de l’information dans la presse en ligne

Les lignes de temps interactives (timelines) sont des exemples de formalisations séquentielles, des parcours de navigation dans l’information qui rompent avec la conception d’une interaction à simplement “cliquer/pointer”. Dans les timelines, l’implication gestuelle de l’internaute prend une signification particulière, avec un sens de lecture horizontal et cette notion de défilement, culturellement plus détachée de la métaphore de la page écran, en lecture verticale. Même si par ailleurs les lignes de temps empruntent leur culture à l’histoire comme discipline (les frises chronologiques que chacun a parcouru en classe) et que les manuels scolaires les ont consacrées comme une scénographie de l’information privilégiée pour la représentation du temps.

Elles renouvellent la pratique de l’information en ligne depuis leur apparition avec des outils comme Director ou Flash, qui ne sont pas les seules technologies possibles pour les mettre en oeuvre.

Avec l’avènement des usages sociaux, les lignes de temps comme surface d’affichage et espace de partage sont devenues très populaires. Leur utilisation ne se cantonne plus seulement à la presse en ligne ou au discours institutionnel, elle est appropriable par tout un chacun.

Les timelines ont par ailleurs l’avantage d’être plus proches des idiomes que des métaphores sur le plan de la formalisation. Les idiomes sont considérés comme plus efficients pour scénographier l’information (cf. About Face 3, Alan Cooper).
J’ai regroupé ci-dessous un certain nombre d’exemples de timelines dans le contexte de sites d’information en ligne, sans me cantonner aux journaux et en allant vers des médias télévisuels comme CNN, ABC etc. Les pratiques sont assez riches d’enseignements.

Difficile d’ailleurs de ne pas citer pour commercer une récente initiative de Google pour mettre en scène l’information, Google News Timeline. C’est, me semble-t-il, un élément de réponse possible à la surcharge informationnelle. Les résultats de recherche d’actualité sont organisés chronologiquement et permettent à l’utilisateur de balayer l’information selon un parcours de lecture horizontal, tout en configurant les sources d’information souhaitées.

google-news-timeline

Le Washington Post a hybridé représentation spatiale cartographique avec la représentation temporelle. Cette géolocalisation est plus propice à une navigation exploratoire, à la sérendipité. A noter, la navigation du bas, qui permet de créer une “fenêtre temporelle” dans l’information.

wash-post-timespace

CNN articule d’une manière judicieuse plusieurs modalités de traitement de l’information : un article, souvent un videocast, une carte interactive, et plus rarement une timeline comme celle dédiée au terroriste Ben Laden :

cnn-timeline

Sur le site ABC News, la timeline (Ici Clinton et Obama) est toujours une navigation séquentielle, mais elle s’enrichit de médias, décrit une mise en scène sous la forme de “panneaux” spatialisés.

abc-news-timeline

Le traitement graphique choisi par MSNBC reflète bien son ancrage dans un média où se lit à la fois l’héritage télévisuel (NBC Universal) et web (Microsoft étant associé à ce projet). Les timelines, qui ont été conçues souvent de façon très basique en termes d’interaction (pas de curseur, juste des flèches directionnelles, sauf pour celle illustrant l’Irak) illustrent différents thèmes allant de la crise économique à la guerre en Irak. Les liens vers les timelines sont sur les images.

msnbc-timeline-economymsnbc-timeline-unemployment1

msnbc-timeline-iraq1

msnbc-timeline1

msnbc-timeline-sport

The Guardian, qui n’hésite pas depuis peu à héberger l’essentiel de ses timelines sur un service en ligne, Dipity. A noter que ce journal dispose de la rubrique interactive la plus riche de la presse en ligne, avec un rythme de publication très soutenu.

gardian-timeline

gardian-dipity

Timesonline ne suit pas vraiment cette stratégie et conçoit davantage ces modules comme de petits ilôts de contenus :

times-timeline-james-bond

times-timeline

Sur les sites d’El Mundo et El Paìs :

elmundo-darwin

elpais-obama

L’exécution graphique est moins léchée chez Newsweek.

newsweek-timeline3

newsweek-timeline2

The Wall Street Journal :

wsj-timeline2

wsj-timeline3

wsj-timeline4

The New York Times adapte sa formalisation à plusieurs configurations :

50-years-since-sputnik-the-new-york-times_1240474677185

ny-times-timeline

Intéressant principe au L.A. Times non pas en tant que timeline mais en tant que mode navigationnel. Un module permet de naviguer dans les archives du site en signalant visuellement le nombre d’occurrences du sujet dans le temps :

la-times-timeline-navigation

USA Today :

usa-today-obama-timeline

usa-today-viriginia-tech-timeline

En conclusion, on perçoit bien les enjeux qui se font jour à travers cet exemple de formalisation de l’information, ses possibilités interactionnelles, la façon dont le sens de l’actualité peut se construire, se re-moduler avec la participation de l’internaute. Cette nouvelle grammaire ne peut qu’enrichir les pratiques de l’information en plaçant à sa surface une dimension qui lui est consubstantielle, la temporalité. Par là, elle offre des moyens d’accès qui ne relève plus uniquement d’une décision éditoriale mais d’une capacitation.


Category : blog

1 commentaire. → “Timeline et représentation de l’information dans la presse en ligne”

  1. [...] un précédent billet sur les timelines, nous avons abordé un autre aspect spécifique du parcours de navigation et de lecture, qui offre [...]


Réseaux sociaux

Pour me suivre sur les plateformes où je suis présent.