Sans mesure, l’expérience n’est rien

Sans mesure, l’expérience n’est rien

Quand on lance une nouvelle fonctionnalité ou un outil de médiation numérique, il est intéressant de mesurer le ROI (Retour sur investissement). Ça permet aussi d’éviter quelques erreurs d’utilisabilité. Pour nous aider, Google Analytics offre une fonction riche d’enseignements : Le suivi d’événements.  On va ainsi pouvoir évaluer l’intérêt du carrousel sur la page d’accueil, la présence de tel lien à tel endroit…

Prérequis

D’abord, vous devez pouvoir ajouter du javascript dans votre code HTML ou le code généré du côté serveur.

Google Analytics  doit analyser votre site. En général, votre prestataire a créé le compte Google et ajouté le code de suivi pour vous. Si ça n’est pas le cas, l’ aide de Google Analytics  est très bien faite.

Qu’est qu’un événement ?

Ensuite, il va falloir comprendre à quoi sert un  événement . En résumé, un événement est une interaction entre l’utilisateur et votre site.

Un événement Google Analytics permet de spécifier quatre paramètres à renseigner

• Catégorie
• Action
• Label (optionnel)
• la Valeur (optionnelle).

L’intérêt de ces paramètres est de pouvoir être analysés indépendamment ou en entonnoir. Il est très important de définir ces paramètres à priori en pensant à toutes les possibilités. Les changer ensuite va « salir » vos statistiques.

Par exemple, j’ai défini les catégories suivantes pour le  site des médiathèques d’Antony  :

• Catalogue : Analyse des recherches dans le catalogue
• Liens : Liens divers (Ressources numériques, liens sur la page d’accueil)
• LiensAccount : Liens vers les ressources numériques sur la page du compte usager
• Agenda : Liens vers l’agenda sur la page d’accueil
• CarousselAgenda : Liens vers un événement de l’agenda sur le slide de la page d’accueil
• CarrouselStatique : Liens vers les documents appartenant à un carrousel
• CarrouselNouveautes : Liens vers les documents appartenant à un carrousel dynamique ( fonction Ermes améliorée)
• Blog : Liens vers un article du blog des médiathèques
• LienWikipedia : Liens vers la page d’un prix artistique sur la page des notices bibliographiques.
• Bibliographie : Liens vers une bibliographie au format PDF.

Pour les actions, j’ai défini ;

• Suivre pour les liens sortants
• Rebondir pour les liens internes

Pour les labels, il y a :

• Les termes recherchés par l’utilisateur et le terme suggéré si le moteur ne retourne pas de résultats
• Le type de liens ( Sur la page d’accueil ou sur les notices )
• Le nom des ressources numériques vers lesquelles pointent le lien
• Les titres des documents ou des événements dans les carrousels statiques ou dynamiques
• Les titres des articles du blog
• La bibliographie téléchargée.
• …

Comment intégrer la fonction ?

Le code à ajouté dans vos balise lien est le suivant :

_gaq.push(['_trackEvent', 'Catégorie', 'Action','Label'])

Ou l’ancienne notation :

_trackEvent('categorie', 'action', 'label', 'valeur')

La première notation présente l’intérêt d’être asynchrone donc sans impact sur le chargement de vos pages. On aura donc par exemple

_gaq.push(['_trackEvent', 'carrouselStatique', 'Rebondir','Homeland']);

Pour faire « réagir » ce code, il faut ajouter l’événement javascript ONCLICK à la balise anchor qui se déclenche quand l’utilisateur clique sur le lien :

<a class="vignette_selection" href="/medias/detail.aspx?INSTANCE=EXPLOITATION&amp;;RSCBASE=AB6&amp;RSCDOCID=243514"><img src="/medias/imageSync.ashx?instance=EXPLOITATION&amp;RSC_UID=148927&amp;SIZE=MEDIUM&amp;STATUS=&amp;amp;D=&amp;F=marc:dvd" alt="Homeland - Gordon, Howard" border="0" />
</a>

Et 15 jours plus tard

Dans votre compte Google Analytics, allez dans Contenu -> Événements

• L’entrée « Principaux événements » permet de voir les statistiques pour chaque catégorie, puis par action puis par label ou par action puis par label ou par label. Il est bien sûr possible d’y associer des variables secondaires telles que la ville ou le titre de la page appelante.
• L’entrée « Pages » permet de voir à partir de quelle page du site est déclenché l’événement.
• L’entrée « Flux d’événements » permet d’analyser  les flux d’appel des événements au cours d’une session.

Comme dans les émissions de cuisine où le plat qui vient d’être préparé est déjà cuit, dans la page « Principaux événements », je trouve :

La ligne carrouselStatique correspond aux clics sur cet élément

Image may be NSFW.
Clik here to view.

Grâce à ces statistiques et en les associant à l’ordre dans lequel s’affichent les documents sur le carrousel, on obtient :

Analyse

Comment analyser ces statistiques ?  Plusieurs hypothèses. A noter que ces données ne prennent en compte que les statistiques d’usage en dehors des médiathèques.

1. Les usagers ne s’intéressent pas à la sélection et ne cliquent pas sur le bouton pour faire avancer le carrousel. Pourtant 21 personnes ont cliqué sur Detachment.
2. Les usagers ne comprennent pas le caroussel. En effet, la série Homeland qui a eu beaucoup de succès n’est pourtant « cliqué » que 3 fois. Bullhead est un fake puisque la flèche disparaît quand on arrive en bout de liste et on clique alors par erreur sur la dernière couverture.
3. Le carrousel n’est pas ergonomique et n’incite pas les usagers à l’utiliser.

Suggestions

Quand j’ai développé le carrousel pour Ermes 2.0, quelques bibliothécaires m’ont demandé la démarche à suivre. On peux même se dire que ce genre de widget est à la mode parmi les informathécaires. Pourtant la FNAC n’en utilise plus sur sa page d’accueil. Sur Amazon, il est réservé à l’historique récent ou aux meilleures ventes en dessous de la ligne de flottaison. Même constat pour le Furet, chapitre.com ou gibert.

Peut-être observez-vous la même chose? Si c’est le cas, on peut en déduire quelques règles pour les sélections documentaires:

1. Si vous souhaitez à tout prix utiliser un carrousel, pas plus de 10 documents. Au-delà, c’est contre-productif.
2. Quitte à choisir, pas de caroussel sur la page d’accueil, c’est mieux.

Je vais de ce pas changer ça…

En complément à cette lecture:

• Event Tracking
• Conception de carrousel – 5 erreurs d’utilisabilité à ne pas commettre.