<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Benoît Drouillat Architecte de l&#039;information freelance &#187; timeline</title>
	<atom:link href="http://www.drouillat.com/tag/timeline/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.drouillat.com</link>
	<description>Architecte de l&#039;information</description>
	<lastBuildDate>Thu, 24 Jun 2010 22:06:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>La valeur ajoutée du traitement interactif de l&#8217;affaire Madoff</title>
		<link>http://www.drouillat.com/2009/07/03/la-valeur-ajoutee-du-traitement-interactif-de-laffaire-madoff/</link>
		<comments>http://www.drouillat.com/2009/07/03/la-valeur-ajoutee-du-traitement-interactif-de-laffaire-madoff/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 07:03:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[module interactif]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[presse en ligne]]></category>
		<category><![CDATA[timeline]]></category>

		<guid isPermaLink="false">http://www.drouillat.com/?p=588</guid>
		<description><![CDATA[
Le financier new-yorkais Bernard Madoff, condamné cette semaine à une peine de 150 années de prison, avait monté une fraude pyramidale de 50 milliards de dollars. Les journaux en ligne ont bien sûr largement traité cette affaire qui se distingue par le caractère inédit de son ampleur. Au dénouement, les rédactions ont multiplié les dossiers [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.drouillat.com%2F2009%2F07%2F03%2Fla-valeur-ajoutee-du-traitement-interactif-de-laffaire-madoff%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<p>Le financier new-yorkais Bernard Madoff, condamné cette semaine à une peine de 150 années de prison, avait monté une fraude pyramidale de 50 milliards de dollars. Les journaux en ligne ont bien sûr largement traité cette affaire qui se distingue par le caractère inédit de son ampleur. Au dénouement, les rédactions ont multiplié les dossiers sur le sujet, mais seuls 2 journaux en ligne, issus de la presse économique, apportent une valeur ajoutée interactive à l&#8217;information : <em>The Wall Street Journal</em> et <em>The Financial Times. </em>Dans une moindre mesure, CNN et <em>The New York Times</em> ont proposé respectivement une timeline et des compléments multimédia (diaporama, notamment).</p>
<p>A ce titre il est intéressant d&#8217;explorer la façon dont ces sites ont utilisé les modules interactifs, soit pour prendre une distance analytique sur les faits, soit pour entrer dans un traitement de l&#8217;actualité chaude. WSJ joue sur ces deux niveaux d&#8217;information, en proposant un <a href="http://online.wsj.com/article/SB123687992688609801.html#project%3DMADOFF-TREE-0902%26articleTabs%3Dinteractive">graphique interactif</a> qui permet de visualiser les connexions de Madoff avec des acteurs importants du monde des affaires, <a href="http://online.wsj.com/article/SB122910977401502369.html?mod=igoogle_wsj_gadgv1&amp;#video%3DFDE89B28-8E3E-4F62-92F1-B1A985A22E68%26articleTabs%3Dinteractive">un historique</a> des plus grands escrocs, mais aussi <a href="http://online.wsj.com/article/SB123687992688609801.html#project%3DMADOFF-TREE-0902%26articleTabs%3Dslideshow">un diaporama</a> montrant les réactions à chaud des victimes à l&#8217;énoncé du verdict du procès. Le quotidien économique américain offre ainsi le meilleur traitement multimédia de l&#8217;affaire.</p>
<p><em><a href="http://online.wsj.com/article/SB123687992688609801.html#project%3DMADOFF-TREE-0902%26articleTabs%3Dinteractive"><img class="alignnone size-full wp-image-595" title="victims-welcome-madoff-imprisonment-wsjcom-2" src="http://www.drouillat.com/wp-content/uploads/2009/07/victims-welcome-madoff-imprisonment-wsjcom-2.jpg" alt="victims-welcome-madoff-imprisonment-wsjcom-2" width="620" height="1128" /></a></em></p>
<p><em><a href="http://online.wsj.com/article/SB122910977401502369.html?mod=igoogle_wsj_gadgv1&amp;#video%3DFDE89B28-8E3E-4F62-92F1-B1A985A22E68%26articleTabs%3Dinteractive"><img class="alignnone size-full wp-image-596" title="fees-even-returns-and-auditor-all-raised-flags-wsjcom" src="http://www.drouillat.com/wp-content/uploads/2009/07/fees-even-returns-and-auditor-all-raised-flags-wsjcom.jpg" alt="fees-even-returns-and-auditor-all-raised-flags-wsjcom" width="620" height="1021" /></a></em></p>
<p><em><a href="http://online.wsj.com/article/SB123687992688609801.html#project%3DMADOFF-TREE-0902%26articleTabs%3Dslideshow"><img class="alignnone size-full wp-image-594" title="victims-welcome-madoff-imprisonment-wsjcom" src="http://www.drouillat.com/wp-content/uploads/2009/07/victims-welcome-madoff-imprisonment-wsjcom.jpg" alt="victims-welcome-madoff-imprisonment-wsjcom" width="620" height="1033" /></a></em></p>
<p><em>The Financial Times</em> insiste sur la dimension <em>temporelle</em> de l&#8217;affaire à travers ses modules interactifs, <a href="http://www.ft.com/cms/s/0/67380cc8-6267-11de-b1c9-00144feabdc0.html?nclick_check=1">un graphique</a> des plus grands délinquants financiers et <a href="http://www.ft.com/cms/s/0/cc1ceb9e-ebd5-11dd-8838-0000779fd2ac.html">une timeline</a> du développement de l&#8217;affaire Madoff.</p>
<p><em><a href="http://www.ft.com/cms/s/0/67380cc8-6267-11de-b1c9-00144feabdc0.html?nclick_check=1"><img class="alignnone size-full wp-image-593" title="ftcom-companies-wall-streete28099s-white-collar-criminals" src="http://www.drouillat.com/wp-content/uploads/2009/07/ftcom-companies-wall-streete28099s-white-collar-criminals.jpg" alt="ftcom-companies-wall-streete28099s-white-collar-criminals" width="620" height="513" /></a></em></p>
<p><em><a href="http://www.ft.com/cms/s/0/cc1ceb9e-ebd5-11dd-8838-0000779fd2ac.html"><img class="alignnone size-full wp-image-592" title="ftcom-video-audio-interactive-graphics-interactive-timeline-the-fall-of-bernard-madoff" src="http://www.drouillat.com/wp-content/uploads/2009/07/ftcom-video-audio-interactive-graphics-interactive-timeline-the-fall-of-bernard-madoff.jpg" alt="ftcom-video-audio-interactive-graphics-interactive-timeline-the-fall-of-bernard-madoff" width="620" height="527" /></a></em></p>
<p><em>The New York Times</em> capture également les réactions à l&#8217;énoncé du verdict, à travers <a href="http://www.nytimes.com/slideshow/2009/06/29/sports/0629_MADOFF_6.html">un diaporama photo</a>. Mais aussi s&#8217;essaie à un journalisme des données en donnant accès à la liste des clients de Madoff, sous la forme d&#8217;<a href="http://projects.nytimes.com/madoff/search">un module de recherche</a>.</p>
<p><em><a href="http://www.nytimes.com/slideshow/2009/06/29/sports/0629_MADOFF_6.html"><img class="alignnone size-full wp-image-590" title="madoff-sentencing-the-new-york-times-sports-slide-show-slide-6-of-8" src="http://www.drouillat.com/wp-content/uploads/2009/07/madoff-sentencing-the-new-york-times-sports-slide-show-slide-6-of-8.jpg" alt="madoff-sentencing-the-new-york-times-sports-slide-show-slide-6-of-8" width="620" height="492" /></a></em></p>
<p><em><a href="http://projects.nytimes.com/madoff/search"><img class="alignnone size-full wp-image-591" title="searching-the-madoff-list-the-new-york-times" src="http://www.drouillat.com/wp-content/uploads/2009/07/searching-the-madoff-list-the-new-york-times.jpg" alt="searching-the-madoff-list-the-new-york-times" width="620" height="671" /></a></em></p>
<p>Enfin, CNN<em> </em>capitalise sur ses timelines, avec un module formaté pour relater les &#8220;crimes de Madoff&#8221;.</p>
<p><em><a href="http://edition.cnn.com/2009/HEALTH/06/29/timeline.madoff/index.html"><img class="alignnone size-full wp-image-589" title="a-timeline-of-madoffs-crimes-cnncom" src="http://www.drouillat.com/wp-content/uploads/2009/07/a-timeline-of-madoffs-crimes-cnncom.jpg" alt="a-timeline-of-madoffs-crimes-cnncom" width="620" height="300" /></a><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.drouillat.com/2009/07/03/la-valeur-ajoutee-du-traitement-interactif-de-laffaire-madoff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Représenter l&#8217;actualité avec une newsriver navigation</title>
		<link>http://www.drouillat.com/2009/04/29/representer-lactualite-avec-une-newsriver-navigation/</link>
		<comments>http://www.drouillat.com/2009/04/29/representer-lactualite-avec-une-newsriver-navigation/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 15:51:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[newsriver]]></category>
		<category><![CDATA[presse en ligne]]></category>
		<category><![CDATA[timeline]]></category>

		<guid isPermaLink="false">http://www.drouillat.com/?p=254</guid>
		<description><![CDATA[
Le site d&#8217;information néerlandais www.en.nl expérimente, en lieu et place de son header, une intéressante représentation temporelle de son activité de publication. Cette ligne de temps horaire, baptisée newsriver navigation,  affiche sous la forme d&#8217;un diagramme à barres la liste des articles publiés sur les dernières 24 heures. Le designer, Wilbert Baan, explique ses choix [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.drouillat.com%2F2009%2F04%2F29%2Frepresenter-lactualite-avec-une-newsriver-navigation%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<p>Le site d&#8217;information néerlandais <a href="http://www.en.nl/">www.en.nl</a> expérimente, en lieu et place de son <em>header</em>, une intéressante représentation temporelle de son activité de publication. Cette ligne de temps horaire, baptisée <em>newsriver navigation</em>,  affiche sous la forme d&#8217;un diagramme à barres la liste des articles publiés sur les dernières 24 heures. Le designer, Wilbert Baan, explique ses choix de conception dans un billet intitulé <a href="http://www.hypernarrative.com/wordpress/2008/03/13/reinventing-the-news-website/">&#8220;Reinventing the News Website&#8221;</a>, en voulant interroger la façon dont nous <em>consommons</em> l&#8217;actualité :</p>
<p><em>The newsriver is a principle that regards news as a continues flow of information, where you can hook in whenever you want (An RSS feed). For the first version of EN we are experimenting with this idea in the navigation. I don’t know if this is it, it’s different from the navigation we are used to.</em></p>
<p>(Le principe de la newsriver (littéralement, rivière d&#8217;information) consiste en un flux continu d&#8217;information, que l&#8217;on peut rattacher à n&#8217;importe quel dispositif (un fil RSS). Pour la première version de EN, nous expérimentons cette idée dans la navigation. Nous ne savons pas si elle est pertinente, elle est différente des navigations auxquelles nous sommes habitués.)</p>
<p>Le parti pris, en termes d&#8217;architecture de l&#8217;information, est ici de privilégier une approche temporelle au détriment d&#8217;une organisation hiérarchique qui s&#8217;effectue plutôt par entrées thématiques. La hiérarchie s&#8217;effectue en fonction de la <em>fraîcheur</em> de l&#8217;information. Ce choix, extrêmement ingénieux, n&#8217;est pas sans implications sur le sens donné à la démarche journalistique. D&#8217;une approche <em>top-down</em> (descendante) hiérarchique, où c&#8217;est le journaliste qui effectue le choix de l&#8217;organisation pertinente de l&#8217;information, on passe à une approche <em>bottom-up</em> (ascendante), guidée par la base de donnée. Ce sont les méta-données (dates et heures de publication) qui structurent la navigation et non plus une décision éditoriale.</p>
<p><a href="http://www.drouillat.com/wp-content/uploads/2009/04/en-newsriver.jpg"><img class="alignnone size-full wp-image-255" title="en-newsriver" src="http://www.drouillat.com/wp-content/uploads/2009/04/en-newsriver.jpg" alt="en-newsriver" width="580" height="642" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.drouillat.com/2009/04/29/representer-lactualite-avec-une-newsriver-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Timeline et représentation de l&#8217;information dans la presse en ligne</title>
		<link>http://www.drouillat.com/2009/04/23/timeline-et-representation-de-linformation-dans-la-presse-en-ligne/</link>
		<comments>http://www.drouillat.com/2009/04/23/timeline-et-representation-de-linformation-dans-la-presse-en-ligne/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 11:34:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[presse en ligne]]></category>
		<category><![CDATA[timeline]]></category>

		<guid isPermaLink="false">http://www.drouillat.com/?p=177</guid>
		<description><![CDATA[
Les lignes de temps interactives (timelines) sont des exemples de formalisations séquentielles, des parcours de navigation dans l&#8217;information qui rompent avec la conception d’une interaction à simplement “cliquer/pointer”. Dans les timelines, l&#8217;implication gestuelle de l&#8217;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 [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike_button" style="margin: 10px 0;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.drouillat.com%2F2009%2F04%2F23%2Ftimeline-et-representation-de-linformation-dans-la-presse-en-ligne%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe></div>
<p>Les lignes de temps interactives (<em>timelines</em>) sont des exemples de formalisations séquentielles, des parcours de navigation dans l&#8217;information qui rompent avec la conception d’une interaction à simplement “cliquer/pointer”. Dans les timelines, l&#8217;implication gestuelle de l&#8217;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&#8217;information privilégiée pour la représentation du temps.</p>
<p>Elles renouvellent la pratique de l&#8217;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.</p>
<p>Avec l’avènement des usages sociaux, les lignes de temps comme surface d&#8217;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.</p>
<p>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&#8217;information (<em>cf. About Face 3</em>, Alan Cooper).<br />
J&#8217;ai regroupé ci-dessous un certain nombre d&#8217;exemples de timelines dans le contexte de sites d&#8217;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&#8217;enseignements.</p>
<p>Difficile d&#8217;ailleurs de ne pas citer pour commercer une récente initiative de Google pour mettre en scène l&#8217;information, <a href="http://newstimeline.googlelabs.com/"><em>Google News Timeline</em></a>. C&#8217;est, me semble-t-il, un élément de réponse possible à la surcharge informationnelle. Les résultats de recherche d&#8217;actualité sont organisés chronologiquement et permettent à l&#8217;utilisateur de balayer l&#8217;information selon un parcours de lecture horizontal, tout en configurant les sources d&#8217;information souhaitées.</p>
<p><a href="http://newstimeline.googlelabs.com/"><img class="alignnone size-full wp-image-209" title="google-news-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/google-news-timeline.jpg" alt="google-news-timeline" width="580" height="267" /></a></p>
<p>Le <em>Washington Post</em> 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 &#8220;fenêtre temporelle&#8221; dans l&#8217;information.</p>
<p><a href="http://specials.washingtonpost.com/timespace/entertainment/62/"><img class="alignnone size-full wp-image-205" title="wash-post-timespace" src="http://www.drouillat.com/wp-content/uploads/2009/04/wash-post-timespace.jpg" alt="wash-post-timespace" width="580" height="604" /></a></p>
<p>CNN articule d&#8217;une manière judicieuse plusieurs modalités de traitement de l&#8217;information : un article, souvent un videocast, une carte interactive, et plus rarement une timeline comme <a href="http://edition.cnn.com/2008/WORLD/meast/05/16/bin.laden.message/index.html#cnnSTCOther1">celle dédiée au terroriste Ben Laden</a> :</p>
<p><a href="http://edition.cnn.com/2008/WORLD/meast/05/16/bin.laden.message/index.html#cnnSTCOther1"><img class="alignnone size-full wp-image-178" title="cnn-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/cnn-timeline.jpg" alt="cnn-timeline" width="580" height="412" /></a></p>
<p>Sur le site ABC News, la timeline (Ici <a href="http://abcnews.go.com/nightline/fullpage?id=4675670">Clinton et Obama</a>) est toujours une navigation séquentielle, mais elle s&#8217;enrichit de médias, décrit une mise en scène sous la forme de &#8220;panneaux&#8221; spatialisés.</p>
<p><a href="http://abcnews.go.com/nightline/fullpage?id=4675670"><img class="alignnone size-full wp-image-179" title="abc-news-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/abc-news-timeline.jpg" alt="abc-news-timeline" width="580" height="486" /></a></p>
<p>Le traitement graphique choisi par MSNBC reflète bien son ancrage dans un média où se lit à la fois l&#8217;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&#8217;interaction (pas de curseur, juste des flèches directionnelles, sauf pour celle illustrant l&#8217;Irak) illustrent différents thèmes allant de la crise économique à la guerre en Irak. Les liens vers les timelines sont sur les images.</p>
<p><a href="http://www.msnbc.msn.com/id/26797480"><img class="alignnone size-full wp-image-181" title="msnbc-timeline-economy" src="http://www.drouillat.com/wp-content/uploads/2009/04/msnbc-timeline-economy.jpg" alt="msnbc-timeline-economy" width="580" height="310" /></a><a href="http://www.msnbc.msn.com/id/27913794"><img class="alignnone size-full wp-image-186" title="msnbc-timeline-unemployment1" src="http://www.drouillat.com/wp-content/uploads/2009/04/msnbc-timeline-unemployment1.jpg" alt="msnbc-timeline-unemployment1" width="580" height="335" /></a></p>
<p><a href="http://www.msnbc.msn.com/id/23694433"><img class="alignnone size-full wp-image-187" title="msnbc-timeline-iraq1" src="http://www.drouillat.com/wp-content/uploads/2009/04/msnbc-timeline-iraq1.jpg" alt="msnbc-timeline-iraq1" width="580" height="335" /></a></p>
<p><a href="http://www.msnbc.msn.com/id/29303759/"><img class="alignnone size-full wp-image-188" title="msnbc-timeline1" src="http://www.drouillat.com/wp-content/uploads/2009/04/msnbc-timeline1.jpg" alt="msnbc-timeline1" width="580" height="335" /></a></p>
<p><a href="http://www.msnbc.msn.com/id/25098680/"><img class="alignnone size-full wp-image-182" title="msnbc-timeline-sport" src="http://www.drouillat.com/wp-content/uploads/2009/04/msnbc-timeline-sport.jpg" alt="msnbc-timeline-sport" width="580" height="328" /></a></p>
<p><em>The Guardian</em>, qui n&#8217;hésite pas depuis peu à héberger l&#8217;essentiel de ses timelines sur un service en ligne, Dipity. A noter que ce journal dispose de la <a href="http://www.guardian.co.uk/interactive">rubrique interactive</a> la plus riche de la presse en ligne, avec un rythme de publication très soutenu.</p>
<p><a href="http://www.guardian.co.uk/business/interactive/2008/nov/05/interest-rates-history"><img class="alignnone size-full wp-image-189" title="gardian-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/gardian-timeline.jpg" alt="gardian-timeline" width="580" height="430" /></a></p>
<p><a href="http://www.guardian.co.uk/media/2008/sep/26/downturn"><img class="alignnone size-full wp-image-190" title="gardian-dipity" src="http://www.drouillat.com/wp-content/uploads/2009/04/gardian-dipity.jpg" alt="gardian-dipity" width="580" height="497" /></a></p>
<p>Timesonline ne suit pas vraiment cette stratégie et conçoit davantage ces modules comme de petits ilôts de contenus :</p>
<p><a href="http://extras.timesonline.co.uk/bond/03/index.htm"><img class="alignnone size-full wp-image-191" title="times-timeline-james-bond" src="http://www.drouillat.com/wp-content/uploads/2009/04/times-timeline-james-bond.jpg" alt="times-timeline-james-bond" width="580" height="350" /></a></p>
<p><a href="http://www.timesonline.co.uk/tol/news/politics/the_blair_years/article1765741.ece"><img class="alignnone size-full wp-image-192" title="times-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/times-timeline.jpg" alt="times-timeline" width="580" height="351" /></a></p>
<p>Sur les sites d&#8217;<em>El Mundo</em> et <em>El Paìs</em> :</p>
<p><a href="http://www.elmundo.es/especiales/2009/02/ciencia/darwin/seccion3/index.html"><img class="alignnone size-full wp-image-193" title="elmundo-darwin" src="http://www.drouillat.com/wp-content/uploads/2009/04/elmundo-darwin.jpg" alt="elmundo-darwin" width="580" height="495" /></a></p>
<p><a href="http://www.elpais.com/graficos/internacional/McCain/Obama/camino/Presidencia/elpgraint/20081009elpepuint_1/Ges/"><img class="alignnone size-full wp-image-194" title="elpais-obama" src="http://www.drouillat.com/wp-content/uploads/2009/04/elpais-obama.jpg" alt="elpais-obama" width="580" height="338" /></a></p>
<p>L&#8217;exécution graphique est moins léchée chez <em>Newsweek</em>.</p>
<p><a href="http://www.newsweek.com//id/179587"><img class="alignnone size-full wp-image-195" title="newsweek-timeline3" src="http://www.drouillat.com/wp-content/uploads/2009/04/newsweek-timeline3.jpg" alt="newsweek-timeline3" width="580" height="682" /></a></p>
<p><a href="http://www.newsweek.com/id/157488"><img class="alignnone size-full wp-image-196" title="newsweek-timeline2" src="http://www.drouillat.com/wp-content/uploads/2009/04/newsweek-timeline2.jpg" alt="newsweek-timeline2" width="580" height="475" /></a></p>
<p><em>The Wall Street Journal</em> :</p>
<p><a href="http://online.wsj.com/article/SB123517105948436743.html#articleTabs%3Dinteractive"><img class="alignnone size-full wp-image-200" title="wsj-timeline2" src="http://www.drouillat.com/wp-content/uploads/2009/04/wsj-timeline2.jpg" alt="wsj-timeline2" width="580" height="616" /></a></p>
<p><a href="http://online.wsj.com/article/SB123922567732202597.html#articleTabs%3Dinteractive"><img class="alignnone size-full wp-image-199" title="wsj-timeline3" src="http://www.drouillat.com/wp-content/uploads/2009/04/wsj-timeline3.jpg" alt="wsj-timeline3" width="580" height="322" /></a></p>
<p><a href="http://online.wsj.com/article/SB123694162120918181.html#articleTabs%3Dinteractive"><img class="alignnone size-full wp-image-198" title="wsj-timeline4" src="http://www.drouillat.com/wp-content/uploads/2009/04/wsj-timeline4.jpg" alt="wsj-timeline4" width="580" height="321" /></a></p>
<p><em>The New York Times</em> adapte sa formalisation à plusieurs configurations :</p>
<p><a href="http://www.nytimes.com/interactive/2007/09/24/science/space/20070924_SPUTNIK_GRAPHIC.html?scp=11&amp;sq=timeline&amp;st=cse#tab1"><img class="alignnone size-full wp-image-203" title="50-years-since-sputnik-the-new-york-times_1240474677185" src="http://www.drouillat.com/wp-content/uploads/2009/04/50-years-since-sputnik-the-new-york-times_1240474677185.jpg" alt="50-years-since-sputnik-the-new-york-times_1240474677185" width="580" height="620" /></a></p>
<p><a href="http://www.nytimes.com/interactive/2008/10/01/sports/baseball/20080930_CUBS_TIMELINE.html?scp=16&amp;sq=timeline&amp;st=cse"><img class="alignnone size-full wp-image-204" title="ny-times-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/ny-times-timeline.jpg" alt="ny-times-timeline" width="580" height="658" /></a></p>
<p>Intéressant principe au <em>L.A. Times</em> 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&#8217;occurrences du sujet dans le temps :</p>
<p><a href="http://www.drouillat.com/wp-content/uploads/2009/04/la-times-timeline-navigation.jpg"><img class="alignnone size-full wp-image-206" title="la-times-timeline-navigation" src="http://www.drouillat.com/wp-content/uploads/2009/04/la-times-timeline-navigation.jpg" alt="la-times-timeline-navigation" width="350" height="240" /></a></p>
<p><em>USA Today</em> :</p>
<p><a href="http://www.drouillat.com/wp-content/uploads/2009/04/usa-today-obama-timeline.gif"><img class="alignnone size-full wp-image-207" title="usa-today-obama-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/usa-today-obama-timeline.gif" alt="usa-today-obama-timeline" width="580" height="651" /></a></p>
<p><a href="http://www.drouillat.com/wp-content/uploads/2009/04/usa-today-viriginia-tech-timeline.gif"><img class="alignnone size-full wp-image-208" title="usa-today-viriginia-tech-timeline" src="http://www.drouillat.com/wp-content/uploads/2009/04/usa-today-viriginia-tech-timeline.gif" alt="usa-today-viriginia-tech-timeline" width="580" height="333" /></a></p>
<p>En conclusion, on perçoit bien les enjeux qui se font jour à travers cet exemple de formalisation de l&#8217;information, ses possibilités interactionnelles, la façon dont le sens de l&#8217;actualité peut se construire, se re-moduler avec la participation de l&#8217;internaute. Cette nouvelle grammaire ne peut qu&#8217;enrichir les pratiques de l&#8217;information en plaçant à sa surface une dimension qui lui est consubstantielle, la temporalité. Par là, elle offre des moyens d&#8217;accès qui ne relève plus uniquement d&#8217;une décision éditoriale mais d&#8217;une capacitation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.drouillat.com/2009/04/23/timeline-et-representation-de-linformation-dans-la-presse-en-ligne/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
