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?

Axel Metayer berichtet seit 10 Jahren über Benutzerfreundlichkeit und Suchmaschinenoptimierung. Er hat über ein jahrzehnt Erfahrung im Aufbau erfolgreicher Webseiten und ist für die Gründung des Autoportals KfzNet bekannt. Er arbeitet als Berater für Onlinemarketing Themen und Vortragsredner in Hamburg.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

* Die Checkbox für die Zustimmung zur Speicherung ist nach DSGVO zwingend.

Ich akzeptiere

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.