<?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>Laurent Bourrelly » conversion</title>
	<atom:link href="http://www.laurentbourrelly.com/blog/tag/conversion/feed" rel="self" type="application/rss+xml" />
	<link>http://www.laurentbourrelly.com/blog</link>
	<description>SEO ROCKSTAR</description>
	<lastBuildDate>Wed, 01 Feb 2012 10:02:22 +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>Exemple dâ€™amĂ©lioration du taux de conversion de 30% avec ClickTale</title>
		<link>http://www.laurentbourrelly.com/blog/678.php</link>
		<comments>http://www.laurentbourrelly.com/blog/678.php#comments</comments>
		<pubDate>Sat, 01 May 2010 17:59:55 +0000</pubDate>
		<dc:creator>Laurent</dc:creator>
				<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[ClickTale]]></category>
		<category><![CDATA[conversion]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[internaute]]></category>
		<category><![CDATA[statistiques]]></category>
		<category><![CDATA[visiteur]]></category>

		<guid isPermaLink="false">http://www.laurentbourrelly.com/blog/?p=678</guid>
		<description><![CDATA[Parmi les outils dâ€™analyse du comportement des visiteurs, câ€™est ClickTale que je prĂ©fĂ¨re. Les donnĂ©es sont trĂ¨s utiles et les films des visites dâ€™internautes sont fascinants. Voici un exemple de mise en pratique d&#8217;une amĂ©lioration simple de l&#8217;ergonomie d&#8217;un site commercial. Sur leur blog, ClickTale partage une Ă©tude de cas e-commerce intĂ©ressante puisque les rĂ©sultats [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/clicktale.jpg" rel="shadowbox[sbpost-678];player=img;" title="Carte ClickTale"><img class="alignleft size-thumbnail wp-image-679" style="border: 0pt none; margin: 0px 10px;" title="Carte ClickTale" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/clicktale-150x150.jpg" alt="" width="120" height="120" /></a>Parmi les outils dâ€™analyse du comportement des visiteurs, câ€™est <a href="http://www.clicktale.com/">ClickTale</a> que je prĂ©fĂ¨re.</p>
<p>Les donnĂ©es sont trĂ¨s utiles et les films des visites dâ€™internautes sont fascinants. Voici un exemple de mise en pratique d&#8217;une amĂ©lioration simple de l&#8217;ergonomie d&#8217;un site commercial.<span id="more-678"></span><br />
Sur leur blog, ClickTale partage une <a href="http://blog.clicktale.com/2010/04/21/four-simple-steps-to-boost-conversions-by-30/">Ă©tude de cas e-commerce</a> intĂ©ressante puisque les rĂ©sultats sont impressionnants : 30% dâ€™amĂ©lioration du taux de conversion en 10 jours.</p>
<p>La vidĂ©o suivante est une prĂ©sentation rapide de ClickTale</p>
<p><a href="http://www.youtube.com/v/LVL88-NLpAU" rel="shadowbox[sbpost-678];player=swf;width=640;height=385;" title="vidĂ©o de prĂ©sentation ClickTale"><img class="alignnone size-medium wp-image-686" title="vidĂ©o de prĂ©sentation ClickTale" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/clicktale-300x183.png" alt="" width="300" height="183" /></a></p>
<h1>IntĂ©rĂŞt de l&#8217;ergonomie incitative</h1>
<p>L&#8217;ergonomie incitative est le prolongement naturel du rĂ©fĂ©rencement pour tous ceux qui affectionnent de gĂ©rer lâ€™intĂ©gralitĂ© du processus. En effet, il est dĂ©jĂ  assez difficile dâ€™attirer le chaland, donc rĂ©colter le plus possible est la tĂ˘che logique Ă  prendre en compte par la suite.</p>
<p>En complĂ©ment dâ€™une Ă©tude des habitudes dâ€™utilisation du site via les donnĂ©es divulguĂ©es par Google Analytics, <a href="http://getclicky.com/">GetClicky</a> &amp; Co., il devient vite indispensable de se plonger dans ces intrigantes images du style thermique qui ont Ă©tĂ© rendues cĂ©lĂ¨bres par les <a href="http://www.useit.com/eyetracking/">Ă©tudes EyeTracking</a>.Â  Ces reprĂ©sentationsÂ  se rĂ©vĂ¨lent indispensables dĂ¨s lors quâ€™il sâ€™agit dâ€™optimiser une page Web afin de diriger lâ€™internaute vers des zones favorables du point de vue marketing et commercial.</p>
<p>EyeTracking utilise un <a href="http://www.eyetracking.com/technology/learn/">procĂ©dĂ© trĂ¨s perfectionnĂ©</a> qui est certainement prĂ©cis, mais qui coĂ»te un bras au client (minimum 5000$). Dâ€™autres outils sont moins onĂ©reux puisquâ€™ils se contentent de tracker les mouvements de la souris, mais les rĂ©sultats sont largement suffisants pour obtenir des rĂ©sultats probants. Il existe la fonctionnalitĂ© Overlay dans Google Analytics qui voudrait bien ĂŞtre utile dans ce sens, mais câ€™est trop mal foutu et peu fiable pour ĂŞtre pris au sĂ©rieux. Bref, passez votre chemin.<br />
Par contre, des outils tels que <a href="http://crazyegg.com/">CrazyEgg</a>, <a href="http://www.clickdensity.com/">ClickDensity</a>, <a href="http://userfly.com/">UserFly</a>, <a href="http://www.pagealizer.com/">PageAlyzer</a> ou <a href="http://www.unica.com/">Unica</a> vont procurer des donnĂ©es trĂ¨s intĂ©ressantes. Pourtant, jâ€™ai optĂ© pour <a href="http://www.clicktale.com/">ClickTale</a> dont le plus est de fournir des films complets de lâ€™utilisation du site par les visiteurs. Câ€™est exactement comme si vous Ă©tiez par dessus lâ€™Ă©paule des internautes qui parcourent votre site.</p>
<h2>ClickTale en action</h2>
<p>Ainsi, le Blog ClickTale nous fait profiter de la prestation rĂ©alisĂ©e par lâ€™agence <a href="http://www.cyber-duck.co.uk/">Cyber Duck</a> pour le site <a href="http://www.optimasystems.com/">Optima Systems</a> qui est spĂ©cialisĂ© dans lâ€™agencement de bureaux.</p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/snip.png" rel="shadowbox[sbpost-678];player=img;" title="ClickTale"><img class="alignnone size-medium wp-image-680" title="ClickTale" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/snip-300x144.png" alt="" width="300" height="144" /></a></p>
<h3>MĂ©thodologie</h3>
<p>Lâ€™outil CickTale a Ă©tĂ© utilisĂ© en conjonction avec Google Analytics afin de comprendre au mieux ce que font les internautes sur le site.</p>
<p>Quatre Ă©tapes ont Ă©tĂ© nĂ©cessaires pour amĂ©liorer le taux de conversion :</p>
<ul>
<li><strong>PĂ©rimĂ¨tre Commercial</strong> : en utilisant les donnĂ©es issues de Google Analytics et le feedback des clients, il a Ă©tĂ© dĂ©terminĂ© les pages principales et le comportement des visiteurs qui devaient ĂŞtre analysĂ© et amĂ©liorĂ© Ă  lâ€™aide de ClickTale.</li>
<li><strong>DonnĂ©es Trafic</strong> : pour chaque page sĂ©lectionnĂ©e, les mesures suivantes ont Ă©tĂ© mesurĂ©es : durĂ©e de lâ€™attention, taux de rebond, type de visiteur, ainsi que les pages visitĂ©es avant et aprĂ¨s. Cela permet de dĂ©finir un contexte appropriĂ© pour dĂ©cortiquer les rapports ClickTale.</li>
<li><strong>DonnĂ©es ClickTale</strong> : les cartes thermique sont utilisĂ©es pour mesurer les visites en termes de scrolling, clicking et survolement.</li>
<li><strong>DonnĂ©es comportementales</strong> : les trois couches dâ€™information ont permis de se concentrer sur des issus spĂ©cifiques. Du coup, la comprĂ©hension du comportement des visiteurs sâ€™est rĂ©vĂ©lĂ©e de maniĂ¨re Ă©vidente, permettant de proposer des actions concrĂ¨tes Ă  activer.</li>
</ul>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/snip2.png" rel="shadowbox[sbpost-678];player=img;" title="mouvement de la souris - ClickTale"><img class="alignnone size-medium wp-image-685" title="mouvement de la souris - ClickTale" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/snip2-300x180.png" alt="" width="300" height="180" /></a></p>
<h3>Optimisation</h3>
<p>Le chemin pris pour sâ€™enregistrer Ă©tait le suivant :</p>
<p><strong>Page dâ€™accueil &gt; Page Produit &gt; Enregistrement</strong></p>
<p>Etant donnĂ© que la page produit est vitale au sein du tunnel de conversion, il sâ€™agit dâ€™y porter une attention toute particuliĂ¨re. Il est apparu que les visiteurs se perdaient en chemin Ă  lâ€™intĂ©rieur de cette page. Lâ€™objectif sera donc dâ€™amĂ©liorer le flux dans la page produit.</p>
<p>Voici la page avant :<br />
<a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/product-before.png" rel="shadowbox[sbpost-678];player=img;" title="Page produit avant"><img class="alignnone size-medium wp-image-681" title="Page produit avant" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/product-before-182x300.png" alt="" width="182" height="300" /></a></p>
<p>Les modifications ont portĂ© sur les deux points suivants :</p>
<ul>
<li>Nettoyage des barres verticales et horizontales en Ă©liminant les liens inutiles et simplification des images.</li>
<li>AmĂ©lioration du flux par mise en avant des zones extensibles de la page (remplacement des flĂ¨ches par Â«<strong>Etendre +</strong>Â»).</li>
</ul>
<p>Voici la page aprĂ¨s modification :<br />
<a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/product-after.png" rel="shadowbox[sbpost-678];player=img;" title="Page produit aprĂ¨s"><img class="alignnone size-medium wp-image-682" title="Page produit aprĂ¨s" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/product-after-246x300.png" alt="" width="246" height="300" /></a></p>
<p>Deux autres faits sont apparus aprĂ¨s Ă©tudes des vidĂ©os. PremiĂ¨rement, les visiteurs qui arrivent depuis les rĂ©sultats organiques prĂ©fĂ¨rent cliquer sur des liens textes plutĂ´t que des Ă©lĂ©ments de navigation ou des banniĂ¨res. DeuxiĂ¨mement, la plupart du trafic non converti en vente venait sur le site pour tĂ©lĂ©charger des guides et livres blancs.</p>
<p>En utilisant ces donnĂ©es, il a Ă©tĂ© Ă©tabli une hypothĂ¨se suggĂ©rant que les fichiers PDF devaient ĂŞtre disponibles au tĂ©lĂ©chargement depuis la page dâ€™accueil par le biais dâ€™un lien texte, mais quâ€™il fallait sâ€™enregistrer avant de pouvoir tĂ©lĂ©charger le fichier.</p>
<p>La zone en haut Ă  droite de la page dâ€™accueil a Ă©tĂ© modifiĂ© depuis ce design :<br />
<a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/home-before-copy.png" rel="shadowbox[sbpost-678];player=img;" title="Page d'accueil avant"><img class="alignnone size-medium wp-image-683" title="Page d'accueil avant" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/home-before-copy-300x122.png" alt="" width="300" height="122" /></a></p>
<p>Vers ceci :<br />
<a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/home-after-copy.png" rel="shadowbox[sbpost-678];player=img;" title="Page d'accueil aprĂ¨s"><img class="alignnone size-medium wp-image-684" title="Page d'accueil aprĂ¨s" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/05/home-after-copy-300x134.png" alt="" width="300" height="134" /></a></p>
<h3>RĂ©sultats</h3>
<p>En 10 jours, le nouveau design sâ€™est validĂ© puisque le taux de conversion a grimpĂ© de 30% et le taux de rebond Ă  diminuĂ© de 9%. De plus, le temps de visite a augmentĂ© de 26% et le nombre de pages vues sâ€™amĂ©liore de 19%.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.laurentbourrelly.com/blog/678.php/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
	</channel>
</rss>

