Un processus de paiement peut sembler simple dans une capture d'écran de bureau et être encore maladroit sur un téléphone. Les claviers, les messages de validation, le recalcul des frais d'expédition et les retours de paiement font partie de l'expérience. Testez un parcours complet sur des appareils représentatifs avant de considérer une nouvelle mise en page comme une amélioration.
Quick n Easy checkout offre des formulaires et des mises en page configurables pour OpenCart, y compris différentes expériences pour les invités et les clients connectés. Utilisez cette flexibilité pour éliminer les frictions inutiles tout en conservant les informations requises pour le paiement et l'exécution.
Préparez une petite matrice de test
Inclure un invité, un client de retour, un produit physique et tout autre type de commande que votre magasin vend. Choisissez des adresses parmi les régions d'expédition que vous servez réellement et les méthodes de paiement que les clients peuvent sélectionner. Utilisez un environnement de test et les installations de test du fournisseur de paiement pour les scénarios qui créent des commandes ou des frais.
| Voyage | Que peut-il mal se passer |
|---|---|
| Invité sur un petit téléphone | Champs requis peu clairs ou contrôles cachés par le clavier |
| Client revenant | L'adresse enregistrée et la méthode de livraison sélectionnée ne sont pas compatibles |
| Changé le pays ou la région | Les anciennes informations d'expédition ou de taxe restent visibles |
| Paiement annulé ou échoué | Le client ne peut pas revenir à un paiement utilisable |
Vérifiez l'ordre des champs et le comportement d'entrée
Naviguez à travers le formulaire avec le clavier à l'écran ainsi qu'en tapotant. Les étiquettes doivent rester visibles lorsqu'un champ contient du texte. Le contrôle suivant doit suivre une séquence logique, et les champs optionnels ne doivent pas sembler obligatoires. Évitez de focaliser automatiquement un champ de réduction lorsque la page s'ouvre.
Examinez le comportement des entrées d'email, de téléphone et d'adresse sur un appareil réel. Le remplissage automatique du navigateur doit remplir les champs corrects, et une valeur suggérée ne doit pas écraser de manière inattendue une autre partie de l'adresse. Gardez les champs nécessaires pour vos intégrations de livraison et de paiement sélectionnées, même si les supprimer rend le formulaire plus court.
Déclencher la validation délibérément
Soumettez le formulaire de test avec un champ requis manquant, un e-mail invalide et une adresse incomplète. La page doit expliquer ce qui nécessite une attention particulière près du champ concerné sans perdre les valeurs déjà saisies correctement. Un simple changement de couleur n'est pas une explication suffisante.
Vérifiez que le message d'erreur et le champ qu'il décrit restent visibles lorsque le clavier s'ouvre. Si la validation utilise un popup, confirmez qu'il peut être rejeté et que le focus revient à un endroit utile. Testez les mises en page invité et connecté après avoir changé la configuration du formulaire.
Changer l'adresse et les sélections de livraison
- Entrez une adresse avec plusieurs méthodes d'expédition disponibles.
- Choisissez une méthode et enregistrez le total de commande affiché.
- Changer le pays, la région ou le code postal pour un autre cas pris en charge.
- Vérifiez que les méthodes disponibles et les montants recalculés reflètent cette adresse.
- Confirmer qu'une méthode précédente indisponible n'est pas silencieusement conservée.
- Répétez avec un groupe de clients ou une restriction de livraison pertinente pour votre entreprise.
Tester également un réseau lent. Les états de chargement doivent indiquer clairement lorsqu'un recalcul est en cours. Un client ne doit pas voir un ancien total comme s'il était final pendant qu'une mise à jour d'adresse est encore en cours de traitement.
Examinez les remises et les retours de paiement
Si des coupons ou des remises sur quantité sont présents, testez comment ils interagissent avec le résumé de la commande. Rendez la zone de remise disponible sans permettre qu'elle interrompe le chemin principal de paiement. Le guide de remise sur quantité inclut des cas de seuil et de réconciliation.
Suivez les retours de paiement réussis, annulés et échoués dans l'environnement de test. Vérifiez que le fait de réessayer ne crée pas une deuxième commande ou un frais inexpliqué. Confirmez l'état final de la commande dans l'administration plutôt que de vous fier à la formulation d'une page de retour. Le suivi doit utiliser cette même définition commerciale documentée ; consultez notre guide de diagnostic d'événement d'achat.
Enregistrer les résultats avant de changer à nouveau la mise en page
Pour chaque problème, enregistrez l'appareil, le navigateur, l'état du client, les méthodes sélectionnées et l'action qui l'a causé. Corrigez et retestez cette séquence. Si vous mesurez l'achèvement du paiement, gardez la définition de la mesure et les conditions de consentement cohérentes à travers les comparaisons.
Un processus de paiement configurable vous donne la possibilité d'améliorer le parcours, mais cela ne remplace pas les tests d'intégration. Demandez un examen de compatibilité lorsque une extension de paiement, d'expédition ou de thème personnalisée modifie le même flux de travail. Un lancement réussi est celui où les entrées de l'acheteur, le total final et la commande enregistrée sont d'accord.