Anleitungen und Tutorials · Anleitung
Kontaktformular planen: Welche Felder sind wirklich sinnvoll?
Ein gutes Kontaktformular macht den ersten Schritt leicht und hilft Ihrem Team, Anfragen richtig einzuordnen. Entscheidend ist nicht die Zahl der Felder, sondern ihr Zweck.
Diese Anleitung führt von der Auswahl notwendiger Angaben bis zum Test auf Mobilgeräten. Eine lokale Demo hilft, ein passendes Feldset zusammenzustellen; sie speichert oder versendet nichts.
Ziel und Umfang zuerst festlegen
Ein Kontaktformular ist kein möglichst langer Fragebogen. Es soll eine konkrete nächste Handlung ermöglichen und genau jene Angaben erfassen, die für eine erste Antwort nötig sind. Klären Sie vor dem Aufbau, wer die Anfrage bearbeitet, welche Antwort vorbereitet werden soll und ob ein Formular gegenüber einer direkt sichtbaren Kontaktmöglichkeit Vorteile bietet. Ein einfaches Ziel führt meist zu einer übersichtlichen Eingabe und weniger Abbrüchen.
Trennen Sie Erstkontakt und spätere Projektaufnahme. Für eine unverbindliche Anfrage genügt oft eine kurze Beschreibung. Detailangaben zu Umfang, Budget, internen Abläufen oder persönlichen Umständen können später gezielt besprochen werden. Fragen Sie keine sensiblen Informationen ab, wenn sie für die erste Kontaktaufnahme nicht erforderlich sind. Weniger Daten bedeuten auch weniger Informationen, die intern geschützt und verwaltet werden müssen.
| Feld | Mögliche Notwendigkeit | Status | Datenschutzfrage |
|---|---|---|---|
| Name | Anrede und Zuordnung | Erforderlich, falls nötig | Braucht es den vollständigen Namen? |
| E Mail | Antwort auf Anfrage | Erforderlich bei Antwort per E Mail | Wird die Adresse nur für diesen Zweck verwendet? |
| Telefon | Rückruf erwünscht | Freiwillig | Ist ein Anruf tatsächlich nötig? |
| Unternehmen | B2B Kontext | Freiwillig | Kann die Anfrage ohne diese Angabe bearbeitet werden? |
| Leistung | Anfrage zuordnen | Freiwillig oder erforderlich | Ist die Auswahl verständlich und ausreichend? |
| Freitext | Individuelle Erläuterung | Freiwillig | Weisen Sie auf keine sensiblen Daten hin? |
Felder verständlich und sparsam wählen
Name und E Mail sind häufig ausreichend, wenn eine schriftliche Antwort vorgesehen ist. Prüfen Sie, ob Sie tatsächlich Vor- und Nachname getrennt benötigen. Ein einziges Namensfeld kann die Eingabe erleichtern. Die E Mail Adresse sollte als solche beschriftet sein; ein Beispiel im Platzhalter ersetzt keine dauerhaft sichtbare Bezeichnung. Falls Sie eine Rückmeldung per Telefon anbieten, machen Sie klar, dass die Telefonnummer optional ist oder in welchen Fällen sie gebraucht wird.
Ein Feld für Unternehmen ist sinnvoll, wenn die Anfrage zwingend einen geschäftlichen Kontext hat. Bei gemischter Kundschaft sollte es nicht ohne Grund Pflicht sein. Eine Auswahl der gewünschten Leistung hilft beim internen Sortieren, sofern die Optionen aktuell, eindeutig und nicht zu zahlreich sind. Eine Auswahl «Sonstiges» mit optionalem Freitext kann fehlende Fälle auffangen. Formulieren Sie den Freitext als Einladung, nicht als Aufforderung, vertrauliche Angaben einzutragen.
Dateiuploads erhöhen Aufwand und Verantwortung. Fügen Sie sie nur ein, wenn ein Dokument bereits beim ersten Kontakt unverzichtbar ist. Überlegen Sie, ob Sie stattdessen nach der ersten Prüfung einen geeigneten Übermittlungsweg vereinbaren. Benennen Sie erlaubte Dateitypen und Grössenbegrenzungen nur, wenn diese in der tatsächlichen Umsetzung festgelegt sind. Erfinden Sie keine technische Zusage. Prüfen Sie ausserdem, wer hochgeladene Dateien sehen kann, wie lange sie benötigt werden und wann sie gelöscht werden.
Bevor Sie ein Feld ergänzen, fragen Sie, welche konkrete Entscheidung die Antwort unterstützt. Wenn keine Person diese Angabe bei der Bearbeitung nutzt, gehört sie wahrscheinlich nicht in den ersten Schritt. Ein internes Bedürfnis nach möglichst vollständigen Datensätzen ist kein ausreichender Grund, Besucherinnen und Besucher zu zusätzlichen Angaben zu verpflichten. Prüfen Sie auch, ob dieselbe Information bereits an anderer Stelle zuverlässig verfügbar ist.
Aufbau, Fehlermeldungen und Bedienung
Ordnen Sie die Felder in der Reihenfolge, in der eine Person sie beantworten kann: Kontaktweg, Anfrageart und kurze Ergänzung. Erklären Sie Pflichtfelder vor dem Absenden und kennzeichnen Sie sie konsistent. Bei einem mehrstufigen Formular sollte jede Stufe einen klaren Zweck haben. Zeigen Sie an, wie viele Schritte folgen, ermöglichen Sie die Rückkehr zu vorherigen Angaben und vermeiden Sie, dass Eingaben beim Wechsel verloren gehen. Für eine kurze Anfrage ist ein einziger übersichtlicher Schritt oft angemessener.
Fehlermeldungen müssen konkret sagen, was zu korrigieren ist. «Bitte geben Sie eine gültige E Mail Adresse ein» ist hilfreicher als «Fehler». Der Hinweis gehört nahe zum betreffenden Feld und soll auch mit assistiven Technologien wahrnehmbar sein. Nach dem Absenden soll eine gut erkennbare Bestätigung erscheinen. Beschreiben Sie sachlich, ob die Anfrage übermittelt wurde, und nennen Sie einen alternativen Kontaktweg, falls die Übermittlung scheitert. Behaupten Sie keine Antwortfrist, die nicht verbindlich organisiert ist.
Testen Sie das Formular auf einem schmalen Smartphone und mit vergrösserter Darstellung. Felder brauchen verständliche Beschriftungen, genügend Abstand und eine passende Bildschirmtastatur. Prüfen Sie die Bedienung ausschliesslich mit der Tastatur: Fokus muss sichtbar sein, die Reihenfolge logisch und alle Schaltflächen erreichbar. Die HTML Validierung kann Eingaben früh prüfen, ersetzt aber keine klare Nutzerführung und keine serverseitige Prüfung. MDN erläutert die Formularvalidierung und ihre Grenzen.
Schutz und interner Ablauf gehören zum Formular
Ein Datenschutzhinweis soll in verständlicher Sprache erklären, welche Angaben für welchen Zweck erfasst werden und wo weitere Informationen zu finden sind. Ein Kontrollkästchen ist nicht automatisch für jede Anfrage erforderlich; klären Sie den passenden Ablauf für Ihren konkreten Zweck fachlich. Vermischen Sie die Anfrage nicht stillschweigend mit einem Newsletter oder einer anderen Nutzung. Fragen Sie nur die Einwilligung ab, die für einen klar bezeichneten Vorgang benötigt wird.
Spamschutz soll missbräuchliche Einsendungen reduzieren, ohne echte Besucherinnen und Besucher unnötig auszuschliessen. Prüfen Sie, ob die gewählte Lösung externe Dienste einbindet und welche Informationen dabei verarbeitet werden. Stellen Sie sicher, dass das Formular nicht allein durch schwer lesbare Bildrätsel bedienbar ist. Auch einfache Schutzmassnahmen müssen getestet und hinsichtlich ihrer Auswirkungen auf Zugänglichkeit und Datenbearbeitung beurteilt werden.
Eine interne Benachrichtigung sollte nur die für die Bearbeitung notwendigen Angaben enthalten. Beschränken Sie den Zugriff auf zuständige Personen und verwenden Sie persönliche Konten mit geeigneten Zugriffsrechten statt gemeinsam genutzter Passwörter. Übergabe und Zuständigkeit müssen klar sein: Wer prüft neue Anfragen, wer vertritt diese Person und wie wird ein Ausfall bemerkt? Ein gut geplantes Formular nützt wenig, wenn Einsendungen in einem ungelesenen Postfach landen. Firmenmail ist eine separate Leistung und sollte nicht mit der Erstellung der Website gleichgesetzt werden.
- Name · erforderlich
- E Mail · erforderlich
- Nachricht · erforderlich
Besprechen Sie Ihr Vorhaben für eine Website mit einem passenden Kontaktformular.
Unverbindlich anfragenFormular vor dem Einsatz testen
Erstellen Sie zuerst einen einfachen Entwurf mit den vorgesehenen Feldern. Gehen Sie ihn danach aus Sicht einer Person durch, die Ihr Angebot nicht kennt. Sind Zweck und nächste Schritte erkennbar? Muss sie Begriffe aus Ihrem internen Projektalltag verstehen? Ein kurzes, klares Formular ist besser als eine Sammlung vorsorglicher Fragen, deren Antworten später womöglich niemand nutzt.
Vom Bedarf zum geprüften Formular
- Zweck festhalten
Notieren Sie, welche Entscheidung oder Antwort mit der ersten Einsendung möglich sein soll. Entfernen Sie Felder ohne direkten Bezug dazu.
- Ablauf probeweise durchspielen
Senden Sie eine Testanfrage ab, prüfen Sie Bestätigung und interne Benachrichtigung und kontrollieren Sie den Ablauf auf Mobilgerät und mit Tastatur.
Praktische Checkliste für die Planung
Formular planen und kontrollieren
Zum Abhaken · lokal, wird nicht gespeichert
0 von 27 Punkten erledigt
Der Weg einer Anfrage
Eine verständliche Darstellung des Datenflusses unterstützt die Planung: Eine Person gibt Angaben ein, das Formular prüft die Eingabe, die Website übermittelt sie an den vorgesehenen Speicherort und die zuständige Stelle erhält eine Benachrichtigung. Jeder Übergang braucht einen klaren Zweck. Prüfen Sie insbesondere, welche Systeme beteiligt sind und ob eine Benachrichtigung mehr Daten enthält als erforderlich.
Legen Sie den tatsächlichen Ablauf offen und stimmen Sie ihn mit der technischen Umsetzung ab. Ein Formular kann auf der Website sichtbar sein, während die Bearbeitung über ein separates Postfach erfolgt. Dokumentieren Sie, wer Änderungen an Feldern oder Empfängern freigibt. So bleiben Inhalt, Technik und Zuständigkeit miteinander verbunden, statt nach der Veröffentlichung auseinanderzulaufen.
Zusammenfassung
- Erfassen Sie nur Angaben, die für eine erste Antwort erforderlich sind.
- Machen Sie Pflichtfelder, Datenschutzhinweise und nächste Schritte verständlich.
- Testen Sie Formular, Benachrichtigungen und Tastaturbedienung vor dem Einsatz.
- Klären Sie interne Zuständigkeiten und beschränken Sie Zugriffe.
Häufige Fragen
Welche Angaben gehören in ein einfaches Kontaktformular?
Häufig reichen Name, E Mail Adresse und eine kurze Nachricht. Fragen Sie weitere Angaben nur ab, wenn sie für die erste Bearbeitung gebraucht werden.
Muss eine Telefonnummer ein Pflichtfeld sein?
Nein, wenn eine Antwort per E Mail genügt. Machen Sie klar, ob ein Rückruf möglich ist und ob die Telefonnummer freiwillig bleibt.
Soll ein Kontaktformular Dateiuploads erlauben?
Nur wenn Dateien für die erste Anfrage wirklich notwendig sind. Klären Sie vorab Zugriff, zulässige Dateien und den Umgang mit den übermittelten Unterlagen.
Braucht es immer ein Kontrollkästchen zur Zustimmung?
Das hängt vom konkreten Zweck und Ablauf ab. Vermischen Sie die Anfrage nicht mit anderen Nutzungen und lassen Sie den passenden Hinweis fachlich prüfen.
Wie teste ich die Zugänglichkeit?
Bedienen Sie das Formular ohne Maus und prüfen Sie sichtbaren Fokus, logische Reihenfolge, Beschriftungen und verständliche Fehlermeldungen. Testen Sie zusätzlich auf mobilen Ansichten.
Quellen
- Using HTML form validation and the Constraint Validation API - HTML | MDNMDN · geprüft am 05.11.2026
- Sign-in form best practices | web.devweb.dev · geprüft am 05.11.2026
