Commerce mobile : vérifier la vente avec un seul pouce

Le commerce mobile désigne l’achat depuis un téléphone ou un autre appareil mobile. Une boutique n’est pas prête simplement parce que sa page d’ordinateur se réduit à une largeur étroite. Le vrai test est de savoir si une personne peut trouver le bon article, comprendre l’offre et payer avec peu d’espace, une attention limitée et une connexion imparfaite.

Choisir un parcours d’achat à tester

Prenez un vrai produit et une arrivée fréquente, par exemple résultat de recherche, publication sociale ou catégorie. Utilisez un téléphone sans être connecté. Donnez une tâche : « Trouver la variante bleue taille M, vérifier la livraison et faire une commande de test. » Le temps compte moins que les hésitations et erreurs.

Notez appareil, navigateur, largeur, connexion et URL exactes. Répétez sur une autre taille d’écran. Le design responsive adapte contenu et disposition ; le cours de web.dev en décrit les principes. Un aperçu du thème ne reproduit pas forcément le clavier, le navigateur ou le paiement réels.

Essayez d’utiliser le site d’une main. Peut-on atteindre menu, filtres, variantes et achat sans zoom pénible ? Un bouton fixé en bas peut aider, mais il ne doit pas couvrir le prix, les erreurs ou les choix de consentement.

Faciliter la découverte et la comparaison

Le premier écran doit dire où l’on se trouve et ce qui est proposé. Sur une catégorie, montrez les produits assez tôt : une grande bannière ne doit pas tous les repousser hors de vue. Les filtres doivent être compréhensibles, utilisables au toucher et faciles à retirer. La recherche interne doit reconnaître les mots courants des clients.

Sur la fiche, gardez visibles nom, photos utiles, prix, variante choisie, disponibilité et action principale. Montrez taille, compatibilité ou contenu du colis près de la décision. Ne cachez pas tous les détails importants derrière de petites icônes ou des panneaux au libellé vague.

Les images doivent aider à choisir. Vérifiez si l’on peut inspecter une texture ou une étiquette quand cela compte. Donnez aussi les dimensions en texte : une photo ne suffit pas toujours à comprendre l’échelle.

Tester panier et paiement jusqu’au bout

Ajoutez une variante, changez la quantité, appliquez un code de réduction si l’option existe et vérifiez le total. Le panier doit garder la bonne variante et montrer les coûts. Si la livraison se calcule plus tard, expliquez quelles données manquent et quand le montant final apparaît.

Terminez avec une commande test autorisée. Vérifiez libellés, clavier mobile adapté pour e-mail et chiffres, remplissage automatique, erreurs, moyens de paiement et confirmation. Un formulaire joli peut échouer quand une erreur remonte hors de l’écran ou que le clavier masque le bouton final.

Ne supprimez pas chaque confirmation pour gagner un clic. Une étape de relecture peut empêcher une mauvaise adresse ou variante. Chaque étape doit aider l’acheteur à terminer sans erreur.

Lire la vitesse dans le contexte de l’achat

Faites un contrôle de performance mobile sur une fiche représentative et lisez les ressources chargées. Une grande image principale, des scripts inutiles, carrousels lourds et fenêtres surgissantes peuvent retarder l’information. Redimensionnez les visuels sans effacer les détails nécessaires. Différez les scripts non essentiels quand c’est possible.

Essayez une connexion plus lente. Le visiteur peut-il comprendre le produit et agir avant la fin de tous les outils de suivi ? La page bouge-t-elle quand les images arrivent, provoquant un mauvais appui ? La note de performance est un indice ; le parcours d’achat reste le contrôle décisif.

Gardez les informations essentielles dans le HTML ou la page rendue accessible. Une caractéristique chargée seulement par un script fragile peut manquer à certains visiteurs et robots.

Vérifier accessibilité et confiance

Les zones tactiles doivent être assez grandes et séparées pour limiter les erreurs. Le texte doit rester lisible au zoom. Menus, variantes et formulaires devraient également fonctionner au clavier et avec les technologies d’assistance ; le mobile n’est pas utilisé uniquement au toucher.

Montrez contact, retours, livraison et paiement avant l’achat, dans des zones faciles à atteindre. Évitez les fenêtres plein écran qui interrompent sans cesse la tâche. Si un choix de cookies est requis, il ne doit pas cacher l’offre après la décision.

Pour un produit numérique, testez confirmation et téléchargement sur le même téléphone. Pour un produit physique, vérifiez que retrait et livraison correspondent au lieu choisi.

Classer les défauts selon leur effet

Corrigez un composant partagé puis retestez les modèles qui l’utilisent. Comparez sessions mobiles, paniers, commandes, retours et questions au support si la mesure existe. Un taux de conversion plus haut avec davantage de mauvaises variantes n’est pas une réussite. Le mobile fonctionne quand l’acheteur peut choisir en connaissance de cause.

Une séance de test réaliste

Invitez quelqu’un qui ne connaît pas la boutique à accomplir la tâche sans aide. Demandez-lui de signaler ses hésitations, sans lui dire quel bouton utiliser. Observez s’il repère les limites de livraison, choisit la bonne variante et comprend le prix final. Arrêtez avant un vrai paiement si aucune commande de test sûre n’est configurée. Demandez ensuite ce qu’il attendait à l’étape suivante et quelle information lui manquait.

Reprenez après correction avec une autre personne ou un autre produit. L’équipe qui a construit la page sait déjà où se trouvent les contrôles et peut manquer un libellé ambigu. L’observation ne remplace pas les données chiffrées, mais elle explique pourquoi une étape bloque mieux qu’un tunnel seul.

Gardez la vidéo ou les notes du test avec sa date et sa version du site. Elles permettront de vérifier que le prochain changement de thème ne réintroduit pas le même obstacle.