Évaluez votre formulaire de paiement selon 15 critères avant de supprimer un seul champ.

Évaluez votre formulaire de paiement selon 15 critères avant de supprimer un seul champ.

Selon l'étude 2024 de Baymard Institute, le processus de paiement en ligne moyen comporte 5.1 étapes et 11.3 champs de formulaire, contre huit champs pour les autres. la plupart des sites ont en fait besoinCet écart est bien réel. C'est aussi la raison pour laquelle la plupart des formulaires sont mal conçus : on compte les champs, on en supprime trois, on envoie le formulaire, et le taux de conversion reste inchangé.

Le nombre de champs est un symptôme des difficultés rencontrées dans un formulaire, et non le diagnostic. Cette grille d'évaluation s'adresse à toute personne responsable d'une page de paiement, d'un processus de réservation, d'un formulaire de prise de rendez-vous ou d'une application de service public et qui souhaite identifier les points à améliorer en priorité. Quinze critères, chacun noté sur trois points, sont évalués sur quarante-cinq. Le résultat comprend un score, une liste de corrections classées par ordre de priorité et un seuil indiquant s'il convient d'optimiser le formulaire existant ou de repenser entièrement son inventaire de champs.

Pourquoi « couper les champs » est une mauvaise première étape

Le chiffre que tout le monde cite, selon lequel la réduction d'un formulaire de 11 à 4 champs a augmenté le taux de conversion de 120 %, provient de une étude de cas de 2008 réalisée par une agence web de ChicagoConsultez le PDF : l’exemple montre 184 affichages de formulaire ayant généré 10 soumissions, contre 219 affichages ayant généré 26 soumissions, sur un formulaire « Contactez-nous » B2B, sur deux fenêtres non adjacentes, il y a près de vingt ans. Dix conversions contre vingt-six ne sont qu’une anecdote. Il ne s’agit pas d’un résultat e-commerce et il ne peut avoir l’importance que le secteur lui accorde.

L'histoire d'Expedia, un champ « Entreprise » optionnel coûtant environ 12 millions de dollars par an, remonte à une conférence de 2010 rapportée par une publication qui n'existe plus. chaque article survivant Il s'agit d'une information de seconde main. Considérez-la comme une histoire d'étiquetage ambigu, et non comme un coefficient.

Les tests contrôlés sont à double tranchant. Documents CXL un formulaire à neuf champs qui a perdu 14 % lorsque trois champs ont été supprimésLe taux a ensuite augmenté de 19.2 % lorsque les neuf champs ont été conservés et que le texte de l'étiquette a été réécrit. Le champ le plus important est rarement le plus facile à supprimer.

La grille d'évaluation : 15 critères, 45 points

Attribuez à chaque critère une note de 0 à 3, en fonction du comportement réel du formulaire sur un appareil réel plutôt que de ce que prévoit le fichier de conception.

ScoreSens
0Absent, ou présent sous une forme qui nuit activement à l'utilisateur
1Présent mais incohérent selon les champs ou les étapes
2En bonne voie
3Correct sur tous les chemins, y compris les états d'erreur, les commandes B2B et les adresses non nationales

Groupe A — Inventaire sur le terrain (12 points)

#CritèreÀ quoi ressemble un 3
1Utilisation en aval nomméeChaque champ correspond à un système, une obligation légale ou une étape de réalisation que vous pouvez nommer. « Le service marketing pourrait en avoir besoin » obtient la valeur 0.
2Recouvrement différéTout élément non nécessaire à la prise de commande est demandé après confirmation du paiement, et non avant.
3Affichage conditionnelLes champs relatifs au numéro d'identification fiscale, à l'entreprise et à la région n'apparaissent que lorsque les sélections de l'utilisateur les déclenchent.
4Aucune entrée redondanteAucune requête n'est effectuée deux fois au cours du flux, par WCAG 2.2 SC 3.3.7L'adresse de facturation est par défaut l'adresse de livraison.

Groupe B — Mécanismes d'entrée (12 points)

#CritèreÀ quoi ressemble un 3
5jetons de remplissage automatiqueChaque champ contient une valeur valide jeton de remplissage automatique WHATWG: given-name, address-line1, postal-code, tel, cc-number. C'est également la technique suffisante pour SC 1.3.5.
6Correspondance du clavierCorriger type et inputmode Les champs numériques ouvrent donc un clavier numérique sur mobile.
7Tolérance de formatLes codes postaux, numéros de téléphone et de carte bancaire ainsi que les numéros d'identification fiscale acceptent les espaces, la ponctuation et la casse mixte, puis sont normalisés côté serveur. Ceci est clairement indiqué sur le site GOV.UK. modèle d'adresse.
8La pâte survitRien n'empêche de coller. Les codes à usage unique sont utilisables. autocomplete="one-time-code"Les gestionnaires de mots de passe ne sont pas mis en défaut par les entrées personnalisées.

Groupe C — Étiquettes et conseils (9 points)

#CritèreÀ quoi ressemble un 3
9Étiquettes persistantesÉtiquettes visibles qui restent visibles même après la sélection et la saisie. Les champs contenant uniquement des espaces réservés obtiennent un score de 0 contre SC 3.3.2.
10Aide juste à tempsLes champs ambigus tels que « Adresse ligne 2 », un identifiant fiscal ou un code de sécurité comportent une explication intégrée, et non une infobulle à rechercher.
11correspondances de noms accessiblesL'étiquette programmatique contient le texte visible de l'étiquette, et chaque entrée y est correctement associée.

Groupe D — Erreurs et récupération (6 points)

#CritèreÀ quoi ressemble un 3
12Erreurs qui réparentLes erreurs indiquent le problème et la solution, conformément à la politique de correction. SC 3.3.3, Avec une résumé des erreurs en haut, cela attire l'attention et établit des liens vers chaque domaine défaillant.
13L'État survit à l'échecAucune perte n'est constatée en cas d'erreur de validation, de retour en arrière, d'expiration de session ou de paiement refusé.

Groupe E — Portails d'identité (6 points)

#CritèreÀ quoi ressemble un 3
14Parcours invitéL'achat est finalisé sans création de compte. La création d'un compte est proposée sur l'écran de confirmation à l'aide des données déjà fournies. L'inscription forcée est la cause de 18 % des abandons de panier. donner pour le départ.
15Aucun test cognitifL'authentification ne nécessite pas de mémoriser ou de résoudre quoi que ce soit sans alternative, par SC 3.3.8.

Lecture du score

Deux règles. Premièrement, le groupe :

  • 38-45. Le formulaire n'est pas le problème. Remontez la chaîne : 40 % des clients abandonnent leur panier à cause de coûts supplémentaires, 20 % à cause de la lenteur de la livraison et 17 % à cause de la complexité du processus de paiement.
  • 28-37. Fixez chaque groupe de 0 et de 1. Attendez-vous à un mouvement mesurable mais limité.
  • 18-27. Reconstituez l'inventaire sur le terrain avant de procéder à un test A/B sur tout élément cosmétique.
  • En dessous de 18. Ne pas tester. Reconstruire, puis définir une nouvelle base de référence.

Deuxièmement, la priorité est donnée à tout critère de groupe D ou E ayant obtenu un score de 0, quel que soit le total. Un formulaire qui perd des données en cas de paiement refusé ne peut être optimisé.

Exemple concret

Ce schéma composite est courant dans le commerce électronique turc ; les scores sont donnés à titre indicatif et ne constituent pas un audit client rigoureux. Le processus de paiement en trois étapes demande le nom, le prénom, l’adresse électronique, le numéro de téléphone, l’adresse postale, le district, la ville, le code postal, le numéro d’identification national et le mot de passe du compte, puis le nom et l’adresse sont à nouveau demandés lors de la facturation.

Le groupe A obtient 4 points sur 12 : champ d'identification inconditionnel (1), facturation répétée des frais de port (0), aucun paiement différé (1), tous les champs peuvent être nommés (2). Le groupe B obtient 5 points : pas de saisie automatique dans le bloc adresse, les espaces sont refusés dans le code postal. Le groupe C obtient 4 points pour les libellés de type « espace réservé ». Le groupe D obtient 2 points : erreurs en ligne, mais le mot de passe est effacé en cas d'échec. Le groupe E obtient 1 point : l'inscription est obligatoire. Total : 16 points sur 45, avec deux groupes D/E à zéro. La consigne n'est donc pas de « supprimer trois champs », mais de « rendre l'inscription facultative et d'arrêter l'effacement de l'état ».

[DONNÉES INTERNES NÉCESSAIRES : répartition des scores du premier audit parmi les audits de caisse Switas et variation médiane du score après correction.]

Trois domaines qui nécessitent un jugement local

Carte d'identité nationale en Turquie. Les vendeurs turcs ont besoin de données d'identification pour la facturation électronique (e-Arşiv). De ce fait, de nombreuses plateformes de paiement exigent le numéro TC Kimlik Numarası pour tous les utilisateurs. Or, cela n'est pas obligatoire. Selon les règles de 2026 issues du Communiqué général n° 588 relatif à la procédure fiscale, les factures adressées à des acheteurs non enregistrés auprès des autorités fiscales… peut contenir la valeur de substitution 11111111111Le vendeur n'est pas responsable de la vérification des données d'identité fournies par le client. L'obligation d'afficher un numéro à onze chiffres sur chaque commande relève d'un choix relatif au produit, et non d'une obligation légale. Le critère 3 existe précisément à cet effet.

Structure de l'adresse. Les adresses turques comportent six niveaux : province, district, quartier, rue, immeuble, appartement. En Turquie, elles sont structurées en six niveaux, contre quatre pour les pays occidentaux. address-level Utilisez les jetons fournis par la spécification HTML. Choisissez une correspondance, documentez-la et assurez-vous de sa stabilité, car toute modification ultérieure perturbera silencieusement le remplissage automatique pour tous les utilisateurs. La règle du gouvernement britannique s'applique : n'utilisez des champs séparés que si vous connaissez les pays que vous ciblez et que vous disposez d'un format unique pour chacun d'eux.

Champs Société et TVA. Les identifiants B2B devraient être masqués par une option « Ceci est une commande professionnelle ». Affichés à tous les acheteurs, ils ne font que renouveler le problème d'Expedia.

Là où cette rubrique présente des lacunes

Le système évalue la simplicité d'utilisation du formulaire, or celle-ci ne représente qu'une minorité des abandons de panier. Baymard estime le taux d'abandon moyen, constaté sur 50 études, à 70.22 %. Les coûts supplémentaires, la rapidité de livraison et la confiance dans le paiement sont tous plus importants que la complexité du processus de commande. Un formulaire noté 45/45 sur un site affichant des frais de livraison imprévus ne suffit pas à conclure une vente.

Il s'agit d'un outil heuristique, et non d'une preuve : il indique les zones de friction potentielles, et non le résultat de chaque solution. Utilisez-le pour établir une liste d'hypothèses classées par ordre de priorité, puis dimensionnez et testez correctement les principales. Il ne couvre pas la diversité des modes de paiement, les options de livraison ni les indicateurs de confiance. Pour les vendeurs de l'UE, les services de commerce électronique relèvent du champ d'application de la réglementation. Loi d'accessibilité européenneLes critères WCAG mentionnés ci-dessus constituent donc un minimum de conformité.

Elle prend également une forme transactionnelle. Les formulaires de génération de prospects privilégient délibérément la qualité au volume, et un score élevé dans ce domaine peut signifier que vous en collectez trop peu.

QFP

Combien de temps faut-il pour remplir un formulaire ?
Deux à trois heures pour un seul flux, tests sur un vrai téléphone et un lecteur d'écran, incluant un paiement volontairement échoué. La majeure partie de ces données est classée dans le groupe D, car les états de récupération n'ont pas été étudiés.

Qui devrait s'occuper du score ?
Une personne attribue la note, une seconde vérifie chaque 0 et chaque 1. Les audits réalisés par une seule personne tendent à obtenir des notes de 2, et le concepteur du formulaire ne devrait pas l'évaluer seul.

Un nombre réduit de champs est-il jamais la bonne solution ?
Souvent, mais en conséquence des critères 1 à 3 plutôt que d'un objectif précis. Aucune utilisation en aval spécifiée : supprimez-la. Une utilisation qui ne s'applique qu'à certaines commandes : rendez-la conditionnelle.

Puis-je faire l'impasse sur les critères d'accessibilité si mon marché se situe hors de l'UE ?
C'est possible, mais vous perdez alors l'avantage de la conversion. Les jetons de remplissage automatique, les étiquettes persistantes et les codes à usage unique à coller étaient des solutions d'amélioration de l'expérience utilisateur avant d'être des éléments de conformité.

Que se passe-t-il si mon formulaire obtient de bons résultats mais que le taux de conversion reste faible ?
Il s'agit de la tranche 38-45, et elle est pertinente : le problème se situe en amont. Avant de réutiliser l'interface, vérifiez la transparence des coûts, les délais de livraison et les options de paiement.

Dois-je pondérer les critères ?
Pas dès le premier passage. Une pondération égale garantit une notation équitable et laisse le groupe D/E prioriser les résultats. Une fois les données de résultats issues de plusieurs flux recueillies, pondérez-les en fonction de vos propres résultats.

Est-ce que cela fonctionne pour les formulaires de réservation et de prise de rendez-vous ?
Oui. Les formulaires de réservation, de prise de rendez-vous en clinique et de demande de services publics ne répondent pas aux mêmes critères, généralement aux catégories C et D. Seul le critère 14 doit être reformulé, car certains services exigent légitimement un compte identifié.

À quelle fréquence devrions-nous réévaluer le score ?
Après chaque mise à jour ayant un impact sur les champs, sinon deux fois par an. Les scores diminuent progressivement, généralement par le passage de champs conditionnels à des champs inconditionnels.

Suivant

Évaluez votre propre caisse selon les quinze critères cette semaine et corrigez d'abord les zéros des groupes D et E. Si vous préférez un audit indépendant, avec classement et hiérarchisation des résultats, C’est ce que propose notre mission d’audit UX.

Références


Inci Dindar
Écrit par

Inci Dindar

Forte d'une expérience en développement logiciel, elle a dirigé des équipes de conception, d'UX et de produit dans les secteurs de la fintech, des médias, du e-commerce et du voyage. Depuis trois ans, elle travaille à temps plein comme consultante en UX et design, notamment en tant que consultante UX externe pour un cabinet de conseil en management international, où elle accompagne des marques et des startups dans leurs audits, l'optimisation de leurs conversions et leurs processus de conception.


Articles Relatifs

Switas vu sur

Magnify : Développer le marketing d'influence avec Engin Yurtdakul

Découvrez notre étude de cas Microsoft Clarity

Nous avons mis en avant Microsoft Clarity comme un produit conçu pour répondre à des cas d'utilisation concrets, par des experts produits qui comprennent les défis rencontrés par des entreprises comme Switas. Des fonctionnalités telles que la détection des clics indésirables et le suivi des erreurs JavaScript se sont révélées précieuses pour identifier les frustrations des utilisateurs et les problèmes techniques, permettant ainsi des améliorations ciblées qui ont eu un impact direct sur l'expérience utilisateur et les taux de conversion.