Bezahl Formulare richtig gestalten

Die richtige Gestaltung von Formularen ist eh schon schwierig genug, wenn es aber um die Gestaltung von Formularen zum Bezahlen geht wird es richtig knifflig.

Der folgende Tweet zeigt ein kurzes Video wie man ein Kreditkarten-Formular gestalten kann.

Was mich in Deutschland immer nervt sind schlecht gemachte Formulare für überweisungen. Je nach Bank oder Online Shop sind die Felder Bankleitzahl und Kontonummer anders positioniert. Die Feldlänge des Formulars wird zu genau geprüft dadurch kann nicht einfach die Konto- & Bank-Nummer aus einem PDF rauskopieren weil diese noch nach dem Schema XXX-XXX-XX aufgebaut sind.

Einfach mal selber ein paar Tests machen würde schon helfen. Hier eine Kurz Formular Checkliste:

  • Lassen sich Kontonummer, Bankleitzahl, Kreditkartennummer per Cut & Paste einfügen? Auch wenn diese Leerzeichen, Bindestriche oder sonstige Sonderzeichen enthalten?
  • Kann man durch drücken der Tab-Taste von einem Formularfeld zum nächsten springen? Wenn nicht haben alle Felder einen Tabindex im HTML Code?
  • Haben die Felder im HTML-Code Deutsche Bezeichnungen um auch eine Accessibility für Blinde zu haben? Sind die Bezeichnungen gänging damit im Browser Auto-Fill funktioniert?
 

Schreibe einen Kommentar