{"id":678,"date":"2010-05-01T19:59:55","date_gmt":"2010-05-01T17:59:55","guid":{"rendered":"http:\/\/www.laurentbourrelly.com\/blog\/?p=678"},"modified":"2010-05-01T19:59:55","modified_gmt":"2010-05-01T17:59:55","slug":"exemple-damelioration-du-taux-de-conversion-de-30-avec-clicktale","status":"publish","type":"post","link":"https:\/\/www.laurentbourrelly.com\/blog\/678.php","title":{"rendered":"Exemple d\u2019am\u00e9lioration du taux de conversion de 30% avec ClickTale"},"content":{"rendered":"<p><a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/clicktale.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-679\" style=\"border: 0pt none; margin: 0px 10px;\" title=\"Carte ClickTale\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/clicktale-150x150.jpg\" alt=\"\" width=\"120\" height=\"120\" \/><\/a>Parmi les outils d\u2019analyse du comportement des visiteurs, c\u2019est <a href=\"http:\/\/www.clicktale.com\/\">ClickTale<\/a> que je pr\u00e9f\u00e8re.<\/p>\n<p>Les donn\u00e9es sont tr\u00e8s utiles et les films des visites d\u2019internautes sont fascinants. Voici un exemple de mise en pratique d&rsquo;une am\u00e9lioration simple de l&rsquo;ergonomie d&rsquo;un site commercial.<!--more--><br \/>\nSur leur blog, ClickTale partage une <a href=\"http:\/\/blog.clicktale.com\/2010\/04\/21\/four-simple-steps-to-boost-conversions-by-30\/\">\u00e9tude de cas e-commerce<\/a> int\u00e9ressante puisque les r\u00e9sultats sont impressionnants : 30% d\u2019am\u00e9lioration du taux de conversion en 10 jours.<\/p>\n<p>La vid\u00e9o suivante est une pr\u00e9sentation rapide de ClickTale<\/p>\n<p><a href=\"http:\/\/www.youtube.com\/v\/LVL88-NLpAU\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-686\" title=\"vid\u00e9o de pr\u00e9sentation ClickTale\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/clicktale-300x183.png\" alt=\"\" width=\"300\" height=\"183\" \/><\/a><\/p>\n<h1>Int\u00e9r\u00eat de l&rsquo;ergonomie incitative<\/h1>\n<p>L&rsquo;ergonomie incitative est le prolongement naturel du r\u00e9f\u00e9rencement pour tous ceux qui affectionnent de g\u00e9rer l\u2019int\u00e9gralit\u00e9 du processus. En effet, il est d\u00e9j\u00e0 assez difficile d\u2019attirer le chaland, donc r\u00e9colter le plus possible est la t\u00e2che logique \u00e0 prendre en compte par la suite.<\/p>\n<p>En compl\u00e9ment d\u2019une \u00e9tude des habitudes d\u2019utilisation du site via les donn\u00e9es divulgu\u00e9es 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 \u00e9t\u00e9 rendues c\u00e9l\u00e8bres par les <a href=\"http:\/\/www.useit.com\/eyetracking\/\">\u00e9tudes EyeTracking<\/a>.\u00a0 Ces repr\u00e9sentations\u00a0 se r\u00e9v\u00e8lent indispensables d\u00e8s lors qu\u2019il s\u2019agit d\u2019optimiser une page Web afin de diriger l\u2019internaute vers des zones favorables du point de vue marketing et commercial.<\/p>\n<p>EyeTracking utilise un <a href=\"http:\/\/www.eyetracking.com\/technology\/learn\/\">proc\u00e9d\u00e9 tr\u00e8s perfectionn\u00e9<\/a> qui est certainement pr\u00e9cis, mais qui co\u00fbte un bras au client (minimum 5000$). D\u2019autres outils sont moins on\u00e9reux puisqu\u2019ils se contentent de tracker les mouvements de la souris, mais les r\u00e9sultats sont largement suffisants pour obtenir des r\u00e9sultats probants. Il existe la fonctionnalit\u00e9 Overlay dans Google Analytics qui voudrait bien \u00eatre utile dans ce sens, mais c\u2019est trop mal foutu et peu fiable pour \u00eatre pris au s\u00e9rieux. Bref, passez votre chemin.<br \/>\nPar 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\u00e9es tr\u00e8s int\u00e9ressantes. Pourtant, j\u2019ai opt\u00e9 pour <a href=\"http:\/\/www.clicktale.com\/\">ClickTale<\/a> dont le plus est de fournir des films complets de l\u2019utilisation du site par les visiteurs. C\u2019est exactement comme si vous \u00e9tiez par dessus l\u2019\u00e9paule des internautes qui parcourent votre site.<\/p>\n<h2>ClickTale en action<\/h2>\n<p>Ainsi, le Blog ClickTale nous fait profiter de la prestation r\u00e9alis\u00e9e par l\u2019agence <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\u00e9cialis\u00e9 dans l\u2019agencement de bureaux.<\/p>\n<p><a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/snip.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-680\" title=\"ClickTale\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/snip-300x144.png\" alt=\"\" width=\"300\" height=\"144\" \/><\/a><\/p>\n<h3>M\u00e9thodologie<\/h3>\n<p>L\u2019outil CickTale a \u00e9t\u00e9 utilis\u00e9 en conjonction avec Google Analytics afin de comprendre au mieux ce que font les internautes sur le site.<\/p>\n<p>Quatre \u00e9tapes ont \u00e9t\u00e9 n\u00e9cessaires pour am\u00e9liorer le taux de conversion :<\/p>\n<ul>\n<li><strong>P\u00e9rim\u00e8tre Commercial<\/strong> : en utilisant les donn\u00e9es issues de Google Analytics et le feedback des clients, il a \u00e9t\u00e9 d\u00e9termin\u00e9 les pages principales et le comportement des visiteurs qui devaient \u00eatre analys\u00e9 et am\u00e9lior\u00e9 \u00e0 l\u2019aide de ClickTale.<\/li>\n<li><strong>Donn\u00e9es Trafic<\/strong> : pour chaque page s\u00e9lectionn\u00e9e, les mesures suivantes ont \u00e9t\u00e9 mesur\u00e9es : dur\u00e9e de l\u2019attention, taux de rebond, type de visiteur, ainsi que les pages visit\u00e9es avant et apr\u00e8s. Cela permet de d\u00e9finir un contexte appropri\u00e9 pour d\u00e9cortiquer les rapports ClickTale.<\/li>\n<li><strong>Donn\u00e9es ClickTale<\/strong> : les cartes thermique sont utilis\u00e9es pour mesurer les visites en termes de scrolling, clicking et survolement.<\/li>\n<li><strong>Donn\u00e9es comportementales<\/strong> : les trois couches d\u2019information ont permis de se concentrer sur des issus sp\u00e9cifiques. Du coup, la compr\u00e9hension du comportement des visiteurs s\u2019est r\u00e9v\u00e9l\u00e9e de mani\u00e8re \u00e9vidente, permettant de proposer des actions concr\u00e8tes \u00e0 activer.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/snip2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-685\" title=\"mouvement de la souris - ClickTale\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/snip2-300x180.png\" alt=\"\" width=\"300\" height=\"180\" \/><\/a><\/p>\n<h3>Optimisation<\/h3>\n<p>Le chemin pris pour s\u2019enregistrer \u00e9tait le suivant :<\/p>\n<p><strong>Page d\u2019accueil &gt; Page Produit &gt; Enregistrement<\/strong><\/p>\n<p>Etant donn\u00e9 que la page produit est vitale au sein du tunnel de conversion, il s\u2019agit d\u2019y porter une attention toute particuli\u00e8re. Il est apparu que les visiteurs se perdaient en chemin \u00e0 l\u2019int\u00e9rieur de cette page. L\u2019objectif sera donc d\u2019am\u00e9liorer le flux dans la page produit.<\/p>\n<p>Voici la page avant :<br \/>\n<a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/product-before.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-681\" title=\"Page produit avant\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/product-before-182x300.png\" alt=\"\" width=\"182\" height=\"300\" \/><\/a><\/p>\n<p>Les modifications ont port\u00e9 sur les deux points suivants :<\/p>\n<ul>\n<li>Nettoyage des barres verticales et horizontales en \u00e9liminant les liens inutiles et simplification des images.<\/li>\n<li>Am\u00e9lioration du flux par mise en avant des zones extensibles de la page (remplacement des fl\u00e8ches par \u00ab<strong>Etendre +<\/strong>\u00bb).<\/li>\n<\/ul>\n<p>Voici la page apr\u00e8s modification :<br \/>\n<a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/product-after.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-682\" title=\"Page produit apr\u00e8s\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/product-after-246x300.png\" alt=\"\" width=\"246\" height=\"300\" \/><\/a><\/p>\n<p>Deux autres faits sont apparus apr\u00e8s \u00e9tudes des vid\u00e9os. Premi\u00e8rement, les visiteurs qui arrivent depuis les r\u00e9sultats organiques pr\u00e9f\u00e8rent cliquer sur des liens textes plut\u00f4t que des \u00e9l\u00e9ments de navigation ou des banni\u00e8res. Deuxi\u00e8mement, la plupart du trafic non converti en vente venait sur le site pour t\u00e9l\u00e9charger des guides et livres blancs.<\/p>\n<p>En utilisant ces donn\u00e9es, il a \u00e9t\u00e9 \u00e9tabli une hypoth\u00e8se sugg\u00e9rant que les fichiers PDF devaient \u00eatre disponibles au t\u00e9l\u00e9chargement depuis la page d\u2019accueil par le biais d\u2019un lien texte, mais qu\u2019il fallait s\u2019enregistrer avant de pouvoir t\u00e9l\u00e9charger le fichier.<\/p>\n<p>La zone en haut \u00e0 droite de la page d\u2019accueil a \u00e9t\u00e9 modifi\u00e9 depuis ce design :<br \/>\n<a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/home-before-copy.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-683\" title=\"Page d'accueil avant\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/home-before-copy-300x122.png\" alt=\"\" width=\"300\" height=\"122\" \/><\/a><\/p>\n<p>Vers ceci :<br \/>\n<a href=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/home-after-copy.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-684\" title=\"Page d'accueil apr\u00e8s\" src=\"https:\/\/www.laurentbourrelly.com\/blog\/wp-content\/uploads\/2010\/05\/home-after-copy-300x134.png\" alt=\"\" width=\"300\" height=\"134\" \/><\/a><\/p>\n<h3>R\u00e9sultats<\/h3>\n<p>En 10 jours, le nouveau design s\u2019est valid\u00e9 puisque le taux de conversion a grimp\u00e9 de 30% et le taux de rebond \u00e0 diminu\u00e9 de 9%. De plus, le temps de visite a augment\u00e9 de 26% et le nombre de pages vues s\u2019am\u00e9liore de 19%.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parmi les outils d\u2019analyse du comportement des visiteurs, c\u2019est ClickTale que je pr\u00e9f\u00e8re. Les donn\u00e9es sont tr\u00e8s utiles et les films des visites d\u2019internautes sont fascinants. Voici un exemple de mise en pratique d&rsquo;une am\u00e9lioration simple de l&rsquo;ergonomie d&rsquo;un site commercial.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[3],"tags":[113],"class_list":["post-678","post","type-post","status-publish","format-standard","hentry","category-ecommerce","tag-clicktale"],"_links":{"self":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts\/678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/comments?post=678"}],"version-history":[{"count":0,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts\/678\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/media?parent=678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/categories?post=678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/tags?post=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}