De nos jours, les mobiles dominent le monde et les sites e-commerce doivent désormais s’adapter à ces nouvelles technologies et aux nouveaux usages. Voici quelques points-clés à prendre en compte lors de la préparation de la version mobile de ton site.
Utilisation par toutes les plateformes
Cela semble basique mais il est important que ton site soit accessible depuis la multitude plateforme existantes pour mobiles et tablettes. Tu dois les tester afin d’éviter les problèmes sur certaines plateformes. Par exemple, Android et iOS sont des plateformes différentes avec leurs spécificités: iOS ne présente pas de bouton de navigation “retour” alors qu’Android oui. Cela serait très frustrant pour tes visiteurs de naviguer sur ton site si celui-ci n’est pas adapté à leur plateforme. Ceci aurait pour conséquence un taux de rebond très élevé.
Navigation simplifiée
Un des problèmes les plus fréquents est une navigation non-adaptée. Les visiteurs de ton site peuvent avoir des difficultés à trouver ce qu’ils y cherchent (produit, service, information). Ton objectif est de rendre cette recherche la plus simple possible. Organise l’information afin de minimiser le nombre d’étapes que tes visiteurs doivent parcourir. La navigation doit être intuitive, directe et avec un minimum d’obstacles. Dans ce sens, les sites doivent être minimalistes et avoir supprimé les éléments non-nécessaires à la navigation sur mobile. Une navigation trop compliquée ou trop longue te fera perdre des visiteurs.
Boutons adaptés
Des boutons trop petits sont la cause de nombreuses erreurs de frappe. Il te faut donc prendre en compte la taille des bouton lors du design de la version mobile de ton site: ils doivent être assez grand pour faciliter leur usage. Apple recommande une taille minimum de 44 x 44 pixels alors que Windows recommande une taille de 9mm. x 34px. Assure-toi également de laisser assez d’espace entre ces boutons. Ainsi, tu diminues le risque d’erreur pour tes visiteurs. Même si le design de tes boutons est adapté pour mobiles, les erreurs arrivent et tu devrais toujours offrir un moyen de revenir en arrière.
Publication de contenu utile
Les écrans de mobiles offrent moins d’espace que ceux des ordinateurs, il est donc très tentant de réduire le contenu de ton site mobile. Tu dois néanmoins garder à l’esprit que tes visiteurs ont besoin des informations primaires sur tes produits afin de finaliser leur achat. Réduire ce contenu peut donc également réduire ton taux de conversion. Publie uniquement les informations primaires et nécessaires. Le contenu additionnel doit être disponible via un menu et, afin de réduire encore plus le texte, le rendre accessible via un bouton, une icône.
Publication de textes lisibles
La lisibilité est essentielle sur mobile. Tu dois trouver le bon équilibre entre la lisibilité et l’espace disponible. Tu dois utiliser une police d’écriture qui s’adapte bien aux différentes tailles d’écrans. La solution la plus sûre étant d’utiliser les polices fournies par les plateformes (iOS et Android). Ensuite, il te faut choisir la taille adaptée afin que tes visiteurs n’aient pas à zoomer pour te lire ainsi qu’un bon contraste en le texte et le fond d’écran. Une règle habituelle suggère de ne pas choisir une taille de police inférieure à 16px (ou 1 points) afin de faciliter la lecture. L’espace interligne est également important car il peut donner une impression que le contenu est très/trop long ou, au contraire, facile à lire.
Formulaires rapides et faciles à remplir
Taper sur un clavier de mobile est très désagréable. Cela génère des erreurs et augmente le risque de voir tes visiteurs quitter ton site si cette étape n’est pas optimisée. Afin d’éviter ce type de problème, minimise le nombre de champs à remplir dans tes formulaires (ce qui est aussi une obligation du RGPD) et rends-les aussi simples que possible. Par exemple, en utilisant le clavier numérique pour le champs du numéro de téléphone, ou en activant la saisie semi-automatique, l’historique de recherches, etc… Assure-toi que tes visiteurs puissent enregistrer leurs données (par exemple leurs adresses de facturation et de livraison) afin de ne pas avoir à l’entrer à nouveau lors de leur prochaine visite. De plus, facilite l’accès à ces données afin de pouvoir les modifier simplement.
Vitesse de chargement des pages
C’est un élément crucial tant pour la version mobile que pour la version desktop de ton site Web. Non seulement pour optimiser ton SEO mais aussi pour l’expérience utilisateur de tes visiteurs. Les utilisateurs naviguant via leurs téléphones portables sont très impatients quand il s’agit du temps de chargement des pages. Un site e-commerce trop long à se charger perdra des visiteurs avant même qu’ils n’aient pu arriver sur la page d’accueil. Google propose d’ailleurs un outil appelé Speed Scorecard qui te permet de tester la vitesse de chargement des pages de ton site et de déterminer son impact sur ton taux de conversion et revenus.
Experience ininterrompue
Ne considère pas la version mobile de ton site comme “à part”. En effet, un visiteur type utilisera plusieurs appareils tels un ordinateur portable, une tablette, un téléphone et attend d’avoir une expérience ininterrompue avec ton site. Par exemple, un visiteur peut rechercher un produit sur ton site avec son téléphone portable et vouloir en finaliser l’achat sur son ordinateur. Il espère alors y reprendre son processus d’achat exactement là où il l’a laissé depuis son changement d’appareil.
Géolocalisation
Demande à tes visiteurs de se localiser peut être très intéressant pour une stratégie omnicanal, si ton entreprise possède des points de vente physiques. Si tu la présentes de manière adaptée, cette option donnera à tes visiteurs le sentiment de bénéficier d’avantages spécifiques car ils pourront voir le produit en boutique ou obtenir des promotions locales.
Teste en permanence
Arrête de deviner et commence à tester! L’action la plus importante que tu puisses mener sur la version mobile de ton site est en tester l’UX (et la conversion) avec des outils de tests A/B. Ces outils te permettent de tester deux ou plusieurs versions d’un design d’une page ou d’un élément. Par exemple, tu peux tester la conversion d’un bouton rouge et celle du même bouton en jaune. Améliorer l’UX de ton site requiert de mener des tests et de l’optimiser en continu.
Tu as besoin d’un audit digital de la version mobile de ton site ou d’une expertise sur un point spécifique UX? Prends contact avec nous. Nous serons heureux de pouvoir aider ton entreprise.
Plus d'informations sur Augmenter la reconnaissance de la marque
Client Success Manager
Alexis est la responsable clientèle chez All Around. Spécialiste du marketing digital et Manager, elle cumule plus de 15 ans d'expérience sur les marchés internationaux. Elle est une partenaire dévoué pour nos clients, prête à faire passer les entreprises au niveau supérieur, avec une vaste expertise en stratégie digitale, opérations, gestion de projet, reporting, budgétisation et négociation.
