Design & UX

Feldprüfung

Die Feldprüfung ist die Kontrolle einer Formulareingabe in dem Moment, in dem der Besucher das Feld verlässt, mit einer Meldung direkt unter dem Feld, die den Fehler beim Namen nennt und das erwartete Format zeigt.

Die Feldprüfung ersetzt die Sammelmeldung beim Absenden und ist am Smartphone neben [[eingabemodus|Eingabemodus]] und [[pflichtfeld|Pflichtfeldern]] die Stelle, an der sich der [[formularabbruch|Formularabbruch]] entscheidet.

In einfachen Worten

Auf dem großen Bildschirm liegt das Formular vollständig vor dem Besucher, und eine markierte Stelle fällt sofort auf. Auf dem Telefon passen nur wenige Felder in die Anzeige; nennt die Meldung den Ort des Fehlers nicht, beginnt die Suche durch mehrere Bildschirmhöhen. Daraus folgen vier Regeln für die Prüfung. Die Prüfung läuft, sobald der Besucher ein Feld verlässt, nicht erst beim Absenden und nicht bei jedem Tastendruck; wer schon beim ersten Buchstaben einer Mailadresse auf das fehlende @ hingewiesen wird, fühlt sich beim Schreiben unterbrochen. Die Meldung steht unmittelbar unter dem betroffenen Feld, im Blickfeld und in der Nähe des Daumens, und schickt der Besucher das Formular mit einem Fehler ab, führt die Seite ihn zum ersten betroffenen Feld zurück und öffnet dort gleich die Tastatur. Die Meldung beschreibt, was nicht stimmt, und zeigt an einem Beispiel, wie die Angabe aussehen soll; Ein farbiger Rand reicht als Hinweis nicht aus, denn im Freien oder bei Rot-Grün-Schwäche ist er kaum zu erkennen, und die Meldung wird für Hilfsmittel mit dem Feld verknüpft, damit ein Fokus-Indikator auf dem Feld auch die Meldung mitliefert. Und die Eingaben bleiben nach einem Fehler, nach einem Wechsel in eine andere App und nach der Rückkehr erhalten. Die Prüfung selbst ist großzügig: Eine Telefonnummer wird in jeder gängigen Schreibweise angenommen und erst beim Speichern bereinigt.

Wozu brauche ich das?

Die Feldprüfung gehört in jedes Formular mit Formatfeldern und Pflichtangaben, besonders dort, wo Besucher am Smartphone ausfüllen: Anfrage, Rückruf, Bewerbung, Bestellung. Sie ist die Maßnahme mit der größten Wirkung auf die Abbrüche nach einem Fehler, weil sie den Besucher an der Stelle abholt, an der er gerade ist.

Beispiel aus der Praxis

Ein Maschinenbauer erhält über sein Anfrageformular am Smartphone kaum Anfragen, obwohl die Seite häufig aufgerufen wird. Nach dem Abschicken steht am Kopf der Seite ein roter Sammelhinweis, der kein Feld nennt; der Besucher scrollt, findet nichts und gibt auf. Nach der Umstellung meldet das Formular einen Fehler unter dem Feld, sobald es verlassen wird, nennt das erwartete Format mit Beispiel, öffnet über den Eingabemodus die passende Tastatur und springt beim Absenden zum ersten fehlerhaften Feld. Die Abbrüche nach einem Fehler gehen zurück, und die Anfragen vom Smartphone nehmen zu.

Wirtschaftlicher Nutzen

Eine gute Feldprüfung rettet die Besucher, die bereits fast fertig sind, und das sind die wertvollsten: Sie haben ihr Anliegen beschrieben und ihre Daten eingegeben. Sie senkt den Formularabbruch an der Stelle, an der er am meisten kostet. Der Aufwand liegt in der Logik je Feld und in Meldungstexten mit Beispiel; er fällt einmal an und wirkt bei jeder Anfrage.

Typische Fehler

  • Erst beim Absenden prüfen und eine Sammelmeldung am Seitenanfang anzeigen.
  • Bei jedem Tastendruck prüfen und Fehler melden, bevor die Eingabe abgeschlossen ist.
  • Meldungen wie „Ungültige Eingabe" ohne Angabe, was fehlt und wie es richtig aussieht.
  • Den Fehler nur durch einen roten Rahmen kennzeichnen.
  • Das Formular nach einem Fehler leeren.

Worauf achten?

  • Prüfung beim Verlassen des Felds, Meldung direkt darunter, Wortlaut mit Beispiel.
  • Beim Absenden zum ersten fehlerhaften Feld springen und den Fokus setzen.
  • Meldung technisch mit dem Feld verknüpfen, damit Hilfsmittel sie vorlesen.
  • Formate großzügig annehmen und erst beim Speichern bereinigen.
  • Eingaben über Fehler und App-Wechsel hinweg erhalten.

Häufig gestellte Fragen

Was ist eine Feldprüfung?

Die Kontrolle einer Formulareingabe beim Verlassen des Felds, mit einer Meldung direkt darunter, die den Fehler beim Namen nennt und das erwartete Format zeigt.

Wann sollte ein Formular die Eingabe prüfen?

Sobald der Besucher ein Feld verlässt. Eine Prüfung erst beim Absenden zwingt zum Zurückscrollen, eine Prüfung bei jedem Tastendruck meldet Fehler, bevor die Eingabe fertig ist.

Wie sollte eine Fehlermeldung formuliert sein?

Kurz, mit Nennung des Felds, des Fehlers und der richtigen Form, etwa mit einem Beispiel für das erwartete Format. Farbe unterstützt die Meldung, trägt sie aber nicht allein.