Posts Taggués ‘Design’
 

« Retour à l'accueil du blog

Un petit jeu made in HEC Montréal

Posté dans E-Marketing & trafic qualifié, Ergonomie web, Persuasion par Raphaël Fétique

Le week-end est un moment de détente, de balade, de jeu en famille… Mais ce n’est pas une raison pour autant d’oublier la problématique du taux de conversion de vos sites Internet.

Pour promouvoir une série de conférences organisées par un groupe d’experts d’HEC Montréal « pour réussir en affaires sur Internet» , un petit site de démonstration a été réalisée. Il contient 10 erreurs à éviter sur un site web. Les corrections à apporter vous seront présentées de manière claire au lien suivant.

Pas la peine de me remercier, amusez-vous bien, et surtout corrigez les erreurs sur vos sites dès lundi matin 8h, à 9h je ramasse les copies.



Histoire d’une première commande chez OVH et tunnel de conversion

Posté dans Ergonomie web par Thomas Faivre-Duboz

Voici l’histoire d’une commande chez OVH qui est selon la baseline l’hébergeur N°1 en France.

Pas plus tard qu’il y a quelques semaines, nous nous sommes mis en quête d’un hébergeur pour blog-conversion.com, avec les besoins suivants:
-un hébergement rapide/fiable, même pour des petits clients comme nous.
-un hébergement abordable.

Connaissant de nom OVH, nous avons donc commencé à regarder leurs offres. Comme nous n’avions pas encore de nom de domaine, nous avons donc choisi la recherche par nom de domaine depuis la page d’accueil.

Etape 1

Essayons avec trucmachinbidule.biz. Ouf ! Ce domaine est libre ! ;-)

Etape 2

OVH nous dit que le site est disponible et nous propose de cliquer pour arriver au menu des options et des services. Continuons !

Etape 3

On me propose une liste déroulante avec les hébergements disponibles… Vous êtes plutôt start5g, 20gp, ou alors 90plan ? Personnellement, je ne sais pas encore :-) . Regardons de plus près… Il y a bien un menu sur la gauche de la page avec les hébergements disponibles: peut-être que si je passe la souris dessus ?

Etape 4

Ca marche, j’ai le droit à quelques informations supplémentaires. Mais quelle est la différence entre les start et la série du dessous « GP»  ? Les prix sont proches, les caractéristiques aussi. Essayons de cliquer sur « 20GP»  (attention, il faut bien cliquer sur « Plus de détails»  et pas sur « 20GP, sinon ca ne marche pas !)

Je ne me retrouve pas sur la page de présentation de l’offre 20GP, mais sur une page générique où me sont à nouveau présentées toutes les offres mutualisées d’OVH ! Je dois donc me souvenir de ce sur quoi j’ai cliqué pour retrouver l’offre en question. De plus, je n’ai pas trop intérêt à hésiter: je dois mémoriser chaque offre qui m’intéresse, car elles sont toutes sur des pages séparées, et je ne peux apparemment pas les comparer sur la même page (ou je n’ai pas trouvé l’option, ce qui d’un point de vue client, revient au même – c’est toujours le vieil adage « Perception is reality« ). La catégorie GP se prénomme, à deux blocs d’intervalle, soit « Hébergement Association« , soit « Hebergement Particuliers« … Ce sont des offres destinées aux particuliers ou aux associations ? Par opposition, la catégorie « Start»  est -elle- destinée à « l’Hébergement Perso« . Et si je suis un particulier qui veut faire un site perso ? ;-)

Trêve de plaisanterie, nous sommes par ailleurs très content du service fourni par OVH. Ces points ne nous ont certes pas empêchés de commander notre hébergement. Mais serait-il totalement incongru d’espérer augmenter le taux de conversion en moyenne en effectuant un petit travail d’ergonomie sur le processus de commande ? Cela serait à tester !



Mouvement de souris eyetracking et outils de mesure

Posté dans Web analytics par Raphaël Fétique

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.

Heatmap de la couverture du Time 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 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…



Faut-il épurer son site pour convertir ?

Posté dans Ergonomie web, Persuasion, e-Commerce par Thomas Faivre-Duboz

Souvent, on considère que pour mieux convertir ses prospects en clients, il faut épurer son site. Le modèle ultime: Google, qui a même une équipe dédiée à la protection de la simplicité de sa page d’accueil.

Ebay.com nous fournit un excellent contre-exemple avec l’evolution de page d’accueil entre 2003 et aujourd’hui.
Plaçons nous en 2003: Ebay affiche dans sa colonne de gauche les détails de ses catégories: Antiquités, High-Tech, Photo, Sport, etc…

En 2004 et 2005, Ebay choisit de « replier»  le détails des catégories, en les remplaçant par une simple barre de recherche, ainsi qu’un menu déroulant listant les catégories. L’objectif du site devient de montrer à quel point il est simple d’acheter sur ebay avec un triptyque « Find > Buy > Pay» 
La page devient beaucoup plus épurée, sûrement réalisée en partenariat avec des experts payés très cher…

Ebay en 2004

Aujourd’hui, où en sommes-nous ? Regardons comment Ebay présente ses catégories de produit… Attention….

Voilà !

Ebay en 2007

Le listing complet des catégories est de retour ! La liste déroulante est partie, la barre de recherche a – elle – été placée au centre et en haut de la page.
L’exemple du plus grand site d’e-commerce au monde montre bien à quel point le visiteur a besoin d’avoir une information minimum sur sa page d’accueil, et qu’il accepte de bonne grâce une page un peu surchargée (vous ne trouvez pas ? ;-) )



Page 5 sur 5«12345