it-swarm.com.de

Kreditkarten-Eingabeformat

Irgendwo in einem der von mir gelesenen Usability-Bücher (wahrscheinlich Donald Norman) gab es einen Hinweis darauf, dass das normale Format für die Eingabe von Kreditkarten falsch war. Das übliche Format besteht aus 16 Zeichen in einer langen Zeichenfolge. Die Art und Weise, wie wir dann lesen und sie auf die Karte drucken, ist jedoch 4 Gruppen zu je 4. Das Argument ist - und ich stimme dem vollkommen zu -, dass die Eingabe der Karte in 4 Losen zu je 4 viel einfacher wäre, sowohl bei der Eingabe als auch bei der Eingabe für den Benutzer zu überprüfen.

Dies erfordert nur ein wenig Codierung, um die Striche in die eingegebenen Daten aufzunehmen und sie bei der Validierung zu ignorieren. Oder um 4 Kästchen mit Fokus auf das nächste zu haben. Es ist kein komplexes Codierungsproblem. Warum scheint es niemand zu tun? Warum ist das Standard-Box-Format immer noch so verbreitet?

Dies ist darauf zurückzuführen, dass ich gerade versucht habe, meine Kreditkarte zu verwenden und einen Fehler zu machen, und dann das gesamte Los durchsuchen musste, um die Fehler zu identifizieren - mühsam und etwas, das viel einfacher wäre, wenn es richtig aufgeteilt würde.

Bearbeiten: Um einige Punkte aus Kommentaren hinzuzufügen. Ich denke, die richtige Implementierung müsste ausgearbeitet werden - 4 Felder mit automatisch eingefügten Strichen funktionieren möglicherweise nicht oder müssen möglicherweise optimiert werden. Es heißt also nicht, dass xxx der richtige Ansatz ist, sondern dass der aktuelle Ansatz seine eigenen Probleme hat.

19

Akzeptieren Sie alle in ein Feld eingegebenen Formate.

Wie von Don Norman angegeben:

"Compliance: Wie Microsoft Outlook die Dinge richtig macht

Microsoft Office Outlook hat hervorragende Arbeit im Umgang mit Telefonnummern, Daten, Zeiten und Adressen geleistet. Überraschung: Dies ist ein Produkt, auf das die Leute normalerweise mit Beschwerden abzielen, aber ich beabsichtige, sie zu loben. Wenn das Adressbuch oder die Kontaktformulare von Outlook nach einer Telefonnummer fragen , akzeptiert es jedes Format, das die Person verwenden möchte , ermittelt, zu welchem ​​Land sie gehört, und formatiert es in eine Standardform um. Starten Sie eine Telefonnummer mit +358 und Sie wissen, dass Sie eine finnische Nummer eingeben. Daher wird nicht versucht, sie wie bei US-Nummern zu formatieren. Wenn es sich um eine amerikanische Nummer handelt, können Sie fast jedes gewünschte Abstandszeichen verwenden, solange die Nummer die üblichen 7, 10 oder 11 Ziffern hat. Infolgedessen können Sie eine dieser amerikanischen Telefonnummern eingeben:

5551212

555.1212

847 555-1212

(847) 555-1212

847.555.1212

8475551212

+18475551212

Und alle werden entweder in 555-1212, (847) 555-1212 oder im letzten Fall in +1 (847) 555-1212 umgewandelt.

Die meisten Systeme sind mit Datumsangaben genauso schlecht wie mit Telefonnummern. Wir sagen Daten auf alle möglichen Arten: Die meisten Systeme schimpfen mit uns, wenn wir es nicht so machen, wie sie es mögen, und sagen uns oft nicht einmal, was sie mögen.

Hier sind einige der Möglichkeiten, wie Menschen das Datum 20. Januar 2009 schreiben:

20.01.09

20.01.2009

20/1/2009

20. Januar 09

2009.01.20

20. Januar 09

Hurra für Outlook! Es zeigt enorme Compliance, große Toleranz für unsere Variabilität. Alle diese Formate werden verwendet und in die von ihnen bevorzugte Zielspezifikation umgewandelt: Di 20.01.2009. Noch besser ist jedoch, dass die Zielspezifikation von der Person festgelegt wird, die den Computer verwendet, und im Betriebssystem gespeichert ist, sodass alle Programme dieselben Formate verwenden können. ""

18
Matt Rockwell

Sicherlich gibt es genug von uns UXern, die sich über intolerante Kreditkarteneinträge beschweren. Zusätzlich zu Norman 2009 :

Fügen Sie weitere Kommentare hinzu, wenn Sie möchten.

Es ist möglich, Trennzeichen wie Bindestriche oder Leerzeichen automatisch in ein einzelnes Textfeld einzufügen, während der Benutzer sie eingibt. Fast genauso gut und programmgesteuert einfacher ist es, die Benutzer beliebige Trennzeichen eingeben zu lassen, wo immer sie wollen. Wahrscheinlich tippen sie es so, wie sie es möchten. Entfernen Sie hinter den Kulissen alle Nicht-Nummern für Validierung, Prüfsumme und tatsächliche Finanztransaktionen.

Warum bestehen so viele Websites darauf, dass keine Trennzeichen eingegeben werden? Ich würde Unwissenheit erraten. Und Faulheit. Und Widerstand gegen Veränderungen. Jeder tut es. Wo ist also die Konkurrenz, um die man sich Sorgen machen muss? Und Schwielen. Wenn die Benutzer ihre jeweiligen Kreditkartennummern eingeben, werden sie einen Kauf nicht abbrechen und ihre gesamte Arbeit aufgrund eines Fehlers verlieren, egal wie sehr sie sich darüber ärgern. Wen interessiert das?

12

Stimmen Sie im Prinzip zu, aber nicht alle Kreditkarten haben 16 Ziffern. Ich habe eine American Express-Karte vor mir, die 15 Ziffern hat (aufgeteilt in 4-6-5) - siehe mehr Längen auf Wikipedia Bankkartennummer Seite - Es scheint, dass 12-19 Ziffern sein könnten möglich.

Das macht es zu einer komplexen, vom Kartenanbieter abhängigen Aufgabe, ein Formular bereitzustellen, das die Kartennummer in die richtige/angemessene Anzahl von Feldern aufteilt. Testen wäre eine ziemlich große Aufgabe und möglicherweise auch nicht zukunftssicher.

7
Roger Attrill

Hier ist eine gegenteilige Ansicht:

Wenn der Benutzer gezwungen wird, ohne Leerzeichen oder Bindestriche einzugeben, muss der Benutzer die Daten sorgfältiger eingeben.

Das heißt, ich denke, dieser Grund ist Koje. Ich weiß, dass die Backend-APIs bei gängigen Kartenprozessoren einen Strom von Ziffern erfordern: Wenn ich Kreditkartenformulare erstellt habe, entferne ich einfach Leerzeichen und Bindestriche ("s/[-] // g") und schreibe eine Notiz in die Leerzeichen des Benutzers Ist ok'.

2
Bryce

Der Grund für die Verwendung eines einzelnen Textfelds liegt darin, dass es für einen Benutzer viel einfacher ist, nur die Zahlen einzugeben. Das Tabulieren zwischen Textfeldern alle 4 Zeichen ist ein absoluter Schmerz. Und der automatische Schalterfokus ist sehr ärgerlich, besonders wenn Sie zurückgehen und Änderungen vornehmen müssen. Die Implementierung, damit dies funktioniert, verursacht fast immer Probleme, wenn versucht wird, eine Änderung vorzunehmen.

Roger hat auch Recht, dass nicht alle Kreditkarten das gleiche Format haben und Sie daher kein bestimmtes Format erzwingen können. Sie müssten für jedes Format unterschiedliche Felder haben, was die Komplexität Ihrer Anwendung erhöht.

Die Verwendung einer Art Maskierung, um Trennzeichen anzubringen, wenn der Benutzer das Feld verlässt, kann in Ordnung sein, aber je nach Kartentyp funktioniert dies möglicherweise nicht wie erwartet.

Dies ist die gleiche Logik für andere ähnliche Bereiche wie Telefonnummer und Sozialversicherungsnummer. Wir haben besprochene Felder für Telefonnummernformulare auch in der Vergangenheit.

2
Charles Boyung

Vier Kisten müssen getabet werden. Eine 16-stellige Zeichenfolge ist schwieriger zu korrigieren. Es scheint mir, dass die Lösung hier ein Textfeld ist, das Leerzeichen akzeptiert (so können Sie 19 Zeichen eingeben und auch gegenüber anderen Zahlenformaten belastbar sein). Beheben Sie das Problem beim Parsen, ohne den Benutzer zu belasten. Wenn Sie auch Bindestriche akzeptieren möchten, ist dies in Ordnung. Da Bindestriche jedoch nicht auf der Karte enthalten sind, sollten Sie sie auch nicht benötigen (Benutzer erwarten dies nicht).

2
Monica Cellio