Texte de l'espace réservé au champ de carte de crédit

Question

Il y a eu beaucoup de discussions autour du texte d'espace réservé du champ de carte de crédit par défaut de Stripe 'Elements'.

Leur valeur par défaut est '4242 4242 4242 4242' comme indiqué ci-dessous:

Il y a quelques utilisateurs vocaux qui se plaignent de ne pas pouvoir le changer en autre chose. Stripe cherchait à obtenir des commentaires des utilisateurs sur le modèle de `` Eh bien, que changeriez-vous en '' - et les réponses variaient comme suit:

"**** - **** - **** - ****"
"0000 0000 0000 0000"
"NUMÉRO DE CARTE DE CRÉDIT ICI"
"Laisse-moi le régler comme je veux!"

La dernière activité est un utilisateur qui menace de changer de fournisseur de paiement car il ne peut pas modifier le texte de l'espace réservé par défaut, car ses utilisateurs s'en plaignent.

Personnellement, je ne pouvais pas donner un rat de toute façon, mais je peux comprendre si vos clients se plaignent alors peut-être que vous aimeriez que cela change.

Donc UX.SE - du point de vue UX, que devrait faire Stripe dans cette situation?

Jake Harry · Accepted Answer

MISE À JOUR: Stripe a écouté les commentaires des utilisateurs et déployé les modifications suivantes:

Après de nombreuses recherches, des tests plus approfondis et de nombreuses discussions avec l'équipe, avec les clients finaux et avec les utilisateurs (y compris certains d'entre vous!), Nous avons apporté quelques modifications aux espaces réservés dans Elements.

(1) L'élément card utilise désormais "Numéro de carte" et "Zip" (et leurs équivalents localisés) comme espaces réservés. Comme mentionné ci-dessus, nous avons décidé d'effectuer cette modification après que les tests aient révélé que le "Numéro de carte" était plus susceptible de mener à des paiements réussis que "4242 4242 4242 4242".

(2) Les éléments cardNumber, cardCvc, cardExpiry & postalCode acceptent désormais une option placeholder qui vous permet de définir un paramètre personnalisé ( ou vide), comme indiqué précédemment. Si nos options par défaut ne correspondent pas à vos besoins, nous voulons nous assurer que vous avez la possibilité de créer exactement le formulaire que vous souhaitez.

Merci à tous d'avoir poussé cela, pour votre patience et pour vos suggestions en cours de route.

Nouveau paramètre fictif:

plainclothes · Answer

Les espaces réservés ont terriblement mal tourné

tl; dr
Lorsqu'un espace réservé ne clarifie rien, il ne devrait pas y être.

Ceci est un excellent exemple de l'impact négatif du texte d'espace réservé souligné par NN/g il y a un certain temps .

Résumé: Le texte d'espace réservé dans un champ de formulaire empêche les gens de se souvenir des informations qui appartiennent à un champ, de rechercher et de corriger les erreurs. Cela représente également un fardeau supplémentaire pour les utilisateurs souffrant de déficiences visuelles et cognitives.

Dans ce cas, Stripe n'ajoute aucune information en incluant le faux numéro. Les utilisateurs savent à quoi ressemble un numéro de carte de crédit. La seule chose qu'il fait est de contribuer à la confusion lorsque l'utilisateur voit un numéro qui n'est pas le leur.

Conservez l'icône de la carte de crédit et supprimez complètement le texte de l'espace réservé. Je commencerais par tester quelque chose comme ça ...

Devin · Answer

Je ne peux tout simplement pas croire qu'ils ont fait ça. Tout d'abord, il montre un biais certain. Cartes commençant par 4 appartiennent à VISA, je peux donc imaginer toutes les autres sociétés de cartes CC se plaindre.

Autre chose: 4 groupes de 4 chiffres, ce qui équivaut à 16 chiffres. Cela sonne bien ... si ce n'est pas parce que je suis propriétaire d'AMEX. Les cartes AMEX utilisent le format NNNN NNNNNN NNNNN (4 chiffres + 6 chiffres + 5 chiffres = numéro à 15 chiffres). btw, tous les AMEX commencent par le numéro 3, juste au cas où.

Enfin .... numéro CC et date d'expiration dans le même champ ... wow ... parle de confusion des utilisateurs.

Ce que je ferais

Je ne sais vraiment pas si cet échantillon est juste un essai routier ou quoi, il ne semble vraiment pas avoir réfléchi du tout, il m'a fallu littéralement 30 secondes pour voir les erreurs flagrantes énumérées ci-dessus, donc je dois supposons que ce n'est qu'un test.

Quoi qu'il en soit, la première chose d'abord:

Différencier les champs: il n'y a aucun moyen de me convaincre que différentes données dans le même champ ne dérouteront pas les utilisateurs. Tout simplement parce que je l'ai déjà testé! Je rendrais donc les deux champs visibles et clairement étiquetés.
Supprimez les espaces réservés biaisés et les conseils: prenez simplement cet espace réservé et utilisez du texte comme "Entrez le numéro de carte de crédit ici" . BAISER. approche, pour ainsi dire. La partie la plus importante est NE PAS utiliser de format numérique, car il existe des différences entre les marques.
Donner le contrôle aux utilisateurs: Si la recherche montre des plaintes des utilisateurs et un désir de contrôler le texte de l'espace réservé, alors il est évident que le système devrait avoir cette fonctionnalité disponible pour leurs utilisateurs . Cela étant dit, un espace réservé neutre doit être en place par défaut, sauf si l'utilisateur le modifie. Après tout, Stripe possède des connaissances et des ressources que peu d'utilisateurs ont.

Disclaimer: comme tout UX, les recommandations doivent être basées sur des données réelles, des recherches et les meilleurs principes. Cet exemple ignore clairement les meilleurs principes, mais d'un autre côté, je n'ai aucune recherche, seul Stripe l'a. Prenez donc ceci avec une pincée de sel.