it-swarm.com.de

Platzhaltertext des Kreditkartenfeldes

Es wurde viel über den Standard-Platzhaltertext für das Kreditkartenfeld von Stripe 'Elements' diskutiert.

Ihre Standardeinstellung ist '4242 4242 4242 4242' wie unten gezeigt: stripe elements 4242

Es gibt einige Vokalbenutzer, die sich beschweren, dass sie es nicht in etwas anderes ändern können. Stripe suchte nach Feedback von den Benutzern im Sinne von "Nun, was würden Sie ändern?" - und die Antworten waren so unterschiedlich:

  • "**** - **** - **** - ****"
  • 0000 0000 0000 0000
  • "CREDIT CARD NUMBER HIER"
  • "Lass es mich so einstellen, wie ich will!"

Die letzte Aktivität ist ein Benutzer, der droht, den Zahlungsanbieter zu wechseln, weil er den Standard-Platzhaltertext nicht ändern kann, weil sich seine Benutzer darüber beschweren.

Persönlich konnte ich keine Ratte geben, aber ich kann verstehen, wenn Ihre Kunden sich beschweren, dann möchten Sie vielleicht, dass es geändert wird.

Also UX.SE - was sollte Stripe aus UX-Sicht in dieser Situation tun?

9
Jake Harry

UPDATE: Stripe hat sich das Feedback der Benutzer angehört und die folgenden Änderungen vorgenommen:

Nach vielen Recherchen, eingehenderen Tests und vielen Diskussionen mit dem Team, mit Endkunden und mit Benutzern (einschließlich einiger von Ihnen!) Haben wir einige Änderungen an Platzhaltern in Elements vorgenommen.

(1) Das Element card verwendet jetzt "Kartennummer" und "Postleitzahl" (und ihre lokalisierten Entsprechungen) als Platzhalter. Wie oben erwähnt, haben wir uns entschlossen, diese Änderung vorzunehmen, nachdem Tests ergeben haben, dass „Kartennummer“ mit größerer Wahrscheinlichkeit zu erfolgreichen Zahlungen führt als „4242 4242 4242 4242“.

(2) Die Elemente cardNumber, cardCvc, cardExpiry & postalCode akzeptieren jetzt die Option placeholder, mit der Sie eine benutzerdefinierte Option festlegen können ( oder leerer) Platzhalter, wie zuvor berichtet. Wenn unsere Standardoptionen nicht Ihren Anforderungen entsprechen, möchten wir sicherstellen, dass Sie die Flexibilität haben, genau das Formular zu erstellen, das Sie möchten.

Vielen Dank, dass Sie dies vorangetrieben haben, für Ihre Geduld und für Ihre Vorschläge auf dem Weg.

Neuer Platzhalter: new placeholder

1
Jake Harry

Platzhalter sind furchtbar falsch gelaufen

tl; dr
Wenn ein Platzhalter nichts klarstellt, sollte er nicht vorhanden sein.

Dies ist ein großartiges Beispiel für die negativen Auswirkungen von Platzhaltertext von NN/g vor einiger Zeit hervorgehoben .

Zusammenfassung: Platzhaltertext in einem Formularfeld erschwert es den Benutzern, sich zu merken, welche Informationen in ein Feld gehören, und nach Fehlern zu suchen und diese zu beheben. Es stellt auch zusätzliche Belastungen für Benutzer mit visuellen und kognitiven Beeinträchtigungen dar.

In diesem Fall fügt Stripe keine Informationen hinzu, indem die gefälschte Nummer angegeben wird. Benutzer wissen, wie eine Kreditkartennummer aussieht. Das einzige, was es tut, ist Verwirrung zu stiften, wenn der Benutzer eine Nummer sieht, die nicht seine eigene ist.

Behalten Sie das Kreditkartensymbol bei und lassen Sie den Platzhaltertext ganz fallen. Ich würde damit beginnen, so etwas zu testen ...

(Stripe controls without the placeholder noise

12
plainclothes

Ich kann einfach nicht glauben, dass sie das getan haben. Erstens zeigt es eine eindeutige Tendenz. Karten beginnend mit 4 gehören zu VISA, daher kann ich mir vorstellen, dass sich alle anderen CC-Kartenunternehmen beschweren.

Eine andere Sache: 4 Gruppen mit 4 Ziffern, was einer 16-stelligen Zahl entspricht. Es klingt schön ... wenn es nicht so wäre, weil ich ein AMEX-Besitzer bin. AMEX-Karten verwenden das Format NNNN NNNNNN NNNNN (4 Stellen + 6 Stellen + 5 Stellen = 15 Stellen). Übrigens beginnt alles AMEX mit der Nummer 3, nur für den Fall.

Schließlich ... CC-Nummer und Ablaufdatum im selben Feld ... wow ... über verwirrende Benutzer sprechen.

Was ich tun würde

Ich weiß wirklich nicht, ob dieses Beispiel nur eine Probefahrt ist oder was, es sieht wirklich nicht so aus, als hätten sie überhaupt darüber nachgedacht. Ich habe buchstäblich 30 Sekunden gebraucht, um die oben aufgeführten offensichtlichen Fehler zu sehen, also muss ich Angenommen, dies ist nur ein Test.

Wie auch immer, als erstes:

  • Felder unterscheiden : Es gibt keine Möglichkeit, mich davon zu überzeugen, dass unterschiedliche Daten im selben Feld die Benutzer nicht verwirren. Einfach weil ich das schon mal getestet habe! Also würde ich beide Felder sichtbar und klar beschriftet machen.

  • Entfernen Sie voreingenommene Platzhalter und Hinweise : Nehmen Sie einfach diesen Platzhalter und verwenden Sie Text wie "Geben Sie hier die Kreditkartennummer ein" . KUSS. Ansatz sozusagen. Der wichtigste Teil ist KEIN Zahlenformat verwenden, da es Unterschiede zwischen den Marken gibt.

  • Geben Sie den Benutzern die Kontrolle : Wenn die Forschung Beschwerden von Benutzern und den Wunsch nach Kontrolle über den Platzhaltertext zeigt, ist es ziemlich offensichtlich, dass das System diese Funktion zur Verfügung haben sollte ihre Benutzer . Vor diesem Hintergrund sollte standardmäßig ein neutraler Platzhalter vorhanden sein, es sei denn, der Benutzer ändert ihn. Schließlich verfügt Stripe über Kenntnisse und Ressourcen, über die nicht viele Benutzer verfügen.

Haftungsausschluss : Wie bei UX sollten Empfehlungen auf realen Daten, Forschungsergebnissen und den besten Prinzipien basieren. Dieses Beispiel ignoriert eindeutig die besten Prinzipien, aber andererseits habe ich keine Forschung, nur Stripe hat es. Nehmen Sie dies also mit einer Prise Salz.

5
Devin