Ein Kontaktformular wirkt auf den ersten Blick unscheinbar. Doch sobald es auf dem Smartphone zu eng wird, Fehlermeldungen unklar bleiben oder Felder ohne erkennbare Reihenfolge erscheinen, springen Besucher oft ab. Redaktionen, Vereine und kleine Unternehmen können solche Probleme vermeiden, wenn sie Formulare wie kurze Gespräche gestalten: mit verständlichen Fragen, gut lesbaren Abständen und einer Reihenfolge, die sich selbstverständlich anfühlt.
Für die technische Umsetzung helfen bootstrap klassen, wenn ein Formular auf verschiedenen Bildschirmgrößen verlässlich funktionieren soll. Entscheidend ist dabei nicht, möglichst viele Gestaltungselemente einzusetzen. Ein gutes Formular macht den nächsten Schritt klar und lässt unnötige Entscheidungen weg.
Mit der Frage beginnen, nicht mit dem Layout
Bevor jemand ein Eingabefeld anlegt, sollte feststehen, welche Information tatsächlich gebraucht wird. Für eine Rückmeldung reichen oft Name, E-Mail-Adresse und Nachricht. Wird zusätzlich nach Firma, Telefonnummer, Abteilung und bevorzugter Kontaktzeit gefragt, sollte es dafür einen konkreten Grund geben. Jedes weitere Feld kostet Aufmerksamkeit und kann Zweifel wecken, warum diese Angabe nötig ist.
Eine hilfreiche Methode ist, jede Frage mit einem Satz zu begründen. Kann das Team nicht erklären, wie eine Angabe bei der Bearbeitung hilft, gehört sie wahrscheinlich nicht ins Formular. So bleibt der Einstieg kurz, und die Redaktion erhält trotzdem das, was sie zur Antwort braucht.
Felder so ordnen, wie Menschen denken
Die Reihenfolge sollte der Situation der Person folgen. Wer eine Nachricht schreibt, möchte zuerst das Anliegen schildern und danach Kontaktdaten hinterlassen. Bei einer Anmeldung kann es sinnvoll sein, mit der Auswahl eines Termins zu beginnen. Gruppierungen helfen, wenn ein Formular mehrere Themen abdeckt, doch jede Gruppe braucht eine klare Überschrift.
Auf kleinen Displays ist eine einzige Spalte meist leichter zu überblicken als mehrere nebeneinanderliegende Felder. Das gilt besonders für lange Eingaben und Fehlermeldungen. Eine zweispaltige Anordnung kann auf großen Bildschirmen Platz sparen, sollte aber nicht dazu führen, dass die Lesereihenfolge unklar wird oder Eingaben auf dem Handy in einer unerwarteten Reihenfolge erscheinen.
Beschriftungen und Hinweise verständlich halten
Ein Platzhaltertext im Feld ersetzt keine dauerhafte Beschriftung. Sobald jemand zu tippen beginnt, verschwindet der Platzhalter oft. Eine sichtbare Feldbezeichnung bleibt dagegen Orientierung. Hinweise sollten direkt dort stehen, wo sie gebraucht werden: etwa ein Beispiel für das erwartete Datumsformat oder eine kurze Erklärung, welche Dateitypen angenommen werden.
Auch Pflichtfelder verdienen eine eindeutige Kennzeichnung. Statt alle Felder pauschal als verpflichtend zu behandeln, kann ein Formular nur die nötigen Angaben verlangen und optionale Felder ausdrücklich markieren. Das reduziert unnötige Fehlermeldungen und lässt Menschen besser einschätzen, wie viel Zeit die Eingabe kostet.
Fehler dort erklären, wo sie entstehen
Eine Meldung wie “Eingabe ungültig” hilft kaum weiter. Besser ist eine konkrete Erklärung: “Bitte geben Sie eine E-Mail-Adresse im Format name@beispiel.de ein.” Die Meldung sollte neben dem betroffenen Feld stehen und auch nach einer Korrektur verständlich bleiben. Bei mehreren Fehlern kann zusätzlich eine kurze Zusammenfassung am Anfang auf die betroffenen Stellen hinweisen.
Vor dem Versand lohnt sich ein einfacher Test mit typischen Situationen. Was geschieht, wenn ein Pflichtfeld leer bleibt? Wie sieht eine sehr lange Nachricht aus? Kann jemand das Formular nur mit der Tastatur ausfüllen? Solche Prüfungen decken Probleme auf, die beim schnellen Blick auf eine fertige Seite leicht verborgen bleiben.
Ein kleiner Prüfplan vor der Veröffentlichung
Ein Formular muss nicht kompliziert sein, um sorgfältig gebaut zu wirken. Eine kurze Kontrolle kann ein Team gemeinsam durchführen, bevor die Seite online geht:
- Jede Frage hat einen nachvollziehbaren Zweck.
- Die Feldbeschriftungen bleiben beim Tippen sichtbar.
- Pflichtangaben sind klar von optionalen Angaben zu unterscheiden.
- Fehlermeldungen nennen den nächsten konkreten Schritt.
- Die Reihenfolge bleibt auf dem Smartphone logisch.
- Das Formular lässt sich mit Tastatur und Bildschirmlesehilfe bedienen.
Nach der Veröffentlichung sollte das Team gelegentlich prüfen, ob die eingehenden Nachrichten tatsächlich alle benötigten Informationen enthalten. Häufen sich Rückfragen zu einem bestimmten Punkt, braucht das Formular vielleicht eine bessere Erklärung. Bleibt eine optionale Angabe stets leer, kann das Feld entfallen. So wird das Formular mit der tatsächlichen Arbeit gepflegt, statt mit der Zeit immer länger zu werden.