<?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>Gabyu &#187; grille</title>
	<atom:link href="http://gabyu.com/tag/grille/feed/" rel="self" type="application/rss+xml" />
	<link>http://gabyu.com</link>
	<description>( web ) design, et cetera</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:08:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Eyetracking</title>
		<link>http://gabyu.com/2009/11/05/eyetracking-presse-en-ligne/</link>
		<comments>http://gabyu.com/2009/11/05/eyetracking-presse-en-ligne/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 07:50:21 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Analyses]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[eye-tracking]]></category>
		<category><![CDATA[formats]]></category>
		<category><![CDATA[grille]]></category>
		<category><![CDATA[lefigaro.fr]]></category>
		<category><![CDATA[maquette]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[publicité]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3867</guid>
		<description><![CDATA[50 utilisateurs-tests consultent les sites d'infos Français.]]></description>
			<content:encoded><![CDATA[<p>Une étude Eye tracking sur l’E-Pub dans la presse online est sortie il y a deux jours, réalisée par <a href="http://www.altics.fr/">Altics</a>, montre ce que l&#8217;on savait déjà depuis un moment : <a href="http://www.ergophile.com/2009/11/03/etude-eye-tracking-sur-l’e-pub-dans-la-presse-online/">les internautes ne fixent pas les publicités.</a> Ce que montre cette étude, et qui nous intéresse au plus haut point, sont plutôt d&#8217;observer les sauts de lecture que peuvent faire les utilisateurs pendant 1 minute et 30 secondes sur les sites web de presse présentés dans l&#8217;étude, à savoir le Figaro, le Monde, Liberation, etc.</p>
<p><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="680" height="568" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=extractslideshare-etudepubofferte-091030102005-phpapp02&amp;stripped_title=alticsetudepubliciteonlineextrait" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="680" height="568" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=extractslideshare-etudepubofferte-091030102005-phpapp02&amp;stripped_title=alticsetudepubliciteonlineextrait" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Quelques remarques qui s&#8217;appliquent pour lefigaro.fr, qui démontrent l&#8217;importance des compromis intrusivité/ergonomie :</p>
<p><img class="alignright size-full wp-image-3868" style="margin-left:16px" title="le-figaro-eye-tracking" src="http://www.gabyu.com/blog/wp-content/uploads/le-figaro-eye-tracking.jpg" alt="le-figaro-eye-tracking" width="184" height="238" /> Sur le site lefigaro.fr, la publicité 728×90 px en haut de page est moins vue que sur des sites qui la placent sous la navigation. Ce que l&#8217;étude omet de dire, c&#8217;est que l&#8217;ergonomie de la navigation s&#8217;en trouve renforcée, et que ce format est de toute façon en perte de vitesse chez les annonceurs et les régies. Le compromis de la placer en haut n&#8217;est pas finalement si mauvais que cela.</p>
<p>La colonne de droite (300 px de large) dont personne ne sait quoi faire regagne du terrain, grâce à une injection de contenus originaux et à un éditing strict et très rigoureux dans les gabarits du <strong>Flash actu</strong> (en haut de page), ou dans les relances de lectures visuelles. Même si le contenu, qui doit être écrit en corps plus étroit, et les visuels moins percutants que dans la colonne centrale, l&#8217;usager s&#8217;y sent à nouveau à l&#8217;aise d&#8217;y jeter un oeil, et devient moins sujet au <a href="http://en.wikipedia.org/wiki/Banner_blindness">banner blindness</a>.</p>
<p>Pour les autres sites en général :</p>
<ul>
<li>La mesure d&#8217;Eye-tracking s&#8217;arrête&#8230; au bout de 5-7 écrans. Sela pourrait signifier clairement que les utilisateurs ne descendent pas tous jusqu&#8217;en bas des pages, contrairement à ce que l&#8217;on pourrait imaginer.. ?</li>
<li>Les petites images placée à gauche du contenu sont tout simplememt &#8216;zappées&#8217;. Pire encore, comme sur le site de Libération ou de Métro, elle fragmente déjà une lecture difficile car jamais ferrée sur une quelconque grille de lecture.</li>
<li>Les utilisateurs prennent le temps de lire les titres, et un peu moins pour les chapos. Cette format de texte sous un titre prend davantage de temps à lire. Comme les titres sont d&#8217;une longueur importante, les chapos deviennent moins essentiels pour comprendre l&#8217;information dans son contexte.</li>
</ul>
<p>Reste que l&#8217;ensemble des écrans analysés présentent quasiment tous la même posture vis-à-vis des affichages publicitaires, ce qui démontre plusieurs points et pistes d&#8217;évolution possibles :</p>
<ul>
<li>Les régies publicitaires ne parviennent pas à mettre en place des offres de ciblage sur les sites d&#8217;informations en ligne. Pourtant ce genre d&#8217;offre est très répandu sur les sites sociaux/communautaires tels que Facebook. Il est clair que l&#8217;identification obligatoire des utilisateurs sur les sites d&#8217;informations serait à court terme un frein à la consultation des sites d&#8217;infos, mais il serait temps que les médias en ligne s&#8217;en emparent, car ce sont ce que la plupart des lecteurs habitués d&#8217;un même site attendent aujourd&#8217;hui.</li>
<li>La mise en page des sites d&#8217;informations elles-même font naitre une dévalorisation du contenu, alors que ces contenus sont autant relus, corrigés, parfois par une personne dédiée à la rédaction. Il est né d&#8217;une opposition entre la rapidité de publication/de mise en ligne du contenu avec sa qualité et sa profondeur. Si la mise en page du contenu n&#8217;est pas revue et optimisée, les efforts mis en place par les rédactions seront toujours invisibles pour l&#8217;utilisateur.</li>
</ul>
<p>Disclosure : j&#8217;ai collaboré dans le design et la mise en page du site du Figaro.fr de 2006 à 2008, d&#8217;où ma prise de position (qui n&#8217;engage que moi) spécifique pour ce site.</p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/11/05/eyetracking-presse-en-ligne/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Le nouveau FT.com</title>
		<link>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/</link>
		<comments>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 00:44:46 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[grille]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[refonte]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=2520</guid>
		<description><![CDATA[Confort de lecture, saumon... un site d'information comme j'en rêve en France !]]></description>
			<content:encoded><![CDATA[<p>Le modèle de la grille et des canons de l&#8217;élégance typographique du print peuvent se décliner sur le web.<br />
<a href="http://www.gabyu.com/2008/11/10/liberationfr-abdique-et-s’aligne-au-modele-scandinave/">Le modèle scandinave</a> recule outre-manche. Et c&#8217;est tant mieux, IHMO.</p>
<p>Quelle agréable surprise de la nouvelle page d&#8217;accueil de FT.com, le <a href="http://www.ft.com/home/europe">site du Financial Times</a> !<br />
En un écran, tout est dit :</p>
<ul>
<li>Le respect du code graphique du journal, notamment du saumon, pour rappeler la force éditoriale du papier &#8212; on s&#8217;y habitue vite, très vite.</li>
<li>Un menu fonctionnel et qui est lisible &#8212; certains diront qu&#8217;il est <a href="http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html">très inspiré du menu</a> de <a href="http://www.Digg.com">Digg.com</a>, et je leur donnerai raison,</li>
<li>Simplicité dans la grille à 960px &#8212; un standard si pratique pour le découpage en colonnes,</li>
<li>Simplicité dans le nombre de niveau de titres en une, avec un effet de titre/mini chapo terriblement efficace au clic,</li>
<li>Une photo, seulement quand cela en vaut la peine &#8212; 25 images, moins de 150ko d&#8217;images en tout,</li>
<li>Une sélection de titres qui ne dépasse pas la 15-20taine de titres.</li>
</ul>
<p>Simplicité, efficacité, sérieux et confort de lecture. C&#8217;est net, efficace.<br />
Les sites &#8216;anglais&#8217; courent dans cette direction. Pourquoi pas les sites français ?</p>
<p><img class="size-medium wp-image-2521 alignleft" title="world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203" src="http://www.gabyu.com/blog/wp-content/uploads/world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203-680x1626.png" alt="world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203" width="680" height="1626" /></p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

