Archives de catégorie : UX & Ergonomie

[Taux de conversion] – 11 astuces pour améliorer ses conversions

OK donc, nous avons réussi à amener du trafic sur le site ecommerce grâce au référencement, voire même grâce à sa stratégie de SEA, génial !

Ah, mais en fait, cela ne fait que commencer.

Certes, il y a 1% de ces utilisateurs qui convertit. Mais imaginons que ce 1% se transforme en 2, voire 3, voire, allez soyons fous, 5% ?!

Content harmony donne 11 astuces plutôt simples à exécuter, je vous les livre ici en français !

1 – Offrir les frais de livraison

Vous n’avez jamais été déçu de voir des frais de livraison, et auriez préféré ne pas voir ce méchant 8€ pour finaliser votre commande ?

2 – Envoyer un rappel après une commande abandonnée

Vous avez l’email, vous savez ce que veut la personne ! Un rappel 1, 3 ou 7 jours après, avec un joli message personnalisé avec l’obejt du désir et le prénom, et bien sûr de quoi traquer votre action marketing, et voilà ! c’est du CRM.

3 – Matcher le contenu de l’annonce avec la landing page

Vive la cohérence. Bien sûr.

4 – Créer une page spéciale pour les promotions

Pour les personnes qui shoppen uniquement pour faire des affaires.

5 – Varier ses Call-to-Action

Ne pas juste utiliser « Continuer » ou « Valider » => appelez l’action !!

6 – Le bon contenu pour la bonne audience

Et en plus on diminue ainsi son taux de rebond.

7 – Intégrer des customer reviews

Des vraies ! Cela contribuera également aux rich snippets, vous savez ces jolies étoiles qu’on voit dans les résultats Google.

8 – Ajouter des photos de clients contents

Le mimétisme.

9 – Optimiser le temps de chargement de ses pages

Bénéfique et pour l’utilisateur qui ne partira pas de frustration, et pour le référencement.

10 – Maillage interne

Faire des liens vers les produits en relation ou complémentaires, toujours pareil : ça aide votre acheteur, et ça aide votre référencement.

11 – Épurer les pages

Moins de call-to-action inutiles, et on dirige son acheteur sur ce qu’il veut acheter.

[A/B Test] Landing page avec aperçu

Voilà ce qui est formidable avec le web : il est possible de suivre les performances de 2 versions d’un produit, très similaires, de manière quasi-instantanée, sur un échantillon quasi identique d’utilisateurs, et d’ainsi définir quelle version garder selon les KPI qu’on attend du produit.

Un exemple : sur les pages d’un site, préfère-t-on

  • afficher une fiche signalétique avec du texte uniquement
  • ou donner un aperçu qui donnera plus envie de cliquer ?

Autre question à se poser : quels sont les KPI’s à monitorer ?

  • nombre de visiteurs / sessions
  • nombre de pages vues
  • taux de rebond
  • inscriptions
  • nombre d’abonnements
  • chiffre d’affaire

Dans le cas de ce test ergonomique de landing page, les éléments à mettre en place :

Ce diaporama nécessite JavaScript.

  • le design des 2 landing pages
  • la génération des fichiers à afficher avec l’aperçu et la bande cachant le texte principal (et vérification du poids de la page)
  • le flot des visiteurs si différent : Landing page avec aperçu > modal d’inscription / abonnement > paiement
  • les tags analytics de chacune des 2 versions
  • les tags backoffice pour identifier les inscriptions et abonnements de chacune des 2 versions
  • les recordings hotjar pour vérifier le comportement des visiteurs

Une fois qu’on a lancé, on monitor et on ajuste au besoin.

Ici les résultats de l’aperçu

  • Plus d’inscrits : les visiteurs sont enclins à cliquer sur le bandeau pour en savoir plus
  • Plus d’abonnés : l’aperçu a donné envie de lire le contenu
  • Plus de revenus : pas d’incidence sur le paquet choisi
  • Moins de pages vues : le visiteur explore moins le site

Et Hotjar ?

Hotjar nous avait livré de précieux renseignements au début du test : l’aperçu prenait beaucoup de temps à charger.

  • L’équipe technique a procédé à une optimisation de son temps de chargement
  • Elle a également a diminué le nombre de pages disponibles et modifié le bandeau de dernière page, car le visiteur n’allait pas au-delà de 4 pages, il était donc inutile d’afficher l’intégralité du document

AB Test Résultats

Hotjar : visualiser le comportement de ses utilisateurs

Hotjar est un outil formidable qui permet de visualiser en temps quasi-réel le comportement de ses visiteurs sans avoir à créer de groupe d’études, via des heatmaps qui montre les clics et les scrolls agrégés d’un certain nombre d’utilisateurs, et également via le recording qui montre un comportement individuel :

https://www.hotjar.com/

Il est possible de tester le service avec 2000 pages vues, ce qui permet de donner une bonne idée de l’usage fait par ses visiteurs, et surtout quel usage nous pourrions avoir avec plus de data.

Il existe une bonne documentation sur le site : http://docs.hotjar.com/v1.0/docs/ 

Comment cela fonctionne-t-il ?

  1. Il suffit d’ajouter le script à son site entre <head> et </head>
  2. Puis il faut configurer les pages qu’on veut suivre pour les Heatmaps et Recordings, via leur URL, ou des expressions régulières
  3. Hotjar crée des copies d’écran de ces types de pages, sur lesquelles il va enregistrer les mouvements et actions des visiteurs sur les différents supports
  4. Et de suivre les résultats :
    • Heatmaps permet de voir quels sont les boutons et les parties du site qui intéressent vos visiteurs en agrégé, dans la masse. Est-ce qu’une section est visible, un bouton utile, faut-il réorganiser le contenu ?
    • Recording permet de suivre le comportement individuel de l’échantillon de l’utilisateur. On voit ainsi comment le visiteur « rebondissant » (cf. Analytics) se comporte, ce qui intéresse celui qui au contraire reste et ce qui fera qu’il convertira ou non. On voit littéralement depuis derrière son épaule et on l’entend presque réfléchir !

Quelques aperçus d’une utilisation :

Ce diaporama nécessite JavaScript.

 

De l’ergonomie à la conversion – moins de boutons !

Gardez l’espace simple et les options de décision au minimum !

Apple l’a bien compris, et c’est bien ce qu’il faut faire : limiter le nombre d’actions (CTA Call-To-Action) possibles et entraîner son visiteur dans un tunnel de conversion savamment élaboré.

Un CTA visible, avec des icônes graphiques, sans chichi et qui invite à cliquer.

Quant à l’inscription, une modal qui s’ouvre rapidement, offre des moyens de connexion adaptés à votre public (Facebook, Google+, LinkedIn ?) : soyez bref et n demandez pas d’informations superflues, qui peuvent être demandées ultérieurement.

Résultat : une amélioration du taux de conversion des sessions > inscriptions de 1,74% à 5,47% !

Modal d'inscription

Des informations et du texte, un CTA, une modal d’inscription qui va droit au but, et le tour est joué quant à votre prospect, il est maintenant inscrit et c’est à vous de jouer pour le convaincre que votre produit a le meilleur rapport qualité/prix, et d’ailleurs, est le meilleur tout court 😉

Moins de bouton, plus de clics