Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre

Le taux de conversion sur Mobile est de 3 à 5 fois inférieur à celui sur Desktop. Nous avons vu dans notre article sur les obstacles à la conversion sur Mobile quels sont les freins structurels dans le parcours d’achat qui anéantissent les intentions d’achat des visiteurs.
Voyons maintenant les bonnes pratiques qui permettent d’améliorer l’expérience utilisateur, et par extension la conversion sur Mobile, depuis la page d’accueil jusqu’à la page de paiement.

Page d’accueil et menu de navigation

Le menu principal

La 1ère réflexion se porte sur l’accès du menu de navigation principal. La norme actuelle est de le positionner en haut à gauche de l’écran. Cela était tout à fait logique il y a quelques années lorsque les smartphones étaient plus petits. Sauf qu’entretemps, la taille des écrans a augmenté de 25%, si bien qu’il est de plus en plus difficile d’atteindre le menu avec son pouce (en tant que droitier) lorsque l’on tient son téléphone d’une main. En conséquence, il désormais plus pratique à l’usage de placer le menu à droite.

Le Journaldunet et le site Petitetomate l’on compris. Faite le test en naviguant sur ces sites et vous verrez que le confort ergonomique pour atteindre le menu est sans appel, surtout sur les derniers smartphones avec un grand écran.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 1

Le contenu du menu doit aussi être soigné. Oubliez les longs listings de liens en petite police et trop serrés qui nécessitent une précision de pointage quasi impossible à atteindre avec son pouce pour en sélectionner un.

Optez pour des menus larges, aéré, avec des grandes zones de click, simples à pointer.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 2

Que mettre sur la page d’accueil pour optimiser la conversion sur mobile ?

Que cherchez-vous à faire lorsque que vous arrivez sur un site pour la 1ère fois ? A vous orienter en regardant le menu. Evitez un click inutile sur le menu à vos visiteurs en leur montrant immédiatement les rubriques principales de votre site.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 3

Avez-vous remarqué à quel point les pages sur un site mobile sont longues ? Combien de fois avez-vous fait « l’ascenseur » sur une page pour retrouver la navigation principale ? La tendinite du pouce n’est pas loin…

Faite gagner du temps à vos visiteurs en créant un menu sticky qui permet de le garder visible en permanence quel que soit le niveau de la page auquel le visiteur se trouve. Ainsi, il peut ouvrir le menu à tout moment.

Sur les site mobiles le moteur de recherche joue un rôle essentiel pour pallier les faiblesses du menu. Pouvoir aller droit au but et trouver rapidement ce que l’on cherche est un élément clé d’une bonne expérience utilisateur.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 4

Le moteur de recherche

Comme pour le menu, garder le moteur de recherche à portée de click grâce à un principe sticky peut se révéler très utile.

Son efficacité est encore plus importante sur Mobile. Si le fonctionnement du moteur de recherche natif de votre solution e-commerce n’est pas assez efficace, il est temps de regarder vers une solution externe de type Doofinder, Sensefuel, Algolia, Sparkow, pour proposer une expérience utilisateur à l’état de l’art sur ce sujet.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 5
Besoin d'idées pour augmenter votre chiffres d'affaires e-commerce ?

Expliquez votre situation à l'un de nos consultants pour savoir ce que nous pouvons vous proposer. 

Contactez-nous par email ou au téléphone.

Gratuit et sans engagement.

Page Catégorie

Le listing des résultats

La question cruciale ici est : quel est le meilleur format pour permettre une lisibilité optimale des produits appartenant à une catégorie, et permettre un choix ?

La plupart des sites en Responsive design se contentent de reproduire la disposition en vignettes de la version Desktop, imposant aux visiteurs une lecture en Z.  Cette organisation du contenu peut être efficace mais pensez que sur smartphone, nous sommes plutôt dans une logique de lecture linéaire pour faciliter le scanning des informations importantes, autrement dit, le titre du produit.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 6

Attention aux tableaux HTML pour présenter des listes. Il faut s’assurer qu’ils s’adapteront bien au format des plus petits écrans sur smartphone.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 7

La gestion des filtres et tris

Comme pour le menu de navigation, il faut repenser l’accès et l’ergonomie de ces fonctions spécifiquement pour l’utilisation avec un petit écran tactile. L’exemple du site Darty est tout simplement parfait.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 8

La pagination

Que ceux qui cliquent sur la 2ème page des résultats d’une page Catégorie lèvent la main ! Personne ?  Ha si, le monsieur au fond… Mais vous êtes le seul.

Les pages catégories sont comme les pages de Google : les visiteurs ne regardent que la première, considérant que les produits figurant sur les pages suivantes ne seront pas assez pertinents par rapport à leur recherche. Sinon, ils seraient affichés sur la 1ère page.

Si en plus les boutons pour cliquer sur la 2ème, 3ème, 4ème page sont trop petits pour être facilement cliqués, la messe est dite pour la suite du catalogue.

La solution consiste donc à mettre en place un scrolling infini, qui correspond parfaitement à la gestuelle intuitive aux smartphones : le finger scroll vertical.

Cela permet d’aller au bout de la page Catégorie sans rupture de navigation.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 9

Les Pages Produit

La saisie des quantités et des tailles

Toute étape de saisie doit être simplifiée au maximum, voire supprimée si possible. Que ce soit pour le choix de  la quantité ou pour le choix d’une taille, optez pour un choix dans le menu système ou le click sur un bouton, plutôt que d’utiliser le clavier tactile.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 10
Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 11

Accès de l’ajout au panier

La longueur des fiches produits fait rapidement perdre de vue le bouton d’ajout au panier. Pour permettre un ajout au panier permanent quel que soit l’endroit où l’on se trouve dans la page, la solution du bouton sticky est de nouveau intéressante à étudier.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 12

Chez Proform, La zone sticky qui contient le bouton sert aussi à afficher des informations de rassurance.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 13

Les information produit

Limitez l’utilisation des onglets qui obligent à cliquer pour prendre connaissance du contenu de la fiche produit, surtout les accordéons. Préférez des blocs statiques de contenu qui favorisent le scroll naturel.

Améliorer son taux de conversion sur Mobile : 9 bonnes pratiques à connaitre 14

Avec ces quelques bonnes pratiques, vous devriez pouvoir observer des améliorations sensibles dans l’utilisation de votre site, et ainsi augmenter le taux de conversion sur mobile.

Il reste désormais à optimiser la partie la plus cruciale du parcours utilisateur : le tunnel de vente.

Vous aimez ? Partagez !
Ludovic Passamonti
Auteur

Ludovic est consultant e-commerce depuis 15 ans et co-fondateur de Skeelbox, cabinet de conseil spécialisé dans l’e-commerce et les stratégies webmarketing. Nous accompagnons les marques, PME et retailers à toutes les étapes de leur projet e-commerce.

Avec plus de 550 missions de conseils e-commerce en 8 ans sur l’ensemble de la chaîne e-commerce, Skeelbox est votre partenaire conseil pour lancer votre activité e-commerce et réussir votre transformation digitale : définition de votre Stratégie, AMOA en création et refonte de site, pilotage webmarketing, Webanalytics.

Plus d'articles de cet auteur
Restez en contact :
  1. Enovasys dit :

    Bonjour. Erreur sur le premier montage (gauche au lieu de droite). Cdt

  2. Maxime dit :

    Très très bon article, je vous remercie et vous félicite. Très ludique et bien expliqué. Sur la version mobile, je vais adopter un placement le bouton d’appel à l’action dans un pied de page fixe.

Laisser une réponse