6 façons intelligentes d'optimiser votre site de commerce électronique pour les utilisateurs mobiles

Publié: 2018-05-24

Au cours du week-end de Thanksgiving 2017, plus de la moitié des visites sur les sites de vente aux États-Unis - 52 % - provenaient de smartphones et de tablettes, selon Adobe Insights. C'était la première fois que les Américains faisaient plus de shopping pour le Black Friday sur mobile que sur ordinateur.

Mais ce « shopping » serait plus précisément appelé navigation, car seuls 36% des achats réels effectués en ligne ont été effectués sur des appareils mobiles. Les consommateurs préfèrent toujours acheter sur ordinateur plutôt que sur mobile. Ils aiment regarder sur leurs smartphones, mais ils sautent sur le bureau quand il est temps d'appuyer sur la gâchette.

Alors que le commerce électronique mobile se développe rapidement, les marques doivent encore remplir une multitude de conditions avant de convaincre les consommateurs d'effectuer un achat sur leur appareil portable. Voici quelques-uns des meilleurs moyens de vous assurer que votre boutique en ligne est optimisée pour capturer les ventes mobiles.

Devenir natif

Il ne suffit pas d'avoir une version « responsive » de votre site Web pour ordinateur. Pour être vraiment « mobile d'abord », vous devez créer une expérience de navigation et d'achat conçue de manière native pour les utilisateurs de smartphones et tirant parti de ses capacités uniques, telles que le balayage et le ciblage géographique.

La plupart des concepteurs commencent par créer une boutique en ligne pour le bureau, puis traduisent cette expérience pour le plus petit écran. Cela entraîne généralement des compromis sur la manière dont les produits sont affichés, découverts et achetés. Cela signifie également que le « site mobile » n'est pas conçu en fonction de l'état d'esprit de l'utilisateur mobile très impatient.

Par exemple, lorsqu'elles sont correctement conçues, les données de paiement et client (nom, adresse et numéro de téléphone) peuvent être activées d'une simple pression sur les smartphones. Mais les sites de bureau devenus mobiles peuvent rarement atteindre ce niveau de facilité.

Soutenir à la fois la navigation et l'achat

Les utilisateurs de smartphones arrivent généralement sur un site de commerce électronique avec l'un des deux objectifs en tête : soit ils veulent naviguer, soit ils recherchent quelque chose en particulier (peut-être un article qui a été repéré dans un magasin physique). Votre site mobile doit prendre pleinement en charge ces deux activités dans le même environnement. Cela peut être difficile à réaliser.

Pour les consommateurs qui cherchent à naviguer, votre site doit avoir des images de produits qui s'affichent bien sur un écran mobile. Les pages de produits ne doivent afficher que les informations les plus essentielles, avec une description plus détaillée à portée de main. Glisser ou taper sur les différentes catégories de produits devrait être très facile à faire.

Pour les utilisateurs désireux de trouver un produit particulier, ne les obligez pas à rechercher le champ de recherche. Le champ de recherche doit être très visible et accessible à tout moment. Idéalement, le site devrait permettre des résultats de recherche prédictifs et une « recherche intelligente », une fonctionnalité de conception qui remplit automatiquement l'écran avec le champ de recherche pour faciliter la saisie et la visualisation. Les visiteurs doivent également être en mesure d'utiliser des filtres de recherche pour accéder rapidement au produit spécifique qu'ils ont en tête.

Clouez la navigation mobile

Comme l'illustre ce qui précède, la facilité avec laquelle les utilisateurs naviguent sur votre site mobile fera une grande différence dans vos taux de conversion. Dans le même temps, vous devez être très efficace avec vos liens de navigation dans l'environnement mobile à espace restreint.

Vos liens les plus importants iront dans votre barre de navigation d'en-tête. La tendance de nos jours est d'utiliser un "menu hamburger" pour réduire les liens de catégories de produits et d'autres sous-pages telles que les paramètres, le localisateur de magasins ou les informations de contact dans une icône qui ressemble à trois barres verticales courtes. Le menu hamburger donnera à votre site mobile plus d'espace pour afficher les liens essentiels dans l'en-tête, qui comprend généralement la barre de recherche, le panier et le logo (qui sert également de lien vers la page d'accueil).

Mais le menu hamburger peut également conduire à un « bourrage de menu » ou à la mauvaise habitude de mettre trop de liens inutiles dans la barre de menu. Pour éviter cela et le menu hamburger (qui déroute encore de nombreux consommateurs), vous pouvez opter pour une barre collante visible à tout moment, comme Glossier l'a fait avec sa navigation mobile. Cela nécessite d'organiser vos offres de produits de la manière la plus minimale mais logique possible, car vous ne pouvez insérer qu'un nombre limité de liens dans la barre de navigation.

De nombreux sites mobiles utilisent également des icônes plutôt que du texte pour économiser de l'espace. Assurez-vous simplement que les icônes que vous déployez sont immédiatement reconnaissables afin que les utilisateurs sachent exactement sur quoi ils cliquent.

Rendez-le rapide comme l'éclair

Selon les recherches de Google, la page de destination mobile moyenne prend 22 secondes à charger. Pourtant, la majorité des utilisateurs quitteront une page mobile si elle met plus de 3 secondes à se charger. Cet écart n'augure rien de bon pour vos ventes si votre site de commerce électronique est lent à charger.

Nous avons déjà écrit sur la façon dont la lenteur des performances du site peut nuire à votre entreprise de commerce électronique. La vitesse du site est encore plus cruciale sur mobile. Les utilisateurs de smartphones ont encore moins de patience que les utilisateurs de bureau. Les performances des sites mobiles doivent figurer au sommet de vos priorités en tant qu'entreprise de commerce électronique.

Activez le paiement plus simple que vous ne le pensez

En parlant de vitesse, l'expérience de paiement sur votre boutique de commerce électronique doit être aussi rapide et transparente que possible. Selon Harris Poll, les deux tiers des acheteurs abandonnent leurs achats en ligne sur des appareils mobiles en raison de mauvaises expériences de paiement. Vous voulez vraiment supprimer autant de frictions que possible pour réduire les taux d'abandon de panier et augmenter les conversions.

Voici quelques façons importantes de le faire :

  • Proposez plusieurs options de paiement tiers telles que Apple Pay, Google Pay, Amazon Pay, etc.
  • Activer le paiement en tant qu'invité
  • Limitez au strict minimum les champs obligatoires
  • Empilez les champs en lignes verticales et limitez-vous à un champ par ligne
  • Divisez le processus de paiement en plusieurs pages
  • Utilisez une barre de progression pour garder les utilisateurs engagés
  • Conservez un bouton d'appel à l'action bien visible par page
  • Donnez aux utilisateurs la possibilité de « cliquer pour appeler » une ligne de service client afin qu'ils puissent effectuer des achats avec un humain en direct à la place
  • Activer la détection et le remplissage automatiques sur les formulaires (pris en charge par Safari et Chrome)
  • Déclencher le clavier numérique pour les entrées de carte de crédit et de numéro de téléphone
  • Activer les outils de recherche d'adresses pour que les adresses de domicile et de livraison puissent être remplies automatiquement

Répondre aux problèmes de sécurité

Les problèmes de sécurité peuvent constituer un obstacle important pour de nombreux clients du commerce électronique mobile. Selon une étude, près de la moitié des consommateurs pensent que les appareils mobiles sont moins sûrs que les PC et les ordinateurs portables lorsqu'il s'agit de protéger leurs données personnelles.

Surmonter ces problèmes entraînera des taux de conversion plus élevés. Au minimum, votre boutique en ligne doit avoir un certificat de sécurité SSL. SSL crée un lien crypté entre un serveur et un client, permettant la transmission sécurisée d'informations sensibles telles que les numéros de carte de crédit, les numéros de sécurité sociale et les identifiants de connexion. Assurez-vous que votre site affiche l'icône du cadenas SSL en évidence.

Mieux encore, vous pouvez combiner votre certificat SSL avec un certificat à validation étendue (EV), un niveau de certification supérieur qui permet aux marques d'afficher une barre d'adresse verte. De nombreux consommateurs se sentent plus à l'aise de donner leurs informations sur des sites avec ces barres vertes.

Aux États-Unis, les taux de conversion sur les sites de commerce électronique de bureau sont trois fois plus élevés que ceux sur les sites spécifiques aux smartphones (3,73 % contre 1,14 %), selon Smart Insights. En prenant en compte toutes les meilleures pratiques mentionnées ici, votre site contribuera grandement à encourager les clients à cliquer sur le bouton d'achat sur leurs appareils mobiles.