e-marketing & e-commerce

Charité anglo-saxonne bonne élève en ergonomie web

« Usability » ou « utilisabilité » en français est le néologisme que tout acteur web doit avoir sur le bout des lèvres mais surtout à l’esprit lors de la conception d’un site internet. C’est en tout cas ce qu’ont compris les acteurs de l’humanitaire anglo-saxons en adoptant les bonnes pratiques de l’ergonomie Web 2.0 et en employant des visuels explicites pour toute action à déclencher chez l’internaute.
Fait remarquable, ces sites transcrivent à la lettre les usages 2.0 des sites marchands outre-Manche ou outre-Atlantique à l'instar de 1800flowers.com et Officedepot.com, la matrice est quasi-identique pour tous les sites cités en exemple et s’appuie sur la façon dont les internautes prennent connaissance des contenus sur le web : ils ne lisent pas une page, ils la scannent et laissent leur regard se poser de contenus en contenus modulaires facilement identifiables aux délimitations clairement définies (voir schéma ci après).

 

Mesurer le temps d’exposition des internautes aux contenus

Nous avions déjà eu l’occasion de parler d’Alenty afin de signaler l’apparition pleine de promesses d’un nouvel indicateur pour l’affichage des messages publicitaires en ligne. L’indicateur de visibilité développé par cet éditeur permet en effet de mesurer, à partir d’un script intégré dans le message publicitaire et sur la base de l’activité du clavier et de la souris de l’internaute, la visibilité ou non de la publicité, sa surface et son temps de visibilité.

Un peu plus d’un an plus tard, Médiamétrie valide cette approche en nouant un partenariat avec cet éditeur afin d’ajouter la mesure du temps de consultation des contenus, publicitaires ou non, à ses analyses de trafic. Les solutions développées s’adresseront aux éditeurs de sites et à leurs régies publicitaires, comme aux agences médias.

Selon Benoît  Cassaigne,  directeur  des  mesures d’audience de Médiamétrie, "la  technologie  innovante  d'Alenty,  permettra à Médiamétrie d’ajouter la durée d’exposition à un contenu éditorial ou publicitaire comme nouveau critère d’analyse et de valorisation".

 

sources: 
http://www.alenty.com
http://www.mediametrie.fr

Ce que voient les internautes

Voir ce que voient les internautes et connaître les zones de visibilité immédiate d'une page Web, c’est ce que propose l’outil Browser size développé par les Google Labs.

Pour un point donné sur la page, cet outil indique le taux de visiteurs qui pourront le voir sans avoir besoin de scroller, c'est à dire de faire défiler le contenu de la page à l'aide d'un ascenseur ou de la souris. Ceci en tenant compte de la taille de la fenêtre du navigateur. Par exemple, si une information ou un lien important se trouve sur une zone de 80%, cela signifie que 20% des internautes devront faire défiler le contenu pour le voir. Les moyennes sont établies à partir d’un panel de visiteurs de Google.com.

On ne le rappellera jamais assez, il faut placer les informations ou les liens les plus importants d’une page Web au dessus de la ligne de flottaison, c'est-à-dire de façon à ce que les internautes puissent les voir sans avoir besoin de faire défiler le contenu verticalement, mais aussi horizontalement.

Google en aurait fait l’expérience sur sa page de téléchargement de Google Earth en observant une augmentation de 10% du taux de téléchargement après avoir remonté le bouton de 100 pixels, selon l’ingénieur à l’origine de l’outil Bruno Bowden.

Pour utiliser cet outil, il suffit de saisir l’adresse de la page que vous souhaitez tester. Le schéma de visualisation apparait en transparence, la page restant active sous le calque.

Exemple de schéma de visualisation. Largeur et hauteur de la fenêtre sont indiquées en pixels.

 
  
Source : GoogleLabs

Ergonomie web et eyetracking : piqure de rappel

Nous avions déjà parlé de eyetracking en évoquant le fameux triangle d’or des pages de résultats du moteur de recherche Google.

Le eyetracking, ou oculométrie en français, consiste à suivre le regard de l’internaute. Des tests sont effectués avec plusieurs utilisateurs munis de casques à infrarouge ou utilisant des écrans dotés de capteurs infrarouges qui permettent d’analyser où se pose leur regard et de déterminer ainsi les « zones chaudes » et les « zones froides » d’une page web.

E-marketing et e-commerce 3ème édition !

Nous avons le plaisir de vous annoncer la sortie de la 3ème édition de notre ouvrage. Outre ses nombreuses mises à jour, nous vous invitons à découvrir de nouveaux témoignages, de nouveaux cas clients, un focus sur l’ergonomie et un zoom sur les médias sociaux, le Web 2.0.

Nous en profitons pour remercier tous les lecteurs des deux précédentes éditions qui ont contribué au succès du livre et lui ont ainsi permis de rejoindre le cercle très fermé des bestsellers notamment à la FNAC, chez Amazon et bien d’autres encore. Bonne lecture !

 

Le phénomène du "banner blindness" ou comment éviter la publicité...

La dernière étude de Miratech permet de mettre en avant les principaux facteurs déterminant la façon dont un internaute parcourt une page Web, à savoir : le design de la page, son contenu ainsi que l'objectif de l’internaute.

Une précédente étude basée, elle aussi, sur l’analyse du mouvement de l’œil (ou eye tracking) avait déjà mis en évidence le phénomène selon lequel les zones de visibilité s’organisent autour de plusieurs points d’attraction et ainsi permis de revisiter le triangle d’or. Ce phénomène est confirmé, mais il est également montré que les internautes regardent en premier lieu les zones qui leur apportent un maximum d’information avec un minimum d’effort, notamment les titres, les liens, les listes ou encore les tableaux.

Enfin, il apparait clairement que les internautes ont été amenés à développer des filtres vis-à-vis des contenus publicitaires, un comportement connu sous le nom de banner blindness. Ainsi, la zone censée capter l'attention par des éléments très attractifs (couleur, mouvement,…) sera ignorée car identifiée en tant que publicité par ces mêmes éléments.

Dans l'exemple ci-dessous, les internautes ignorent la publicité pour un WE à Londres.

A consulter : 
l’étude Miratech
l'article Publicité sur le web : que fait l'ergonomie ? (2007) sur le site Ergolab

Implémentation d'un moteur de recherche

Lorsque les internautes souhaitent effectuer une recherche sur un site, ils s’attendent automatiquement à trouver un champ à remplir dans lequel ils peuvent inscrire les termes de leur requête. Selon l’expert américain en ergonomie web, Jacob Nielsen, le champ de recherche devrait pouvoir contenir au moins 27 caractères de façon à ce que le texte soit bien lisible et simple à remanier. Idéalement ce champ doit être placé en haut de page, conformément au sens de lecture d’une page web, à savoir du haut à gauche vers le bas à droite et ce, accompagné d’un bouton ou d’un label explicite « rechercher »  ou « recherche » de préférence à un « Go ! » ou « ok » généralement mal appréhendés par les internautes.

Comment intégrer un moteur de recherche ?

Qu’un site Web propose de l’information ou qu’il commercialise des produits, il doit permettre à ses visiteurs de trouver le plus rapidement et le plus facilement possible ce qu’ils sont venus y chercher. En termes de navigation, cela se traduit par une organisation en catégories logiques et adaptées aux usages des publics ciblés. Néanmoins, aussi efficaces soient-ils, les scénarios de navigation prévus ne répondent pas nécessairement aux attentes des utilisateurs. C'est pourquoi la présence d’un moteur représente une alternative précieuse, favorisant la satisfaction de l’internaute : un mot ou une expression clé saisi le mène directement à son but, en théorie.

Première condition pour que la pratique rejoigne la théorie : s'assurer d'un socle de contenu suffisamment riche. Un moteur est-il réellement utile ? Dans le cas contraire, l'outil de recherche se révèlera contre-productif, peu de requêtes étant susceptibles d’être satisfaites. Autre point de vigilance : l’efficacité du moteur, sa finesse d’interprétation. Quelles seront les réponses à une requête inexacte (erreur de saisie, d’orthographe,…) ? Des propositions alternatives sont-elles prévues à la place d’une page vide lorsqu’il n’existe pas de réponse ? Il faut enfin veiller à la qualité des pages de résultats.

En parallèle de solutions très pointues développées par des acteurs comme Exalead, Google propose un outil efficace et facile à installer : Google recherche personnalisée (voir image ci-dessous). Après la création d’un compte, quelques minutes suffisent à configurer le moteur en ligne puis à intégrer les scripts ainsi créés sur son site (un pour le moteur lui-même, un pour la page de résultats). La page de résultats comportera des annonces Adwords, à moins d’opter pour une inscription payante (100 $ USD par an). Cette solution est en outre paramétrable et évolutive.

    

Source : Google Custom Search Engines (cse)

De nouvelles révélations sur le triangle d’or

Le triangle d’or désigne la représentation proposée en 2005 par Enquiro Research des zones les plus regardées d’une page de résultats Google. L’analyse des mouvements de l’œil, ou eye tracking, avait notamment permis de révéler la prééminence des 3 premiers rangs, regardés par 100% des internautes. Depuis, les études se sont suivies, mettant en évidence que l’intégration de contenus visuels dans les pages de résultats (la recherche universelle) pouvait bouleverser la répartition des zones de visibilité en les réorganisant autour de plusieurs points d’attraction.

L'étude publiée par Miratech le 13 février revisite le fameux triangle… et en confirme l’actualité, néanmoins sur une page de résultats classique (textuelle). Les taux de visibilité sont les suivants :

• 75% des regards dans la zone centrale, contenant à la fois les résultats naturels et les liens sponsorisés (placés en haut) ;

• 19% des regards en haut de la page, contenant le champ de recherche ;

• 6% des regards colonne de droite, contenant les liens sponsorisés, cette zone étant regardée par 1/3 des utilisateurs.

Elle permet de plus d'évaluer le temps moyen écoulé avant le 1er regard sur une zone, révélant que les liens sponsorisés colonne de droite sont vus après 4 secondes en moyenne alors que les internautes modifient leur recherche au bout de 3 secondes en moyenne (voir le schéma ci-dessous).

 

Au-delà de l’éclairage que ces résultats apportent pour la stratégie de référencement d’un site Web, une telle étude permet de rappeler l’importance qu’il faut accorder à l’utilisabilité d’une page par les internautes. Pour être efficace, un site doit absolument tenir compte des règles d'ergonomie et de l'expérience de ses utilisateurs !

Le film ci-dessous trace le mouvement du regard et son chemin parcouru sur la page, ici en temps réel (chaque point bleu représente un regard).

liens & sources :
Miratech, découvrir d'autres conseils en ergonomie proposés par la société sur le site
Enquiro Research