Formulare

Formulare sind die Bereiche einer Website, über die Besucher Daten eingeben und absenden. Das reicht von der Anfrage mit drei Feldern bis zur Bestellung mit Adresse und Zahlungsweg. Jedes Formular ist eine Hürde, die so niedrig wie möglich sein sollte.

Formulare

Bereiche einer Website, über die Besucher Daten eingeben und absenden.
Beispiel: „Das Formular fragt Name, E-Mail und Anliegen ab.“

Auch: Formular im Singular oder Webformular. In HTML steht dafür das form-Element, das die Felder zusammenfasst und beim Absenden überträgt.

Abgrenzung zur Formular-Validierung: Das Formular ist der Bereich mit den Feldern. Die Validierung prüft die Eingaben und meldet zurück, was fehlt oder nicht passt.

Jedes Feld kostet Abschlüsse

Die Zahl der Felder und die Zahl der abgeschickten Formulare hängen zusammen. Wir fragen deshalb nur ab, was für den nächsten Schritt gebraucht wird, und holen den Rest im Gespräch. Bei einer Erstanfrage sind das meist Name, eine Antwortadresse und das Anliegen.

Besonders teuer sind Pflichtfelder, deren Zweck unklar bleibt. Wer nach der Telefonnummer fragt, sollte dazuschreiben, wofür sie gebraucht wird, sonst bricht ein Teil der Besucher genau dort ab.

Beschriftungen gehören über das Feld

Eine Beschriftung, die als Platzhaltertext im Feld steht, verschwindet beim Tippen. Wer dann prüfen will, was in welches Feld gehörte, muss es leeren. Die Beschriftung gehört deshalb sichtbar über das Feld und bleibt dort stehen.

Technisch verbindet das label-Element die Beschriftung mit dem Feld. Das vergrößert nebenbei die Trefferfläche, weil ein Klick auf die Beschriftung den Fokus ins Feld setzt.

<form action="/anfrage/" method="post">
  <label for="mail">E-Mail-Adresse</label>
  <input id="mail" name="mail" type="email" autocomplete="email" required>

  <label for="text">Dein Anliegen</label>
  <textarea id="text" name="text" rows="5"></textarea>

  <button type="submit">Anfrage senden</button>
</form>

Was nach dem Absenden passiert

Der Besucher braucht eine Bestätigung, die sagt, dass die Nachricht angekommen ist und wann eine Antwort kommt. Eine Danke-Seite mit eigener Adresse ist dafür besser als ein kurzer Hinweis an derselben Stelle, weil sie sich messen und in der Werbung als Ziel angeben lässt.