Pflichtfelder kennzeichnen oder optionale Felder ausblenden?

So kennzeichnest du Pflichtfelder und blendest optionale aus, um Formular-Abbrüche zu senken und die Abschlussrate zu steigern, ohne Daten zu verlieren.

Entwurf

Jedes Feld, das du einem Formular hinzufügst, ist eine Entscheidung. Studien zeigen, dass jedes zusätzliche Pflichtfeld die Abschlussrate um 10 bis 15 % senkt. Aber wer weniger Daten abfragt, bekommt auch weniger Daten. Der Schlüssel für mehr Conversions ist nicht, Felder ganz zu entfernen. Er liegt darin, strategisch zu entscheiden, welche Felder du als Pflicht markierst, welche als optional und welche du ausblendest, bis sie relevant werden.

Was Pflichtfelder mit der Conversion-Rate machen

Wenn jemand auf deinem Formular landet, überfliegt er es in Sekunden. Nicht Wort für Wort. Er schaut, wie viele Felder es sind, wie viel er scrollen muss und ob die Anforderungen angemessen wirken.

Pflichtfelder senden ein Signal. Jedes sagt: „Das brauche ich von dir.“ Zwei oder drei Pflichtfelder wirken machbar. Sieben Pflichtfelder wirken wie eine Bewerbung. Der Unterschied bei den Abbruchraten ist nicht klein.

Schau dir einen beliebigen Checkout im Onlineshop an, dann siehst du das in der Praxis. Wenn das Feld für die Postleitzahl als optional markiert ist, die Lieferadresse aber als Pflicht, bleiben Kunden. Wenn beide Pflicht und nicht klar gekennzeichnet sind, steigen die Warenkorbabbrüche sprunghaft. Die Psychologie ist einfach. Unsichere Besucher gehen.

Die Regel „Markiere die Minderheit“: wann du Pflicht und wann optional markierst

Die meisten Formulare sind unausgewogen. Ein Kontaktformular hat vielleicht fünf Pflichtfelder und ein optionales. Ein Registrierungsformular acht Pflichtfelder und zwei optionale. In solchen Fällen verschwendet die Kennzeichnung jedes Pflichtfelds Platz und gedanklichen Aufwand.

Besser markierst du nur die Minderheit. Wenn 80 % deiner Felder Pflicht sind, kennzeichne nur die optionalen mit dem Wort „(optional)“ neben der Beschriftung. Nicht markierte Felder gelten als Pflicht. Das reduziert visuelles Rauschen und lässt das Formular kürzer wirken.

Anders sieht es bei komplexen Formularen aus, in denen Pflichtfelder über das ganze Formular verteilt sind. Versicherungsanträge, Kreditformulare und mehrseitige Umfragen mischen oft Pflicht- und optionale Felder. Dann markiere beide. Nutze ein Sternchen (*) für Pflichtfelder und „(optional)“ für optionale Felder. Klare Kennzeichnung schlägt stillschweigende Konventionen.

Die Regel ist einfach. Markiere die Minderheit, was auch immer das ist.

So kennzeichnest du Pflichtfelder, damit Menschen sie bemerken

Ein Sternchen allein reicht nicht. Nutzer von Screenreadern hören kein Sternchen. Menschen, die die Konvention nicht kennen, erkennen sie vielleicht nicht. Wer schnell scrollt, übersieht ein kleines Symbol womöglich ganz.

Die Lösung ist eine mehrschichtige Kennzeichnung. Du brauchst das Sternchen, das Wort „Pflicht“ und beides sichtbar und auch technisch eindeutig.

Nutze ein Sternchen und kombiniere es mit dem Wort „Pflicht“

Studien zeigen, dass ein rotes Sternchen (*) zusammen mit dem Text „Pflicht“ in der Beschriftung Verwirrung beseitigt. Das Sternchen fällt ins Auge. Das Wort „Pflicht“ bestätigt, was es bedeutet. Zusammen funktionieren sie für sehende Nutzer, Screenreader-Nutzer und Menschen mit kognitiven Einschränkungen.

Probiere E-Mail-Adresse * (Pflicht) oder Telefonnummer * gefolgt von dem Text „Mit Sternchen markierte Felder sind Pflichtfelder.“ Dieses Format funktioniert gut.

Ergänze eine Legende, die erklärt, was Pflicht bedeutet

Setze vor die Formularfelder eine einfache Zeile wie „* = Pflichtfeld“ oder „Mit einem Sternchen (*) markierte Felder sind Pflichtfelder.“ Dieser Satz ist kurz und erspart Nutzern, das Symbol selbst zu deuten.

Kombiniere das mit technischen HTML-Attributen. Füge in deinem Formularcode jedem Pflichteingabefeld required oder aria-required="true" hinzu. Das sagt Browser und Screenreader, dass das Feld Pflicht ist, ohne sich allein auf das visuelle Design zu verlassen.

Farbe zählt weniger als Kontrast und Position

Rote Sternchen sind üblich, aber das eigentliche Thema ist der Kontrast. Wenn dein Sternchen blassgrau ist oder in der Beschriftung untergeht, übersehen es Menschen mit eingeschränktem Sehvermögen. Mach das Sternchen fett und achte auf einen starken Kontrast zum Hintergrund.

Auch die Position zählt. Setze das Sternchen direkt hinter den Beschriftungstext, nicht frei schwebend daneben. So bleibt das Pflicht-Signal visuell mit dem Feldnamen verbunden und von links nach rechts gut erfassbar.

Wann Ausblenden besser ist als Kennzeichnen

Manche Formulare profitieren von einem anderen Ansatz, der schrittweisen Einblendung. Blende optionale Felder aus, bis sie relevant werden. Das funktioniert, wenn dein Formular einen klaren Hauptweg hat und optionale Felder nur für bestimmte Nutzer gelten.

Nimm ein Buchungsformular. „Markenname“ ist für Firmenkunden vielleicht Pflicht, für Privatpersonen aber optional. Statt es als optional zu markieren und den Hauptweg zu überfrachten, zeige es erst, nachdem der Nutzer bei „Buchungsart“ „geschäftlich“ gewählt hat. Er sieht das Feld nie, wenn es nicht für ihn gilt.

Schrittweise Einblendung lässt Formulare kürzer wirken

Formulare, die optionale Felder verbergen, bis sie gebraucht werden, konvertieren besser als Formulare, die alles sofort zeigen. Der Grund ist Wahrnehmung. Ein Formular mit 12 sichtbaren Feldern (auch wenn 3 optional sind) wirkt länger als eines mit 9 sichtbaren Feldern, das je nach Antworten des Nutzers 3 weitere einblendet.

Bedingte Logik blendet Felder je nach früheren Antworten ein

Moderne Formular-Builder unterstützen das von Haus aus. Wählt ein Nutzer eine bestimmte Option, erscheint ein neues Feld. Ändert er die Option, verschwindet das Feld. Das Formular passt sich in Echtzeit an seine Bedürfnisse an.

Hier glänzt die bedingte Logik von WEMASY. Du kannst Regeln festlegen wie „Wenn die Branche Gesundheitswesen ist, zeige das Feld für die HIPAA-Konformität“ oder „Wenn das Budget unter 1000 $ liegt, zeige Zahlungsoptionen für kleine Tarife“. Der Nutzer sieht nur Fragen, die für ihn wichtig sind.

Bedingte Pflichtfelder: nur dann Pflicht, wenn es sinnvoll ist

Fortgeschrittenes Formulardesign geht einen Schritt weiter. Manche Felder sind standardmässig optional, werden aber aufgrund früherer Antworten des Nutzers zur Pflicht. Das ist der ideale Punkt zwischen Datenerfassung und Nutzererlebnis.

Angenommen, „Erzähl uns von deiner Marke“ ist bei einer kostenlosen Anmeldung optional. Wählt der Nutzer aber im Dropdown „Ich bin Markeninhaber“, wird dasselbe Feld zur Pflicht. Das Formular ändert die Anforderung im laufenden Betrieb.

Zeige den Übergang klar

Wenn ein Feld von optional zu Pflicht wechselt, muss der Nutzer das erfahren. Am besten ergänzt du das Sternchen und die Beschriftung „(Pflicht)“ sofort, wenn das Feld zur Pflicht wird. Manche Formular-Builder heben die Änderung mit einer dezenten Animation oder einem Farbwechsel hervor. Das signalisiert, dass sich etwas geändert hat, ohne zu irritieren.

Fehler, die deine Abschlussraten unbemerkt drücken

Selbst mit den richtigen Regeln summieren sich kleine Fehler zu Abbrüchen. Achte auf diese.

Symbole ohne Legende mischen

Ein Sternchen bei manchen Feldern und der Text „(Pflicht)“ bei anderen erzeugt Verwirrung. Entscheide dich für einen Ansatz und bleibe dabei. Konsistenz in deiner gesamten Marke zählt mehr als die Wahl eines bestimmten Symbols.

Optionale Felder versehentlich als Pflicht markieren

Das passiert oft bei Formularen, die aus alten Systemen übernommen wurden, oder wenn sich Anforderungen mitten im Projekt ändern. Ein Feld ist als optional beschriftet, aber das Backend verlangt es, oder umgekehrt. Nutzer füllen ein Feld aus, das sie für optional hielten, senden ab und bekommen einen Fehler. Sie brechen ab.

Informationen verbergen, die Nutzer sehen müssen

Schrittweise Einblendung funktioniert, wenn das verborgene Feld wirklich optional oder wirklich bedingt ist. Sie geht nach hinten los, wenn du Pflichtfelder hinter komplexer Logik versteckst. Wenn ein Feld wesentlich ist, zeige es. Lass Nutzer nicht rätseln, ob sie es ausfüllen müssen.

Sternchen ohne erklärenden Text nutzen

Ein Sternchen allein ist für Menschen, die diese Konvention nie gesehen haben, ein Rätsel. Ohne Legende überspringen manche Nutzer das Feld, weil sie es für optional halten. Ergänze die Legende. Eine Zeile oben. Fünf Wörter. Sie verhindert Abbrüche.

Den Pflichtstatus mitten im Formular ändern

Wenn ein Feld Pflicht ist, lass es Pflicht. Wenn du es später wegen geänderter Anforderungen deiner Marke optional machen willst, prüfe alles gründlich. Ändere ein Feld nicht stillschweigend von Pflicht zu optional und hoffe, dass es niemand bemerkt. Nutzer merken es, und sie werden verwirrt.

So hilft WEMASY bei Pflicht- und optionalen Feldern

Der Formular-Builder von WEMASY gibt dir volle Kontrolle über Feldanforderungen, ohne Code anzufassen. Lege jedes Feld im Editor als Pflicht oder optional fest. Füge bedingte Logik hinzu, die ein Feld nur dann zur Pflicht macht, wenn bestimmte Bedingungen erfüllt sind. Ergänze eigene Legenden, um deine Pflichtfeld-Symbole zu erklären.

Ausserdem siehst du Echtzeitdaten dazu, welche Felder die meisten Abbrüche verursachen. Wenn ein bestimmtes optionales Feld deine Conversions bremst, kannst du es mit schrittweiser Einblendung ausblenden. Wenn Nutzer ein Pflichtfeld verwirrt, kannst du stattdessen nur die optionalen Felder markieren und sehen, welcher Ansatz besser konvertiert.

Häufig gestellte Fragen

Muss ich optionale Felder kennzeichnen, wenn der Grossteil meines Formulars optional ist?
Nein. Nutze die Regel „Markiere die Minderheit“. Wenn 80 % deiner Felder optional sind, markiere nur die Pflichtfelder. Wenn 80 % Pflicht sind, markiere nur die optionalen. So bleibt dein Formular sauber. Mit dem Website-Builder von WEMASY richtest du das direkt auf deiner Website ein.
Kann ich nur Sternchen ohne das Wort „Pflicht“ nutzen?
Du kannst, aber für die Barrierefreiheit ist das nicht ideal. Screenreader sagen Sternchen nicht an. Menschen, die die Konvention nicht kennen, erkennen sie vielleicht nicht. Am besten kombinierst du das Sternchen mit dem Wort „Pflicht“ oder „(Pflicht)“ in Klammern.
Welche Farbe sollte mein Sternchen haben?
Rot ist die Konvention im Web, und Nutzer erwarten es. Entscheidend ist der Kontrast. Achte darauf, dass das Sternchen dunkel und fett genug ist, damit Menschen mit eingeschränktem Sehvermögen es sehen. Blassgraue Sternchen sind unsichtbar.
Wenn ein Feld optional ist, sollte ich es ausblenden oder als optional markieren?
Blende es aus, wenn es nur für einige Nutzer gilt und mit ihren früheren Antworten zusammenhängt. Markiere es als optional, wenn es für alle verfügbar ist. Nutze bedingte Logik, um zu entscheiden, welcher Ansatz besser zu deinem Formular passt.
Kann ich ein Feld nur für bestimmte Nutzer zur Pflicht machen?
Ja. Das nennt man bedingte Pflichtfelder. Nutze bedingte Logik in deinem Formular-Builder, um ein Feld nur dann zur Pflicht zu machen, wenn bestimmte Bedingungen erfüllt sind. Ein Feld könnte zum Beispiel nur Pflicht sein, wenn der Nutzer zuvor eine bestimmte Option gewählt hat.
Verbessert das Ausblenden optionaler Felder wirklich die Conversion-Rate?
Ja. Formulare, die optionale Felder verbergen, bis sie gebraucht werden, wirken kürzer und weniger einschüchternd. Nutzer sehen vorab weniger Felder, empfinden weniger Aufwand und beginnen eher, das Formular auszufüllen. Der Kompromiss: Du brauchst bedingte Logik, um zu bestimmen, was wann angezeigt wird.

Setz es direkt um,
auf deiner eigenen Website.

Starte kostenlos mit WEMASY und baue deine Seite in wenigen Minuten.