Ein hilfreiches Kontaktformular fragt die Informationen ab, die Ihr Team für eine Antwort benötigt, erklärt die nächsten Schritte und hilft Besuchern, Fehler zu beheben. Prüfen Sie vor der Abnahme eines neuen Formulars den gesamten Anfrageprozess: Angaben eingeben, einen Fehler korrigieren, eine eindeutige Bestätigung erhalten und die Anfrage am vereinbarten Ziel vorfinden.
Diese Checkliste für Website-Kontaktformulare richtet sich an Unternehmen, die eine Dienstleistungswebsite beauftragen oder prüfen. Sie hilft dabei, aus „ein Kontaktformular hinzufügen“ konkrete Entscheidungen zu machen, die ein Dienstleister umsetzen und vorführen kann. Welche Felder und Zustellwege geeignet sind, hängt davon ab, wie Ihr Unternehmen Anfragen bearbeitet.
1. Anfrage und nächste Handlung festlegen
Beginnen Sie mit der Frage, die das Formular beantworten soll. Möchte jemand mehr über eine Dienstleistung erfahren, ein Angebot anfordern oder ein Problem melden? Diese Abläufe können unterschiedliche Informationen und Zielstellen erfordern. Ein allgemeines Anfrageformular sollte nicht ohne klaren Grund nebenbei zu einem Bewerbungsformular, einem Buchungssystem oder einem Support-Ticket-Prozess werden.
Beschreiben Sie den Zweck in einem Satz und benennen Sie dann die Person oder das Team, das die Anfrage liest. Beschreiben Sie die nächste Handlung: per E-Mail antworten, ein Telefonat vereinbaren oder um ein Projektbriefing bitten. Leiten Sie daraus rückwärts ab, was beim Erstkontakt erforderlich ist. Wenn niemand ein Feld zum Weiterleiten oder Beantworten der Anfrage nutzt, sollten Sie es entfernen oder die Information später erheben.
Wecken Sie neben dem Formular realistische Erwartungen. Erklären Sie, welche Art von Anfrage es annimmt und wie das Unternehmen antwortet. Nennen Sie eine Antwortfrist nur, wenn Ihr Team sie einhalten kann. Ein Formular mit der Aufschrift „Jetzt buchen“ sollte nicht lediglich eine unbestätigte Anfrage per E-Mail versenden; Schaltfläche und Bestätigung sollten den tatsächlichen Vorgang beschreiben.
Erstkontakt und Qualifizierung trennen
Ein Besucher kennt möglicherweise sein Budget, seinen Zeitplan oder seine technischen Anforderungen noch nicht. Entscheiden Sie, welche offenen Punkte Ihr Team tatsächlich an einer Antwort hindern. Wenn eine Auswahl die Weiterleitung der Anfrage erleichtert, bieten Sie eine passende Option wie „Noch nicht sicher“ an. Heben Sie detaillierte Fragen zur Bedarfsklärung für ein späteres Gespräch auf, wenn ein Besucher mehr Kontext braucht, um sie zu beantworten.
2. Jedem Feld einen klaren Zweck geben
Nutzen Sie die folgende Arbeitshilfe bei der Prüfung des vorgeschlagenen Formulars. Sie ist ein Beispiel für eine Dienstleistungsanfrage mit Antwort per E-Mail, weder ein allgemeiner Mindeststandard noch eine Aufforderung, alle sechs Angaben zu erheben. Kennzeichnen Sie jedes ausgewählte Feld als Pflichtfeld oder optional und halten Sie fest, wie das empfangende Team es nutzen wird. Machen Sie diese Entscheidungen auch in der Benutzeroberfläche sichtbar.
| Mögliches Feld | Grund für die Aufnahme | Frage vor der Festlegung als Pflichtfeld |
|---|---|---|
| E-Mail-Adresse | Dem Team einen Antwortweg geben | Ist E-Mail der zugesagte Antwortkanal? |
| Name | Die Person in der Antwort ansprechen | Ist für die erste Antwort wirklich der vollständige amtliche Name erforderlich? |
| Nachricht oder Projektzusammenfassung | Die Anfrage in den eigenen Worten des Besuchers verstehen | Würde eine kurze Hilfestellung den Einstieg erleichtern? |
| Auswahl der Dienstleistung | Anfragen an das richtige Team weiterleiten | Können Besucher „Noch nicht sicher“ wählen oder einen anderen Bedarf beschreiben? |
| Telefonnummer | Eine vereinbarte telefonische Antwort ermöglichen | Kann das Team auch ohne Anruf antworten? |
| Budget oder Zeitrahmen | Praktische Rahmenbedingungen des Projekts erkennen | Lassen sich diese Angaben nach dem Erstkontakt besprechen? |
Prüfen Sie einschränkende Regeln ebenso sorgfältig wie die Feldliste. Namen können Leerzeichen, Akzente oder Satzzeichen enthalten; internationale Telefonnummern können eine Landesvorwahl haben. Lehnen Sie plausible Angaben nicht ab, nur weil ein Prototyp mit einem einzigen Beispiel getestet wurde. Bitten Sie den Dienstleister, Längenbegrenzungen und zulässige Formate in verständlicher Sprache zu erklären.
Fragen Sie bei einer allgemeinen Anfrage keine Passwörter, Zahlungsdaten oder sensiblen Dokumente ab. Sind Uploads erforderlich, legen Sie deren Umfang ausdrücklich mit dem zuständigen technischen Team fest, einschließlich erlaubter Dateitypen, Größenbeschränkungen, Speicherung und Zugriff. Ein Dateifeld bringt zusätzliche Verantwortlichkeiten mit sich, die bei einer einfachen Textanfrage nicht bestehen. Erläutern Sie die relevante Datenverarbeitung in den passenden Datenschutzhinweisen der Website, statt betriebliche Details in einem vage formulierten Kontrollkästchen zu verstecken.
3. Beschriftungen und mobile Eingabe benutzerfreundlich gestalten
Jedes Feld braucht eine eindeutige Beschriftung, die während der Eingabe verfügbar bleibt. Platzhalterbeispiele können ein Format erklären, doch verschwindender Platzhaltertext sollte nicht die einzige Beschriftung sein. Das Formular-Tutorial des W3C empfiehlt Beschriftungen, Anleitungen, eine geeignete Struktur und Rückmeldungen, damit Formulare leichter verständlich und bedienbar werden. Fordern Sie diese Grundlagen im Briefing ein, statt sich allein auf eine ansprechende Optik zu verlassen.
Verwenden Sie konkrete Beschriftungen wie „E-Mail-Adresse“ und „Wie können wir helfen?“ statt interner Unternehmensbegriffe. Platzieren Sie hilfreiche Hinweise vor der Handlung, die sie erklären. Gibt es für eine Nachricht eine Längenbegrenzung oder erwartet ein Telefonfeld ein bestimmtes Format, zeigen Sie diese Information dort, wo sie benötigt wird. Ob eine Angabe verpflichtend oder optional ist, sollte auch ohne die Deutung von Farben verständlich sein.
Prüfen Sie das vorgeschlagene Formular auf einem schmalen Smartphone-Bildschirm. Beschriftungen sollten sauber umbrechen, Felder in die Seite passen und die Bildschirmtastatur die nächste Handlung nicht unerreichbar machen. Bitten Sie den Entwickler, geeignete Eingabetypen und Hinweise zum automatischen Ausfüllen zu verwenden. MDN erklärt, wie das Attribut autocomplete dem Browser die erwarteten Informationen beschreibt. Das tatsächliche Verhalten beim automatischen Ausfüllen hängt weiterhin vom Browser und den gespeicherten Nutzerinformationen ab.
Gehen Sie mit der Tastatur alle Bedienelemente in einer sinnvollen Reihenfolge durch, einschließlich aller Kontrollkästchen, Hilfelinks und der Absenden-Schaltfläche. Der aktuelle Fokus sollte sichtbar sein. Nehmen Sie einen Screenreader-Test in die vereinbarte Prüfung der Barrierefreiheit auf, damit Beschriftungen und Rückmeldungen nicht nur nach ihrem Aussehen bewertet werden. Eine bestandene Sichtprüfung oder ein einzelner automatisiert ermittelter Wert belegt keine vollständige Barrierefreiheit.
4. Fehler und ihre Behebung vor dem Idealfall planen
Lassen Sie sich ein leeres Pflichtfeld, eine falsch formatierte E-Mail-Adresse und einen Sendevorgang zeigen, der nicht abgeschlossen werden kann. Das sind unterschiedliche Situationen, die nicht alle dieselbe Meldung „Etwas ist schiefgelaufen“ auslösen sollten. Rückmeldungen zu Feldern sollten deutlich machen, was korrigiert werden muss, und eine hilfreiche Korrekturanweisung geben, etwa die Bitte um eine E-Mail-Adresse im erwarteten Format.
Behalten Sie nach einem Fehler Angaben bei, die die Person nicht erneut eingeben müssen sollte, soweit die technische Umsetzung dies sicher ermöglicht. Machen Sie das Problem leicht auffindbar, ohne sich allein auf eine rote Umrandung zu verlassen. Die W3C-Empfehlungen zu Formularmeldungen erklären verständliche übergreifende Rückmeldungen und Hinweise direkt an den Feldern, einschließlich der Erfolgsbestätigung. Bei der Prüfung sollte sichergestellt werden, dass Rückmeldungen sowohl sichtbar als auch für assistive Technologien zugänglich sind.
Vereinbaren Sie, was bei einer langsamen Reaktion geschieht. Die Oberfläche sollte anzeigen, dass die Übermittlung läuft, und wiederholtes Auslösen gezielt behandeln. Ist das Ergebnis unklar, fordern Sie Besucher nicht dazu auf, weiterzuklicken, bis etwas passiert. Geben Sie ihnen einen verständlichen nächsten Schritt und einen zum Unternehmen passenden alternativen Kontaktweg.
Prüfungen im Browser helfen Nutzern, Eingaben schnell zu korrigieren, bilden aber nicht die gesamte Umsetzung ab. MDN unterscheidet zwischen clientseitiger Validierung und den ebenfalls erforderlichen serverseitigen Prüfungen. Bitten Sie den Dienstleister, die in Ihrem Leistungsumfang enthaltene serverseitige Validierung, den Missbrauchsschutz und die Fehlerbehandlung zu beschreiben. Betrachten Sie ein Pflichtfeld-Sternchen oder die Prüfung des E-Mail-Formats nicht als Sicherheitsnachweis.
5. Bestätigung, Zustellung und Antwort unterscheiden
Eine Erfolgsmeldung sollte den tatsächlich erreichten Bearbeitungsstand beschreiben. Die Annahme durch den Formulardienst, der Eingang im Team-Postfach und die Antwort eines Menschen sind separate Ereignisse. Fragen Sie den Dienstleister, was geschehen muss, bevor die Website Erfolg meldet, wo die Anfrage gespeichert oder wohin sie weitergeleitet wird und wie das zuständige Team ein Zustellproblem bemerkt.
Wählen Sie das Ziel bewusst. Halten Sie das Postfach oder System, die im Unternehmen dafür verantwortliche Person und einen Ersatzkontakt für betriebliche Probleme fest. Klären Sie, wer das Konto und gegebenenfalls erforderliche Abonnements verwaltet. Werden Anfragen an mehrere Personen kopiert, vereinbaren Sie, wer antwortet, damit Besucher keine widersprüchlichen Antworten erhalten.
Entscheiden Sie, ob Besucher eine Eingangsbestätigung per E-Mail erhalten. Ist sie vorgesehen, prüfen Sie Betreff, Absender, Sprache und Wortlaut als eigenen Bestandteil der Lieferung. Sie sollte keinen bestätigten Termin und kein vereinbartes Projekt versprechen, sofern das System dies nicht tatsächlich angelegt hat. Planen Sie spätere Marketingabläufe getrennt von der unmittelbaren Antwort auf eine Anfrage.
Ein hypothetisches Beispiel aus einer Beratung
Stellen Sie sich ein Beratungsunternehmen vor, das per E-Mail antwortet. Es wählt ein E-Mail-Feld und eine kurze Nachricht sowie einen optionalen Namen und eine optionale Dienstleistungsauswahl. Die Vorschau kennzeichnet ein ungültiges E-Mail-Format deutlich und behält die Nachricht nach der Korrektur bei. In einer vereinbarten Testumgebung erreicht die angenommene Anfrage das festgelegte Ziel des Teams, und die Bestätigung erklärt den nächsten Schritt. Dies veranschaulicht eine Abnahmemethode und ist kein Bericht über ein Kundenergebnis.
6. Einen sicheren Abnahmetest mit Nachweisen vereinbaren
Erstellen Sie vor dem Start einen kleinen Testplan. Benennen Sie die Vorschau- oder Testumgebung, freigegebene Testadressen und vorgesehene Ziele. Nutzen Sie erfundene Testinhalte und stimmen Sie Testnachrichten mit dem empfangenden Team ab. Übermitteln Sie keine echten Kundendaten, legen Sie keine unbeabsichtigten Termine an und versenden Sie keine überraschenden Nachrichten, nur um zu prüfen, ob die Schaltfläche funktioniert.
Prüfen Sie eine gültige Anfrage, fehlende Pflichtangaben, einen Formatfehler, eine langsame oder fehlgeschlagene Reaktion und wiederholtes Auslösen. Berücksichtigen Sie lange Texte, Zeichen mit Akzenten, Tastaturnavigation und einen schmalen mobilen Anzeigebereich. Prüfen Sie bei mehrsprachigen Formularen Beschriftungen, Validierung, Bestätigung und gegebenenfalls Eingangsbestätigung in jeder unterstützten Sprache; allein die Übersetzung der Seitenüberschrift vervollständigt den Ablauf nicht.
Halten Sie fest, was jede Prüfung tatsächlich belegt. Ein Screenshot zeigt die angezeigte Rückmeldung. Ein nachgewiesener Testeingang am vereinbarten Ziel zeigt, dass genau diese Anfrage angekommen ist. Beides beweist nicht, dass jede künftige Nachricht zugestellt oder beantwortet wird. Speichern Sie getestete Version, Datum, Szenario, Ergebnis und offene Probleme, damit die Entscheidung zum Start auf Nachweisen beruht, die das Team später erneut prüfen kann.
Ordnen Sie jedem ungelösten Problem eine verantwortliche Person und eine nächste Handlung zu. Vereinbaren Sie, welche Probleme den Start verhindern, etwa ein fehlender Antwortweg oder eine irreführende Erfolgsmeldung. Dokumentieren Sie, wie spätere Fehler gemeldet werden und wer das Ziel nach Änderungen an Konten oder Integrationen prüft. Dies ist eine praktische Betriebsvereinbarung, keine Verpflichtung zum Kauf eines bestimmten Überwachungsprodukts.
7. Den gesamten Ablauf ins Website-Briefing aufnehmen
Ihr Formularbriefing sollte nun Zweck, Felder, Antwortkanal, Beschriftungen, Fehlerzustände, Bestätigungstext, Zustellziel und Abnahmeprüfungen enthalten. Ergänzen Sie diese Entscheidungen im Website-Projektbriefing, bevor Design und Entwicklung beginnen. Sollen Anfragen in einen Vertriebsprozess einfließen, nutzen Sie den separaten Leitfaden zur CRM-Automatisierung, um diesen nachgelagerten Prozess zu planen.
Prüfen Sie vor der Abnahme, ob Besucher den vorgesehenen Ablauf abschließen, Fehler beheben und den nächsten Schritt verstehen können. Überprüfen Sie das vereinbarte Ziel mit einem abgestimmten Test und bewahren Sie die Betriebshinweise zusammen mit den Unterlagen zur Website-Übergabe auf. Zu einem funktionierenden Formular gehören sowohl eine bedienbare Oberfläche als auch eine klare betriebliche Verantwortung für die Anfrage.
Bei Digital Studio beginnt die Website-Erstellung bei EUR 2.190 für eine einmalige Umsetzung von bis zu fünf Seiten mit bereitgestellten Inhalten, responsivem Design, SEO-Grundlagen, einem Anfrageformular und Veröffentlichung auf Ihrer Domain. Bedingte Formulare, Uploads, Buchungsabläufe, CRM-Anbindungen und laufende Überwachung sollten für Ihr Projekt besprochen und vereinbart werden; diese Checkliste erweitert das veröffentlichte Paket nicht um diese Leistungen. Beschreiben Sie Ihre Website und die Anforderungen an Anfragen, damit der benötigte Ablauf vor Arbeitsbeginn abgegrenzt werden kann.
