Votre taux de conversion mobile est de un pour cent. Votre taux sur ordinateur est de cinq pour cent. Les visiteurs mobiles voient la même offre que ceux sur ordinateur. Le même produit. Les mêmes avantages. Tout pareil. Mais le mobile convertit à une fraction de l'ordinateur. La différence ne vient pas de l'offre. Elle vient de la friction. Le mobile a plus de friction. Les écrans sont plus petits. La saisie est plus lente. Les formulaires sont pénibles sur écran tactile. Les images mettent du temps à charger sur les réseaux mobiles. Le paiement oblige à défiler sans fin. Chaque étape semble plus difficile sur mobile. Cette friction tue les conversions. Un visiteur sur ordinateur remplit un formulaire en deux minutes. Le même formulaire sur mobile prend sept minutes. À la troisième minute, il a abandonné. L'optimisation des conversions mobiles supprime cette friction. Elle simplifie les formulaires. Elle accélère les pages. Elle repense l'interface pour le tactile. Elle supprime les étapes inutiles. L'objectif n'est pas d'égaler la conversion de l'ordinateur. C'est de supprimer la friction artificielle qui tue les conversions mobiles. Cet article explique l'optimisation des conversions mobiles et comment améliorer les conversions sur petit écran.
Pourquoi les conversions mobiles sont plus basses
Les conversions mobiles sont plus basses pour de bonnes raisons. Les utilisateurs mobiles sont distraits. Ils sont dans un café ou dans le train. Ils sont interrompus. Les appareils mobiles sont plus lents. Les réseaux sont plus lents. Les appareils ont moins de puissance de calcul. Les expériences mobiles demandent plus d'effort. Taper est plus difficile. Il faut défiler. Toucher de petites cibles est difficile. Ce sont de vraies contraintes. L'optimisation mobile ne peut pas les supprimer. Mais elle peut réduire leur impact.
Optimiser les formulaires pour le mobile
Les formulaires sont le plus gros point de friction sur mobile. Un formulaire de dix champs reste gérable sur ordinateur. Sur mobile, il oblige à défiler sans fin. Simplifiez les formulaires pour le mobile. Passez de dix champs à trois. Ne demandez que l'essentiel. Demandez les informations facultatives après la conversion. Utilisez le remplissage automatique et le préremplissage quand c'est possible. Laissez les navigateurs mobiles remplir l'e-mail et l'adresse automatiquement. Utilisez des types de champs qui affichent le bon clavier. Un champ de numéro de téléphone doit afficher un clavier numérique. Un champ d'e-mail doit afficher un clavier e-mail. Ces petits changements réduisent la friction.
Optimiser la vitesse pour le mobile
Les réseaux mobiles sont plus lents que les réseaux des ordinateurs. Les pages lentes provoquent des abandons. Optimisez les images. Compressez-les. Servez des images adaptées aux écrans mobiles. N'envoyez pas à un téléphone une image d'ordinateur de quatre mégaoctets. Minifiez le code. Supprimez le JavaScript inutile. Différez le chargement du JavaScript non essentiel jusqu'à la fin du chargement de la page. Utilisez le cache à fond. Stockez les ressources statiques sur l'appareil pour qu'il n'ait pas à les télécharger de nouveau. Testez la vitesse de votre page sur mobile. Google PageSpeed Insights vous montre ce qu'il faut corriger.
Optimiser les boutons et le tactile
Les boutons doivent être plus grands sur mobile. Les doigts sont moins précis qu'une souris. Un bouton facile à cliquer sur ordinateur peut être impossible à toucher sur mobile. Faites des boutons d'au moins quarante-quatre sur quarante-quatre pixels. C'est à peu près la taille d'un doigt. Espacez les boutons pour qu'on ne puisse pas les toucher par accident. Ne placez pas deux boutons côte à côte. Supprimez les effets au survol. Le survol n'existe pas sur mobile. Les effets au survol déroutent les utilisateurs mobiles. Remplacez-les par des états actifs qui montrent ce qui se passe quand on touche.
Optimiser le paiement pour le mobile
Le paiement est le moment où l'abandon est le plus élevé sur mobile. Simplifiez le paiement. Un paiement sur une seule page vaut mieux qu'un paiement en plusieurs pages sur mobile. Réduisez les champs. Préremplissez ce que vous savez. Montrez clairement la progression. Indiquez combien d'étapes restent. Proposez le paiement en invité. Ne forcez pas la création d'un compte avant l'achat. Proposez plusieurs moyens de paiement. Certains utilisateurs ont le paiement mobile de leur téléphone. D'autres ont Google Pay. D'autres utilisent la carte bancaire. Les accepter tous réduit la friction.
Tester l'optimisation mobile
Testez en A/B les changements mobiles. Un formulaire simplifié de trois champs contre un formulaire de dix champs. Un bouton plus grand contre un bouton plus petit. Un paiement sur une page contre un paiement en plusieurs pages. Mesurez lequel convertit le mieux. Appliquez ce qui marche. Le mobile est assez différent pour que des changements efficaces sur ordinateur ne le soient pas sur mobile. Testez sur de vrais appareils mobiles. Tester dans un navigateur sur ordinateur n'est pas la même chose que tester sur un téléphone.
Questions fréquentes
Dois-je créer une application mobile plutôt que d'optimiser mon site mobile ?
Pas forcément. Les sites mobiles conviennent à la plupart des entreprises. Les applications demandent un téléchargement. Les téléchargements sont une friction. Les utilisateurs téléchargent rarement des applications, sauf si elles apportent une valeur importante. Commencez par un site mobile bien optimisé. Ne pensez à une application que si les utilisateurs y gagneraient des fonctions hors ligne, des notifications push ou une meilleure expérience que celle du web. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre site.
Comment optimiser pour différentes tailles d'écran mobile ?
Utilisez le design adaptatif. Un seul design qui s'adapte aux différentes tailles d'écran. Les media queries CSS permettent d'appliquer des styles différents à différents points de rupture. Testez sur différents appareils et tailles d'écran. Ne supposez pas que tous les appareils mobiles sont identiques. Un téléphone et une tablette n'ont pas la même taille d'écran. Optimisez pour les deux.
Quelle est l'optimisation mobile la plus efficace ?
Réduire les champs de formulaire a en général le plus d'impact. Les formulaires longs sont le plus gros point de friction sur mobile. Supprimez les champs inutiles et regardez la conversion mobile s'améliorer. L'optimisation de la vitesse vient en second. Les pages lentes provoquent des abandons. Optimisez les images et supprimez le code inutile.
Puis-je utiliser le même paiement sur mobile et sur ordinateur ?
Vous pouvez partager le même système en arrière-plan, mais adapter la présentation à chaque appareil. Le paiement sur ordinateur peut avoir plus de champs et plus d'étapes. Le paiement mobile doit être plus simple. Utilisez le design adaptatif pour qu'un seul paiement s'adapte à chaque appareil. Ou créez des paiements propres à chaque appareil si vous en avez les moyens.
Comment tester le mobile sans appareil mobile réel ?
Les outils de développement du navigateur permettent de simuler des appareils mobiles. Vous voyez à quoi ressemble votre site sur différentes tailles d'écran. Mais une simulation n'est pas la même chose que de vrais appareils. Les vrais appareils ont des réseaux plus lents et des navigateurs différents. Testez sur de vrais appareils dès que possible. Empruntez des téléphones et des tablettes à vos collègues si vous n'avez pas les vôtres.
Quelle amélioration peut-on attendre de l'optimisation mobile ?
Une expérience mobile bien optimisée améliore en général les taux de conversion de cinquante à cent pour cent. La seule simplification du formulaire peut améliorer la conversion mobile de vingt pour cent. L'optimisation de la vitesse peut l'améliorer de trente pour cent. En combinant plusieurs optimisations, l'impact se cumule.