Wer sein Kontaktformular optimieren möchte, sollte nicht nur die Zahl der Felder zählen. Eine Anfrage muss verständlich ausfüllbar sein, technische Fehler überstehen und beim richtigen Menschen ankommen. Gerade kleine Unternehmen merken einen Ausfall sonst erst, wenn auffällig lange niemand schreibt. Dieser Leitfaden verbindet die Gestaltung der Formularseite mit einem nachvollziehbaren Test bis zum Empfang.
Welche Aufgabe hat Ihr Kontaktformular?
Beginnen Sie mit dem nächsten Arbeitsschritt: Soll jemand einen Rückruf anfordern, einen Beratungstermin vorbereiten oder ein konkretes Projekt beschreiben? Ein Formular für alle denkbaren Anliegen wird schnell unübersichtlich. Für einen ersten Projektkontakt kann eine kurze Beschreibung reichen; technische Unterlagen lassen sich später gezielt anfordern.
Schreiben Sie für jedes Feld auf, wer die Antwort benötigt und was damit geschieht. Bleibt dieser Satz leer, ist das Feld möglicherweise verzichtbar. Die Telefonnummer muss beispielsweise nicht verpflichtend sein, wenn Ihr Team ohnehin per E-Mail antwortet. Eine Lieferadresse gehört nicht automatisch in eine unverbindliche Beratungsanfrage.
Die übergeordnete Abstimmung zwischen Angebot, Seitentext und Handlungsaufforderung behandelt unsere Landingpage-Checkliste für KMU. Hier konzentrieren wir uns auf den Moment, in dem ein Interessent tatsächlich Kontakt aufnehmen möchte.
Ein kleines Feldkonzept statt eines langen Fragebogens
Stellen Sie sich ein fiktives Architekturbüro vor: Eine Interessentin möchte einen Umbau besprechen, kennt aber weder die genaue Fläche noch den Genehmigungsstand. Ein verpflichtendes Detailbriefing würde sie bereits vor dem ersten Gespräch zu Angaben drängen, die sie noch nicht machen kann. Ein passendes Formular fragt stattdessen nach Kontaktmöglichkeit, Thema und einer kurzen Nachricht.
- Name: Wie soll das Team die Person ansprechen?
- E-Mail: Wohin darf die Antwort gehen?
- Thema: Nur sinnvoll, wenn es die Zuordnung tatsächlich erleichtert.
- Nachricht: Ein kurzer Hinweis erklärt, welche Informationen beim Einstieg helfen.
- Optionale Angaben: Klar als freiwillig kennzeichnen, statt ihren Zweck vorauszusetzen.
Das ist ein Arbeitsbeispiel, keine universelle Vorgabe für die perfekte Feldanzahl. Bei einer Reparaturanfrage können etwa Gerätetyp und Fehlerbild wichtiger sein. Entscheidend ist, welche Informationen das Unternehmen für eine sinnvolle erste Antwort benötigt.
Beschriftungen, Abstände und Bedienung prüfen
Geben Sie jedem Feld eine eindeutige Beschriftung und ordnen Sie diese im Code korrekt zu. Die W3C-Empfehlungen zur Formularbeschriftung erklären diese Verbindung. Ein bloßer Platzhalter im Eingabefeld ist kein guter Ersatz für eine dauerhaft erkennbare Feldbezeichnung. Sobald jemand schreibt, soll die Orientierung erhalten bleiben.
Prüfen Sie anschließend den tatsächlichen Bildschirm: Stehen Beschriftung, Eingabefeld und Erklärung sichtbar zusammen? Ist der Absende-Button vom Zurück-Link unterscheidbar? Passt die mobile Ansicht ohne seitliches Verschieben? Ein einspaltiges Formular ist für einen einfachen Erstkontakt ein gut prüfbarer Ausgangspunkt.
Gehen Sie das Formular außerdem mit der Tabulatortaste durch. Der sichtbare Fokus sollte eine nachvollziehbare Reihenfolge zeigen. Auf dem Smartphone darf die Bildschirmtastatur wichtige Rückmeldungen nicht dauerhaft verdecken. Solche Beobachtungen ersetzen keine vollständige Barrierefreiheitsprüfung, decken aber konkrete Bedienprobleme auf.
Fehlermeldungen müssen einen nächsten Schritt zeigen
„Ungültige Eingabe“ hilft wenig. „Bitte prüfen Sie Ihre E-Mail-Adresse, zum Beispiel name@firma.at“ nennt dagegen Feld und Korrekturmöglichkeit. Markieren Sie Probleme nicht allein mit einer roten Umrandung. Ein verständlicher Text gehört dazu; bereits korrekt ausgefüllte Angaben sollten erhalten bleiben.
Die W3C-Hinweise zu Formularrückmeldungen beschreiben sowohl feldbezogene Fehler als auch zusammenfassende Meldungen und Rückmeldungen nach erfolgreicher Eingabe. Dynamisch eingeblendete Hinweise müssen auch für assistive Technologien wahrnehmbar sein. Lassen Sie diese Umsetzung bei einem individuell programmierten Formular gezielt prüfen.
Der wichtigste Test endet im Posteingang
Eine grüne Erfolgsmeldung auf der Website beweist allein noch nicht, dass das zuständige Team die Anfrage erhalten hat. Dokumentieren Sie deshalb einen vollständigen Test mit abgesprochenen Testdaten. Nutzen Sie keine erfundenen Kundenanfragen, die intern als echte Verkaufschance weiterbearbeitet werden.
- Füllen Sie das öffentliche Formular mit einer eindeutig benannten Testanfrage aus.
- Notieren Sie Uhrzeit und Testkennung, ohne sensible Inhalte unnötig zu kopieren.
- Prüfen Sie die Meldung im Browser und gegebenenfalls den vorgesehenen gespeicherten Eingang.
- Bestätigen Sie den Empfang im tatsächlich zuständigen Postfach oder System.
- Kontrollieren Sie, ob eine Antwort an die richtige Adresse möglich ist.
Fehlt die Nachricht, unterscheiden Sie zwischen Formularverarbeitung, Versand und Zustellung. Ein vom Versandsystem angenommener Auftrag ist noch keine Bestätigung des Empfängers. Beheben Sie zuerst die konkrete Unterbrechung, statt nur den Button umzubenennen oder ein zusätzliches Plugin zu installieren.
Eine Zuständigkeit für den laufenden Betrieb festlegen
Halten Sie fest, wer nach Änderungen an Formular, Versanddienst oder Website einen erneuten Test macht. Vereinbaren Sie außerdem einen betrieblich passenden Kontrollrhythmus. Bei einem Formular, über das wesentliche Anfragen eingehen, ist das Teil der Betreuung und keine einmalige Designaufgabe. Unsere Übersicht zur WordPress-Wartung ordnet solche Funktionstests in den laufenden Betrieb ein.
Eine hilfreiche interne Notiz enthält Formularadresse, zuständiges Team, erwarteten Empfangsweg und letzten erfolgreichen Test. Persönliche Nachrichteninhalte gehören nicht in eine frei zugängliche Testliste. So bleibt nachvollziehbar, was geprüft wurde, ohne unnötige Datenkopien zu erzeugen.
Ihr nächster Schritt
Wählen Sie das wichtigste Kontaktformular Ihrer Website und prüfen Sie drei Punkte: Sind alle Pflichtfelder für die erste Antwort nötig? Kann eine Person einen Eingabefehler selbst beheben? Ist eine Testanfrage nachweislich angekommen? Wenn dabei technische oder gestalterische Lücken sichtbar werden, lässt sich die Verbesserung gezielt in die Weiterentwicklung Ihrer Website aufnehmen.