Webdesign

Webformulare, die konvertieren: jedes gestrichene Feld ist eine Anfrage mehr

Am Formular verwandelt sich dein gesamter Traffic in Geschäft — oder er verschwindet. Und es ist fast immer der Teil der Website, den niemand überprüft hat: geerbte Felder, unverständliche Fehler und ein "Danke", das nichts sagt.

25. Mai 20226 Min. Lesezeit
In diesem Artikel
  1. Jedes Feld hat einen Preis, und du zahlst ihn in Anfragen
  2. Sichtbare Beschriftungen und verständliche Fehler
  3. Mobil entscheidet die richtige Tastatur alles
  4. Spam abwehren, ohne den Kunden zu bestrafen
  5. Was nach dem Absenden passiert, gehört zum Formular
  6. Wo landet eigentlich, was die Leute schreiben?
  7. Einwilligung und Daten: das Minimum, sauber gemacht
  8. Häufige Fragen

Du kannst das beste Design haben, den besten Text und Traffic im Überfluss. Fragt das Formular vierzehn Angaben ab und meldet "Fehler in Feld 3", ist all das bedeutungslos. Das Formular ist der Engpass der gesamten Website — und in fast jedem Projekt das Element mit der geringsten Aufmerksamkeit.

Die gute Nachricht: Es zu reparieren ist günstig, und die Wirkung ist sofort messbar. Du musst nichts neu gestalten. Du musst weglassen, den Rest ordnen und klar sagen, was danach passiert.

Jedes Feld hat einen Preis, und du zahlst ihn in Anfragen

Der Zusammenhang ist ziemlich direkt: mehr Felder, weniger Abschlüsse. Nicht weil sie schwierig wären, sondern weil jedes eine Mikroentscheidung ist — wozu wollen die das? rufen die mich an? — und angesammelte Mikroentscheidungen erzeugen Abbrüche.

Der Test, der die Diskussion beendet, lautet: Frag bei jedem Feld, was du ohne es anders machen würdest. Lautet die Antwort "nichts", fliegt das Feld raus. Meist trifft es Nachname, Firma, "Wie sind Sie auf uns aufmerksam geworden?" und das Länder-Dropdown, das niemand benutzt.

Felder je nach Formulartyp.
TypMinimal sinnvolle FelderWas meist überflüssig ist
Allgemeiner KontaktName, ein Kontaktweg, NachrichtNachname, Firma, Betreff, Telefon, wenn du schon die E-Mail abfragst
AngebotsanfrageKontakt + Art der Arbeit + Ort + ZeitrahmenExaktes Budget, technische Details, die er noch nicht kennt
Termin oder BuchungKontakt + Wunschtermin oder ZeitfensterAusführlicher Anlass, Angaben, die man besser persönlich klärt

Sichtbare Beschriftungen und verständliche Fehler

Den Text ins Feld statt darüber zu setzen wirkt elegant — bis der Nutzer zu tippen beginnt: Die Beschriftung verschwindet, und er weiß nicht mehr, was dort hingehörte. Passiert dann noch ein Fehler und er muss zurück, rät er. Beschriftungen gehören nach außen und bleiben sichtbar.

  • Beschriftung über dem Feld, nicht darin. Ein Platzhalter darf danebenstehen, aber sie nicht ersetzen.
  • Markiere das Optionale, nicht das Pflichtfeld. Ist fast alles Pflicht, ist es leiser, die Ausnahmen zu kennzeichnen.
  • Der Fehler steht am betroffenen Feld, nicht in einem roten Balken oben, den man erst entschlüsseln muss.
  • Sag, was erwartet wird, nicht dass etwas falsch ist: "Die E-Mail braucht ein @" statt "ungültiges Format".
  • Lösch nie das schon Eingetippte. Ein Formular, das sich beim Fehler leert, wird kein zweites Mal ausgefüllt.

Mobil entscheidet die richtige Tastatur alles

Die meisten deiner Formulare werden mit dem Daumen ausgefüllt. Dann zählen Dinge, die am Desktop unsichtbar sind: dass das Telefonfeld den Ziffernblock öffnet, das E-Mail-Feld das @ anbietet, die Autokorrektur den Namen nicht verstümmelt und der Absenden-Button nicht hinter der Tastatur verschwindet.

Jedes davon ist eine Zeile Code, und zusammen erklären sie einen großen Teil des Unterschieds zwischen einem ausgefüllten und einem auf halbem Weg abgebrochenen Formular. Teste deines auf deinem eigenen Handy, bevor du über irgendetwas anderes diskutierst.

Spam abwehren, ohne den Kunden zu bestrafen

Spam ist real und muss gestoppt werden, aber ein Captcha mit verschwommenen Ampeln ist eine Gebühr, die du der Person aufbürdest, die dich tatsächlich erreichen will. Mobil, bei schlechtem Empfang, ist es schlicht ein Ausgang.

Was nach dem Absenden passiert, gehört zum Formular

"Danke, Ihre Nachricht wurde gesendet" ist eine vertane Gelegenheit. Die Person hat gerade getan, worum du gebeten hast, und ist im Moment höchster Aufmerksamkeit — genau dann gehört gesagt, was sie erwarten kann.

  • Wann du antwortest: "noch heute" oder "innerhalb von 24 Arbeitsstunden".
  • Von welcher Adresse oder Nummer du schreibst, damit es nicht im Spam landet oder als unbekannter Anruf ignoriert wird.
  • Was sie in der Zwischenzeit tun kann: Referenzen ansehen, einen Leitfaden lesen, ein Foto per WhatsApp schicken.
  • Eine automatische Bestätigungsmail, die nebenbei beweist, dass die Adresse stimmte.

Und vor allem: halte die genannte Frist ein. Antwort in zwei Stunden zu versprechen und nach drei Tagen zu schreiben ist schlechter, als nichts zu versprechen — der erste Eindruck ist längst entstanden. Was das Ganze trägt, steht in was deine Website braucht, um zu verkaufen.

Wo landet eigentlich, was die Leute schreiben?

Das ist die Frage, die bei der Abnahme einer neuen Website fast niemand stellt — und die die meisten stillen Verluste verursacht. Ein Formular, das auf eine falsch konfigurierte Adresse zeigt oder im Spam-Ordner des Inhabers landet, kann monatelang Anfragen verschlucken, ohne dass es jemand merkt.

  • Teste das Formular selbst nach dem Livegang und danach alle paar Monate erneut.
  • Lass es an mehr als eine Person oder an ein gemeinsames Postfach gehen, nicht an die private Adresse dessen, der in den Urlaub fährt.
  • Sichere eine Kopie außerhalb der Mail: Läuft das Postfach voll oder wird geleert, ist die Anfragenhistorie weg.
  • Prüfe den Spam-Ordner des Empfängers: Dort landen viele Formularbenachrichtigungen.

Einwilligung und Daten: das Minimum, sauber gemacht

Wenn du personenbezogene Daten erhebst — und Name und E-Mail sind genau das — musst du sagen, wofür du sie nutzt, wie lange du sie speicherst und wie eine Löschung verlangt wird. Es braucht keine juristische Wand: Es braucht zwei ehrliche Zeilen neben dem Button, verlinkt auf die Datenschutzerklärung.

Und ein Kästchen, das nicht vorangekreuzt ist, wenn du die Person in einen Verteiler aufnimmst. Es für sie anzukreuzen spart einen Klick und kostet das Vertrauen jedes Einzelnen, dem es auffällt — und das sind mehr, als du denkst.

Häufige Fragen

Wie viele Felder sind zu viele?

Das hängt davon ab, worum die Person bittet. Bei allgemeinem Kontakt sind mehr als vier bereits viel. Bei einer Bauanfrage oder einem ernsten Antrag werden sieben oder acht akzeptiert, weil der Nutzer versteht, dass sie nötig sind. Die Regel ist keine Zahl: Jedes Feld muss sich durch etwas rechtfertigen, das du damit tatsächlich tust.

Funktionieren mehrstufige Formulare besser?

Sie funktionieren, wenn es wirklich viel abzufragen gibt, weil sie das Aufwandsgefühl senken und Fortschritt zeigen. Vier Felder auf drei Bildschirme zu verteilen ist aber schlechter, als sie auf einem zu lassen: Du fügst Klicks hinzu, ohne Arbeit zu entfernen. Setz sie ab acht bis zehn Feldern ein, nicht früher.

Gehört das Formular auf die Startseite?

Ein kurzes Formular auf der Startseite läuft meist gut, besonders bei Dienstleistungen. Was nicht funktioniert, ist ein langes Formular ganz oben, bevor irgendetwas erklärt wurde: Niemand gibt seine Daten an ein Unternehmen, dessen Angebot er noch nicht verstanden hat. Erst das Argument, dann die Frage.

Ersetzt WhatsApp das Formular?

Es ergänzt es. WhatsApp konvertiert besser, weil der Nutzer es ohnehin offen hat und sofortige Antwort erwartet — es hinterlässt aber keine geordnete Dokumentation und scheitert, wenn außerhalb der Zeiten niemand antwortet. Sinnvoll ist beides: WhatsApp für die Ungeduldigen, ein Formular für die, die um elf Uhr nachts schreiben.

Weiterlesen

Webdesign

Was deine Website braucht, um zu verkaufen (nicht nur, um gut auszusehen)

Es gibt makellose Websites, die keinen einzigen Kunden bringen, und einfache, die täglich verkaufen. Der Unterschied liegt nicht im Design, sondern in der Conversion-Struktur. Das sind die sieben Elemente, die ein Schaufenster von einer Verkaufsmaschine trennen.

26. Mai 20264 Min. Lesezeit
WebdesignPillar-Guide

Was kostet eine professionelle Website? Ein ehrlicher Preisguide

Zwischen "kostenlos" und "10.000 $" liegt ein Meer aus verwirrenden Angeboten. Dieser Guide legt reale Zahlen auf den Tisch: was jede Art von Website kostet, was in diesem Preis stecken sollte und wie du ein aufgeblähtes oder verdächtig billiges Angebot erkennst.

21. Juli 20266 Min. Lesezeit
Webdesign

Was ist eine Landing Page und wann solltest du eine nutzen?

Eine Landing Page verkauft immer nur eine Sache auf einmal. Eine Website trägt ein ganzes Unternehmen. Wer beides verwechselt, zahlt dafür — und das lässt sich leicht vermeiden, sobald klar ist, welche Frage jede der beiden beantwortet.

15. Februar 20224 Min. Lesezeit