Wie man ein gutes Formular erstellt (Vergewissere dich, dass deine Formulare die Leute nicht abschrecken)

Formulare sind das Mittel, mit dem du Menschen dazu bringst, auf deiner Website etwas zu tun.

Unabhängig von der Art des verwendeten Formulars musst du sicherstellen, dass dein Formular einfach zu verwenden ist, damit die Leute es ausfüllen.

Bieten deine Formulare ein schlechtes Benutzererlebnis, werden die Leute sie nicht ausfüllen. Das bedeutet, dass sie deine Website verlassen, ohne jemals Kunde zu werden – und das alles nur, weil du deine Formularfelder ein wenig schräg formatiert hast!

Das heißt, man muss wissen, wie man ein gutes Formular erstellt.

Welche Arten von Formularen profitieren von einer guten Formulargestaltung?

• Formulare zur Lead-Generierung – wenn du möchtest, dass sich Personen in deine E-Mail-Liste eintragen oder ein kostenloses Angebot herunterladen
• Kontaktformulare – wenn du möchtest, dass deine Kunden mit dir in Kontakt treten
• Anmeldeformulare – wenn du möchtest, dass sich Menschen für deine Dienstleistung oder Veranstaltung anmelden
• Anmeldeformulare – wenn du es deinen Kunden leicht machen willst, sich anzumelden
• Checkout-Formulare – wenn du sicherstellen willst, dass deine Kunden den Warenkorb nicht abbrechen
• Allgemeine E-Mail-Erfassungsformulare – für alle Fälle, in denen du die E-Mail-Adresse von Personen benötigst

Leider gibt es im Allgemeinen viele schlechte Formulare.

Zum Glück ist es nicht allzu schwer, ein einfaches, effektives Formular mit guter Benutzererfahrung zu entwerfen.

Hier erfährst du, wie du ein gutes Formular erstellst.

Grundsätze für die Gestaltung von Formularen (die 4 Cs der guten Formulargestaltung)

Um eine gute Form zu erstellen, benötigt man zwei Dinge:

1. Einfache bewährte Verfahren, wie z. B. die Platzierung von Feldbezeichnungen und die Feldanordnung
2. Die Grundsätze für die Erstellung eines guten Formulars

Du kannst viel von Dingen lernen, die andere Leute bereits getestet haben. Gleich werde ich eine Reihe von Best Practices für die Formulargestaltung auflisten, welche dir das Vorgehen erleichtern werden.

Aber manchmal muss du ein Formular für etwas, das noch nicht getestet wurde, verwenden.

Oder du arbeitest mit einer Zielgruppe, die sich, aus welchen Gründen auch immer, von den meisten Menschen, die Formulare ausfüllen, unterscheidet.

Das Verstehen der Grundsätze der Formulargestaltung ermöglicht unter allen Umständen ein gutes Formular zu erstellen.

Hier sind also die schnellen, spezifischen Tipps, die dir helfen, häufige Fehler bei der Benutzererfahrung in Formularen zu vermeiden:

• Füge Beschriftungen über deinen Feldern ein, nicht als Text, der innerhalb des Feldes verschwindet. Wenn jemand mit der Eingabe beginnt, könnte er sonst vergessen, nach welchen Informationen du gefragt hast.
• Stapele Felder vertikal, wenn es mehr als zwei sind. Vertikale Felder sind leichter zu überschauen als horizontale.
• Verdeutliche die obligatorischen Felder. Sternchen sind eine übliche Methode (oder du weist ausdrücklich auf optionale Felder hin).
• Wenn es mehr als 6 Optionen für ein Formular gibt, verwende ein Dropdown-Menü. Hast du schon einmal von der 7er-Regel gehört? Menschen können sich etwa 7 Elemente merken. Hast du diese Anzahl oder mehr, zeige nicht alle auf einmal als Optionsfelder an.
• Verwende mehrstufige Formulare, bei einer große Anzahl von Feldern – dies kann Reibung verringern.
• Gestalte deine Formularfelder je nach Länge der erwarteten Antwort unterschiedlich groß. Ein Feld für eine Postleitzahl sollte kürzer sein als eines für eine Telefonnummer.
• Wenn du Fehlermeldungen hast, könnte es eine gute Idee sein, eine Inline-Validierung hinzuzufügen
• Lasse auf deiner Schaltfläche zum Absenden nicht einfach nur „Absenden“ erscheinen. Gestalte sie mit einem ansprechenden Mikrotext visuell unverwechselbar.

Und dann sind da noch die hinter guten Formularen stehenden Grundsätze. Das sind die vier Cs der guten Formulargestaltung:

1. Clear – Verständlich
2. Concise – Präzise
3. Clever – Klug
4. Cooperative – Kooperativ

(Anmerkung: Danke an das Team von Formulate für die Entwicklung dieses 4-C-Modells).

1. Verständliche Formulare sind einfacher zu benutzen

Klare Formulare bringen niemanden zum Nachdenken (und das ist auch gut so).

Es gibt einen Grund, warum dies so etwas wie die Bibel des Webdesigns ist (Amazon)

Was bedeutet es, ein verständliches Formular zu haben? Es bedeutet, dass die Person, die deine Webformulare ausfüllt, dies mit so wenig Aufwand wie möglich tun sollte.

Ein erforderliches Feld sollte offensichtlich erforderlich sein. Eingabefelder sollten deutlich machen, welche Eingaben verlangt werden.

Hast du ein langes Formular, sind die Felder klar beschriftet und so einfach wie möglich zu handhaben.

Klarheit im Formularen ist entscheidend. Wenn irgendein Teil deines Formulars verwirrend ist, wirst du Konversionen verlieren!

Und ich meine alle Teile deines Formulars. Das schließt Folgendes ein:

• Welche Teile optional oder erforderlich sind
• Welche Informationen auszufüllen sind
• Welche Formularfelder zu welchen Informationen gehören
• Was nach dem Absenden des Formulars geschieht
• Warum sie überhaupt dein Formular ausfüllen sollten

Wenn es sich bei deinem Formular nicht um etwas wahnsinnig Intensives handelt, das die Leute gesetzlich ausfüllen müssen (wie z. B. Steuerunterlagen), sorge dafür, dass die Leute dein Formular ausfüllen wollen. Das heißt, du benötigst ein gutes, klares Angebot mit einer guten, verständlichen Opt-in-Kopie.

Und es bedeutet, dass dein Formular so einfach und schmerzlos wie möglich auszufüllen ist.

Beim Entwerfen des Formulars solltest du dir diese Fragen stellen:

• Ist es eindeutig, was das Formular von jemandem möchte?
• Ist es eindeutig, nach welchen Informationen gefragt wird?
• Ist es offensichtlich, welches Format diese Informationen haben müssen?
• Ist es offensichtlich, wo die einzelnen Informationen eingegeben werden müssen?
• Tritt ein Fehler auf, wird in der Fehlermeldung angegeben, wie er behoben werden kann?
• Ist nach der Eingabe der Informationen klar, was als Nächstes zu tun ist?

2. Präzise Formulare bringen mehr Konversionen

Präzise bedeutet nicht kurz! Es bedeutet nicht länger als nötig.

Ja, ein kurzes Formular erzielt in der Regel mehr Konversionen als ein langes Formular, aber:

1. Manchmal ist ein langes Formular tatsächlich besser, um Konversionen zu erreichen.
2. Manchmal benötigst du wirklich mehr Informationen
3. Manchmal möchtest du sicherstellen, dass nur die am meisten interessierten Personen dich erreichen

Als der Experte für die Optimierung der Konversionsrate Michael Aagaard sein Formular um drei Felder verkürzte, dachte er, die Rate würde steigen.

Fehlanzeige. Die Konversionen sanken um 14 %.

„Das Ergebnis? Ein Rückgang der Konversion um 14 %. Ich habe alle Felder entfernt, mit denen die Leute tatsächlich interagieren wollen, und nur die beschissenen übrig gelassen, mit denen sie nicht interagieren wollen. Ziemlich dumm.“ – Michael Aagaard, auf ConversionXL

Einige Formularfelder stellen von Natur aus einen höheren Reibungspunkt (z. B. „Telefonnummer“) als andere (z. B. „Vorname“) dar.

Natürlich möchtest du so viele Informationen wie möglich über deine Kontakte erhalten. Du musst dies jedoch mit den Informationen, die die Leute bereit sind, dir zu geben, ausgleichen.

Andererseits gibt es zwei wirklich gute Gründe, warum du ein längeres Formular erstellen solltest:

1. Du benötigst wirklich all diese Informationen, um Leads in Kunden zu verwandeln
2. Du hast viele Besucher auf deiner Website und möchtest die Leute, die dein Angebot nicht ernst nehmen, abschrecken

Lange Formulare sind häufiger beim Verkauf von teureren Dienstleistungen anzutreffen, insbesondere beim Verkauf an Unternehmen.

Auch wenn deine Formulare lang sind, solltest du nur die wirklich benötigten Informationen abfragen.

Und denke daran: Ein langes Formular lässt sich in ein mehrstufiges Formular umwandeln, damit es leichter zu bearbeiten ist.

3. Clevere Formulare helfen den Menschen weiter

Clever bedeutet nicht, dass deine Formular einen Haufen Wortspiele enthalten sollte. Wie wir bereits erwähnten, ist Klarheit wichtiger als Cleverness – zumindest wenn Cleverness „lustig sein“ bedeutet.

„Clever“ bedeutet in diesem Zusammenhang „klug“. Clevere Formulare sind Formulare, die so klug sind, dass sie deinen Besuchern beim Ausfüllen helfen. Sie lassen irrelevante Schritte weg oder erleichtern es den Besuchern, die notwendigen Schritte auszuführen.

Was sind einige dieser Schritte?

• Formularfelder, die automatisch ausgefüllt werden, damit deine Besucher ihre Daten schneller ausfüllen können
• Ausblenden von Formularfeldern für Informationen, die dir bereits vorliegen
• Ausblenden von Formularfeldern, bis die erforderlichen Felder ausgefüllt sind
• Nur bestimmte Eingaben für bestimmte Formularfelder zulassen (z. B. muss eine E-Mail-Adresse ein @ enthalten)

Google lässt dich deine Daten automatisch ausfüllen. Dieses Beispiel (von developers.google.com) zeigt, wie viel schneller das automatische Ausfüllen ist.

Eine intelligentere Gestaltung deiner Formulare erleichtert dem Benutzer, deine Formulare einzureichen.

4. Kooperative Formulare frustrieren die Menschen nicht

„Kooperativ“ ist ein allgemeineres Prinzip als die anderen drei. Ist ein Formular kooperativ, bedeutet dies, dass es mit den Besuchern zusammenarbeitet, um ihnen das Ausfüllen zu erleichtern.

Das Kooperationsprinzip umfasst eine Reihe von Besten Praktiken. Zum Beispiel, kooperative Formulare:

• Arbeite mit dem mentalen Rahmen, den der Ausfüller verwendet, wenn er sich dem Formular widmet
• Definiere Begriffe und erkläre, wenn nötig, den Kontext
• Verwende für die Person, die das Formular ausfüllt, vertraute Begriffe
• Kennzeichne Fehler deutlich und gib Schritte zur Behebung an
• Passe kleinere Fehler bei der Eingabe an (Rechtschreibfehler, mehrere Formate)
• Stelle sicher, dass für alle Formularfelder eine gültige, genaue Antwort verfügbar ist
• Stellt Fragen, auf die es gültige Antworten gibt, um „am besten passende“ Antworten auszuschließen, die nicht die wahren Überzeugungen/Status/Informationen des Ausfüllenden widerspiegeln
• Mache deutlich, was vom Ausfüllenden erwartet wird und was er vom Ausfüllen des Formulars erwarten kann

Ungewissheit frustriert Menschen. Frustrierte Menschen füllen keine Formulare aus und sie werden nicht zu Kunden.

Eine kürzlich durchgeführte Meta-Analyse über die Auswirkungen von Unsicherheit sagt aus, wie sie die Entscheidungsfindung beeinflusst.

„Ungewissheit ist im täglichen Leben oft unvermeidlich und kann sowohl stressig als auch aufregend sein … Neuere Forschungen legen nahe, dass biologische Organismen versuchen, Ungewissheit zu lösen und zu minimieren, um ihre Schlussfolgerungen und Vorhersagen über die Außenwelt zu optimieren und letztlich den Überlebenserfolg zu fördern.“

Wenn du auf ein verwirrendes Formular stößt, was ist der schnellste Weg, um „Unsicherheiten zu beseitigen und zu minimieren“?

Das Formular nicht auszufüllen!

Deshalb sind kooperative Formulare so wichtig – sie verhindern, dass die ausfüllenden Personen frustriert werden.

Und sie bringen mehr Menschen zum Ausfüllen des Formulars.

Schlussfolgerung: Was kommt nach einem guten Formular?

Ein gutes Formular ist nur der Anfang der Interaktion deiner Besucher mit deinem Unternehmen.

Ein gutes Formulardesign und ein aussagekräftiger Opt-in-Text bringen mehr Menschen zum Einreichen deiner Formulare. Danach benötigst du Möglichkeiten, um deine neuen Leads und Abonnenten weiter zu binden.

Nachstehend findest du einige Möglichkeiten, wie du die Menschen weiter binden kannst:

• Sende sie auf eine benutzerdefinierte Dankeseite. Mit einer benutzerdefinierten Dankeseite kannst du die Besucher auf weitere Ressourcen, die sie interessieren könnten, verweisen (und sie auf deiner Website halten)
• Definiere den nächsten erforderlichen Schritt klar. Wirst du sie anrufen? Eine Bestätigungs-E-Mail schicken? Müssen sie im Moment noch etwas anderes tun? Mache es für die Besucher eindeutig.
• Follow-up (Dies lässt sich automatisieren). Sende eine Willkommens-E-Mail. Löse ein automatisiertes Follow-up aus. Das Engagement ist direkt nach dem Absenden des Formulars am höchsten – schmiede das Eisen, solange es heiß ist. Melde dich sofort bei den interessierten Personen.

Lerne, wie man ein gutes Formular erstellt. Erstelle es. Führe ein Follow-up durch. Steigere dein Geschäft ganz einfach, indem du mehr Besucher in Leads und Kunden verwandelst.