Cela faisait quelques temps qu’avec Thomas nous nous posions la question de la refonte de notre blog. Pas question de changement radical, mais d’optimisation, histoire de profiter de tout l’espace disponible… Espace sur notre page (colonne vide) et espace sur le Net (envahir la toile, avec le taux de conversion pour credo). Plus sérieusement, vous l’aurez compris, il était question d’optimisation de notre référencement et de l’expérience utilisateur.

Référencement naturel
Nous avions un peu lancé ce blog rapidement (euphémisme pour ne pas dire dans l’urgence) et nous avions par exemple mis une image pour bannière sans dupliquer son contenu en format texte. La première étape de la journée a donc été de changer notre bannière. Deux pistes de travail : laisser l’image de base et cacher du texte indexable en-dessous, ou utiliser une image sans texte et ajouter le texte avec le fichier CSS par dessus. Nous avons retenu la deuxième hypothèse. Au programme, nous avons aussi prévu de rajouter des tags et quelques plugins WordPress bien pensés pour améliorer notre SEO (plus de détail et le nom des plug-in une fois l’installation accomplie).

Expérience utilisateur
Question couleur, nous avons pensé aux remarques que nous avions eues sur les blocs qui étaient d’un gris un peu trop clair. La bannière a été repensée pour mieux intégrer les boutons de navigation et surtout, révolution de la journée, nous avons ajouté une nouvelle colonne, histoire de tirer meilleur profit de notre espace latéral. En utilisant l’excellent outil Clicktale (dont j’avais parlé dans un post précédent)), nous avons constaté que nous vous faisions pas mal scroller. Dès lors, en plus de mieux exploiter l’espace latéral, nous allons ajouter des plug-in pour lier les articles entre eux par contenu et mettre en avant les articles qui marchent bien et les derniers commentaires.

Rien de révolutionnaire, je vous l’avais dit, juste des mises à jour qui commençaient à être nécessaires (étude de nos statistiques et de votre comportement à l’appui).

N’hésitez pas à nous faire un retour et surtout désolé pour les courageux qui ont visité la passage pendant les mises à jour, ils ont dû voir des choses pas très esthétiques.

• Partager sur Facebook
• Enregistrer sur Del.icio.us
• Ajouter sur Scoopeo
• Voter sur Wikio

L’ Eye tracking (occulométrie en français) est un ensemble de méthodes visant à étudier les mouvements et les points fixés par l’oeil. Sur Wikipédia, on apprend que les premières recherches menées sur le sujet datent de du 19ème siècle, époque où les observations et mesures étaient réalisées… à l’oeil.

Avec le temps, les méthodes ont évolué, et aujourd’hui le monde de la presse, de l’édition, de la télévision et de la publicité en use régulièrement. L’eye tracking a pour objectif de comprendre ce qui attire l’attention et ce qui ne l’attire pas par le biais d’une heatmap, dont on peut voir une illustration sur la page du Time. Assez intuitivement, plus les zones sont représentées avec une couleur chaude, plus la zone a été visualisée longtemps. Sur l’exemple, vous noterez que les petits caractères demandent un déchiffrage, et que le titre du magasine étant court et en gros caractère n’est que peu regardé. En fait la heatmap n’est qu’une étape, car il faut l’exploiter et décrypter toutes les informations qu’elle fournit. Mais ceci sera l’objet d’un autre article.

Si tout le monde a entendu parler de l’eye tracking, c’est qu’il a été un outil adapté à un monde où l’oeil était le seul indicateur d’attention. Mais à l’ère de l’ordinateur, la navigation grâce à la souris permet d’interagir avec l’écran et donne de nouveaux éléments quant à l’attention du sujet. Dès lors, et depuis quelques temps maintenant, des solutions ont été développées pour pouvoir exploiter cette nouvelle source d’information. L’excellent blog web-analytique présente plusieurs solutions existantes sur le marché, dont plusieurs proposent un test gratuit.

En creusant un peu le sujet, on se rend compte qu’il existe deux types d’outil :

- les analyseurs de clics (CrazyEgg, Clickdensity, Clickmaps (logiciel libre)… Vous pourrez aussi retrouver l’ensemble de ces solutions, sur le blog de Seb)

- les analyseurs de déplacement du curseur et de clics : ClickTale est le seul à le proposer ce niveau d’information pour l’instant, si je ne m’abuse

Sur la vidéo suivante, vous découvrez l’interface de ClickTale, qui semble vouer à devenir la solution la plus complète de “mouse tracking” du marché. On pourra noter, que la principale fonctionnalité mise en avant est l’enregistrement des comportements de chaque utilisateur sous la forme d’un petit film où l’on voit le pointeur de l’internaute se balader sur la page. Question de confidentialité, je m’imagine que le travail est bien fait, mais là où je m’inquiète plus, c’est concernant le temps de visionnage de tous ces enregistrements. J’ai cru comprendre que la société développant ce service cherche à réaliser une forme de heatmap de la position du curseur, agrégeant plusieurs utilisateurs. Mais il semblerait que rien ne soit prêt pour l’instant.
Pour finir sur ce sujet fort intéressant, on notera qu’il existe déjà des heatmap pour les analyseurs de clics, où évidemment, plus un lien est cliqué, plus il apparaît dans une couleur chaude.

Mais, et je me dois de poser la question, est-ce que les mouvements de la souris sont vraiment pertinents à analyser ? Autant les analyseurs de clics ont une utilité que l’on ne peut remettre en question lorsqu’il s’agit de conversion et d’usabilité du site, autant je pense que des recherches sont nécessaires pour comprendre si les internautes utilisent leur curseur pour naviguer dans une page, si leur curseur suit le mouvement de leurs yeux et, si tous les internautes interagissent avec leur souris de la même manière. Regarder un point, signifie que notre attention est focalisée sur ce point (on peut faire semblant d’écouter un interlocuteur et le regarder… mais tout de même, une partie de l’attention est focalisée). Je suis moins sûr qu’avoir son curseur pointé sur une zone signifie que l’on regarde cette zone, et donc qu’on y focalise une partie de son attention…

• Partager sur Facebook
• Enregistrer sur Del.icio.us
• Ajouter sur Scoopeo
• Voter sur Wikio