So erstellen Sie ein gutes Formular (Stellen Sie sicher, dass Ihre Formulare die Leute nicht abschrecken)

Mit Formularen bringen Sie Menschen dazu, Dinge auf Ihrer Website zu tun. Unabhängig davon, welche Art von Formular Sie verwenden, müssen Sie sicherstellen, dass Ihr Formular einfach zu verwenden ist, damit die Leute es ausfüllen.

Wenn Ihre Formulare eine schlechte Benutzererfahrung bieten, werden die Leute sie nicht ausfüllen. Was bedeutet, dass sie Ihre Website verlassen, um nie Kunde zu werden – alles nur, weil Sie Ihre Formularfelder ein wenig wackelig formatiert haben!

Das bedeutet, dass Sie wissen müssen, wie man eine gute Form macht.

Welche Arten von Formularen profitieren von einem guten Formulardesign?

• Formulare zur Lead-Generierung – wenn Sie möchten, dass sich Personen für Ihre E-Mail-Liste anmelden oder ein kostenloses Angebot herunterladen
• Kontaktformulare – wenn Sie möchten, dass sich Personen mit Ihnen in Verbindung setzen
• Registrierungsformulare – wenn Sie möchten, dass sich Personen für Ihren Service oder Ihre Veranstaltung anmelden
• Anmeldeformulare – wenn Sie es anderen leicht machen möchten, sich anzumelden
• Checkout-Formulare – wenn Sie sicherstellen möchten, dass die Leute den Einkaufswagen nicht verlassen
• Allgemeine E-Mail-Erfassungsformulare – für verschiedene Zeiten, in denen Sie die E-Mail-Adresse einer Person benötigen

Leider gibt es viele schlechte Formen da draußen.

Glücklicherweise ist das Entwerfen eines einfachen, effektiven Formulars mit guter UX nicht allzu schwierig.

Hier ist, wie man eine gute Form macht.

Zu befolgende Prinzipien des Formulardesigns (die 4 Cs des guten Formulardesigns)

Wenn Sie eine gute Form machen müssen, brauchen Sie zwei Dinge:

1. Einfache Best Practices, z. B. wo Feldbeschriftungen platziert werden und wie Felder gestapelt werden
2. Die Prinzipien, die bestimmen, wie man eine gute Form macht

Sie können eine Menge von Dingen lernen, die andere bereits getestet haben – und gleich werde ich eine Reihe von Best Practices für das Formulardesign auflisten, die Ihnen das Entwerfen von Formularen erleichtern werden.

Aber manchmal müssen Sie ein Formular für etwas verwenden, das noch nicht getestet wurde.

Oder Sie arbeiten mit einem Publikum, das sich aus welchen Gründen auch immer von den meisten Menschen unterscheidet, die Formulare ausfüllen.

Das Verständnis der Prinzipien des Formularentwurfs gibt Ihnen die Werkzeuge an die Hand, um unter allen Umständen ein gutes Formular zu erstellen.

[blog-subscribe headline=“Dieses Formular folgt den Grundsätzen“ description=“Und wenn Sie Ihre E-Mail-Adresse eingeben, erhalten Sie 1 E-Mail pro Woche – mit unseren allerbesten Marketingratschlägen.“]

Damit. Hier sind die schnellen, spezifischen Tipps, die Ihnen helfen, mit häufigen Fehlern bei der Formularbenutzererfahrung umzugehen:

• Platzieren Sie Beschriftungen über Ihren Feldern , nicht als Text, der im Feld verschwindet. Andernfalls könnte jemand vergessen, nach welchen Informationen Sie gefragt haben, wenn jemand mit der Eingabe beginnt.
• Stapeln Sie Felder vertikal, wenn es mehr als zwei gibt. Vertikale Felder sind einfacher zu scannen als horizontale.
• Machen Sie deutlich, welche Felder erforderlich sind. Sternchen sind üblich (oder Sie können optionale Felder ausdrücklich hervorheben).
• Wenn es mehr als 6 Optionen für ein Formular gibt, verwenden Sie ein Dropdown-Menü . Schon mal was von der 7er-Regel gehört? Die Leute können sich ungefähr 7 Elemente merken, wenn Sie also diese Anzahl oder mehr haben, zeigen Sie sie nicht alle auf einmal als Optionsfelder an.
• Verwenden Sie mehrstufige Formulare , wenn Sie eine große Anzahl von Feldern haben – dies kann die Reibung verringern
• Gestalten Sie Ihre Formularfelder je nach Länge der erwarteten Antwort unterschiedlich groß. Ein Formular für die Postleitzahl sollte kürzer sein als einmal für die Telefonnummer.
• Wenn Sie Fehlermeldungen haben, ist es möglicherweise eine gute Idee, eine Inline-Validierung hinzuzufügen
• Lassen Sie auf Ihrem Senden-Button nicht „Senden“ stehen. Machen Sie es mit überzeugender Mikroskopie visuell unverwechselbar.

Und dann sind hier die Prinzipien hinter guten Formen. Dies sind die vier Cs des guten Formdesigns:

1. Klar
2. Prägnant
3. Klug
4. Kooperative

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

1. Klare Formulare sind einfacher zu verwenden

Klare Formen regen nicht zum Nachdenken an (und das ist auch gut so).

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

Was bedeutet es, eine klare Form zu haben? Das bedeutet, dass die Person, die Ihre Webformulare ausfüllt, dies mit so wenig Aufwand wie möglich tun kann.

Ein erforderliches Feld sollte offensichtlich erforderlich sein. Eingabefelder sollten deutlich machen, nach welchen Eingaben sie fragen.

Wenn Sie ein langes Formular haben, sind die Felder klar beschriftet und so schmerzlos wie möglich.

Klarheit in Ihren Formularen ist entscheidend. Wenn irgendein Teil Ihres Formulars verwirrend ist, werden Sie Konversionen verlieren!

Und ich meine jeden Teil Ihres Formulars. Dazu gehören:

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

Es sei denn, Ihr Formular ist etwas verrückt Intensives, das die Leute gesetzlich ausfüllen müssen (wie Steuerdokumente), müssen Sie die Leute dazu bringen, Ihr Formular auszufüllen. Das heißt, Sie brauchen ein gutes, klares Angebot mit einer guten, klaren Opt-in-Kopie.

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

Stellen Sie sich beim Entwerfen Ihres Formulars die folgenden Fragen:

• Ist es offensichtlich, was das Formular von jemandem will?
• Ist ersichtlich, welche Informationen abgefragt werden?
• Ist es offensichtlich, welches Format diese Informationen annehmen müssen?
• Ist es offensichtlich, wo welche Informationen eingegeben werden müssen?
• Wenn ein Fehler auftritt, sagt die Fehlermeldung, wie er behoben werden kann?
• Ist es nach Eingabe der Informationen offensichtlich, was als nächstes zu tun ist?

2. Prägnante Formulare erzielen mehr Conversions

Prägnant heißt nicht kurz! Es bedeutet nicht länger als nötig.

Ja, eine Kurzform erzielt normalerweise mehr Conversions als eine Langform. Aber:

1. Manchmal konvertiert eine lange Form tatsächlich besser als eine kurze Form
2. Manchmal braucht man wirklich mehr Informationen
3. Manchmal möchten Sie sicherstellen, dass nur die interessiertesten Personen Sie erreichen

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

Nö. Die Conversions gingen um 14 % zurück.

"Das Ergebnis? 14 % Rückgang der Conversion. Ich habe alle Felder entfernt, mit denen die Leute tatsächlich interagieren möchten, und nur die beschissenen belassen, mit denen sie nicht interagieren möchten. Irgendwie dumm.“ – Michael Aagaard, auf ConversionXL

Einige Formularfelder sind von Natur aus stärker reibungsfrei (zB „Telefonnummer“) als andere (zB „Vorname“).

Natürlich möchten Sie so viele Informationen wie möglich über Ihre Leads. Sie müssen dies nur gegen die Informationen abwägen, die die Leute bereit sind, Ihnen zu geben.

Andererseits gibt es zwei wirklich gute Gründe, warum Sie vielleicht ein längeres Formular erstellen möchten:

1. Sie brauchen wirklich all diese Informationen, um Leads in Kunden umzuwandeln
2. Sie haben viele Website-Besucher und möchten die Leute abschrecken, die Ihr Angebot nicht ernst nehmen

Langformen sind häufiger, wenn Sie teurere Dienstleistungen verkaufen, insbesondere wenn Sie an Unternehmen verkaufen.

Selbst wenn Ihre Formulare lang sind, stellen Sie sicher, dass Sie nur nach Informationen fragen, die Sie benötigen.

Und denken Sie daran: Sie können ein langes Formular in ein Formular mit mehreren Schritten umwandeln, damit es sich einfacher anfühlt, es fertigzustellen.

3. Clevere Formulare helfen Menschen

Clever bedeutet nicht, dass Ihr Formular ein paar Wortspiele enthalten sollte. Wie wir bereits geschrieben haben, ist Klarheit wichtiger als Cleverness – zumindest, wenn Cleverness „witzig sein“ bedeutet.

„Clever“ bedeutet in diesem Zusammenhang „intelligent“. Clevere Formulare sind Formulare, die intelligent genug sind, um Ihren Besuchern beim Ausfüllen zu helfen – indem sie irrelevante Schritte streichen oder es den Besuchern erleichtern, die erforderlichen Schritte auszuführen.

Was sind einige dieser Schritte?

• Formularfelder mit automatischer Vervollständigung – damit Ihre Besucher ihre Informationen schneller ausfüllen können
• Ausblenden von Formularfeldern für Informationen, die Sie bereits haben
• Ausblenden von Formularfeldern, bis die erforderlichen Felder ausgefüllt sind
• Nur einige Eingaben für einige Formularfelder akzeptieren (z. B. muss eine E-Mail-Adresse @ enthalten)

Google lässt Sie Ihre Informationen automatisch ausfüllen. Dieses Beispiel (von developer.google.com) zeigt, wie viel schneller das automatische Ausfüllen ist.

Wenn Sie Ihre Formulare intelligenter gestalten, können andere Ihre Formulare einfacher einreichen.

4. Kooperative Formen führen nicht zu Frustration

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

Das Genossenschaftsprinzip beinhaltet eine Reihe von Best Practices. Genossenschaftsformen zum Beispiel:

• Arbeiten Sie mit dem mentalen Rahmen, den der Formularausfüller verwendet, wenn er sich dem Formular nähert
• Definieren Sie Begriffe und geben Sie bei Bedarf Kontext an
• Verwendet Begriffe, die der Person, die das Formular einreicht, vertraut sind
• Machen Sie Fehler offensichtlich und geben Sie Schritte an, um sie zu beheben
• Berücksichtigt einige kleinere Eingabefehler (Rechtschreibfehler, mehrere Formate)
• Stellen Sie sicher, dass für alle Formularfelder eine gültige und genaue Antwort verfügbar ist
• Stellt Fragen mit gültigen Antworten, um „am besten passende“ Antworten zu eliminieren, die nicht die wahren Überzeugungen/Status/Informationen des Formularausfüllers widerspiegeln
• Machen Sie deutlich, was vom Ausfüllenden erwartet wird und was der Ausfüllende vom Ausfüllen des Formulars erwarten kann

Unsicherheit macht Menschen frustriert. Frustrierte Menschen füllen keine Formulare aus und werden keine Kunden.

Eine aktuelle Metaanalyse zu den Auswirkungen von Ungewissheit hatte folgendes darüber zu sagen, wie sie sich auf die Entscheidungsfindung auswirkt.

„Unsicherheit ist im Alltag oft unvermeidlich und kann sowohl stressig als auch aufregend sein … Jüngste Forschungsergebnisse deuten darauf hin, dass biologische Organismen versuchen, Unsicherheit aufzulösen und zu minimieren, um Schlussfolgerungen und Vorhersagen über die Außenwelt zu optimieren und letztendlich den Überlebenserfolg zu fördern.“

Wenn Sie auf ein verwirrendes Formular stoßen, was ist der schnellste Weg, um „Unsicherheiten zu lösen und zu minimieren“?

Formular nicht ausfüllen!

Aus diesem Grund sind kooperative Formulare so wichtig – sie verhindern, dass Ihre Formularausfüller frustriert werden.

Und sie bringen mehr Menschen dazu, Ihre Formulare auszufüllen.

Fazit: Was kommt nach einer guten Form?

Eine gute Form ist nur der Anfang der Interaktion Ihrer Besucher mit Ihrem Unternehmen.

Gutes Formulardesign und aussagekräftige Opt-in-Kopien können mehr Menschen dazu bringen, Ihre Formulare einzureichen. Danach benötigen Sie Möglichkeiten, um Ihre neuen Leads und Abonnenten weiterhin zu gewinnen.

Hier sind einige Möglichkeiten, wie Sie die Leute bei der Stange halten können:

• Senden Sie sie an eine benutzerdefinierte Dankesseite. Mit einer benutzerdefinierten Dankesseite können Sie Personen zu weiteren Ressourcen leiten, an denen sie interessiert sein könnten (und sie auf Ihrer Website halten).
• Machen Sie den nächsten erforderlichen Schritt deutlich. Wirst du sie anrufen? Eine Bestätigungs-E-Mail senden? Müssen sie jetzt noch etwas tun? Machen Sie dies für sie offensichtlich.
• Follow-up (Sie können dies automatisieren). Senden Sie eine Willkommens-E-Mail. Lösen Sie eine automatisierte Nachverfolgung aus. Das Engagement ist direkt nach dem Absenden des Formulars am höchsten – also schlagen Sie zu, solange das Eisen heiß ist, und greifen Sie jetzt zu.

Lerne, wie man eine gute Form macht. Mach es. Dann folgen Sie. Bauen Sie Ihr Geschäft aus, indem Sie einfach mehr Ihrer Besucher in Leads – und Kunden – verwandeln.