Wie man eine gute Form macht (ohne die Leute zu verschrecken!)

Formulare sind die Art und Weise, wie Sie Leute dazu bringen, Dinge auf Ihrer Website zu tun. Unabhängig von der Art des verwendeten Formulars 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 sie nicht ausgefüllt. Das bedeutet, dass sie Ihre Website verlassen, um nie Kunde zu werden – alles nur, weil Sie Ihre Formularfelder ein wenig schief formatiert haben!

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

Welche Formulartypen profitieren von einem guten Formulardesign?

• Formulare zur Leadgenerierung—wenn ​​Sie möchten, dass sich die Leute in Ihre E-Mail-Liste eintragen oder ein kostenloses Angebot herunterladen
• Kontaktformulare—wenn ​​Sie möchten, dass sich die Leute melden
• Anmeldeformulare—wenn ​​Sie möchten, dass sich Leute für Ihren Service oder Ihre Veranstaltung anmelden
• Anmeldeformulare—wenn ​​Sie es den Leuten leicht machen wollen, sich anzumelden
• Checkout-Formulare—wenn ​​Sie sicherstellen möchten, dass die Leute Warenkörbe nicht verlassen
• Allgemeine E-Mail-Erfassungsformulare—Für jede andere Zeit benötigen Sie die E-Mail-Adresse von jemandem

Leider gibt es viele schlechte Formulare.

Glücklicherweise ist es nicht allzu schwer, ein einfaches, effektives Formular mit guter UX zu entwerfen.

Wie macht man also eine gute Form?

Hier sind die 4 Grundprinzipien, die Sie befolgen MÜSSEN, um ein Formular zu entwerfen, das die Leute tatsächlich ausfüllen:s

1. Klar
   Prägnant
   Klug
   Kooperative

Formdesign-Prinzipien zu befolgen

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

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

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

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 irgendeinem Grund von den meisten Menschen unterscheidet, die Formulare ausfüllen.

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

Dieses Formular folgt den Prinzipien

Und wenn Sie Ihre E-Mail eingeben, erhalten Sie 1 E-Mail pro Woche – mit unseren besten Marketing-Tipps.

So. Hier sind die schnellen, spezifischen Tipps, die Ihnen helfen, häufige Fehler bei der Benutzererfahrung bei Formularen zu beheben:

• Platziere Labels über deinen Feldern, nicht als Text, der im Feld verschwindet. Andernfalls könnte jemand vergessen, nach welchen Informationen Sie gefragt haben, wenn er 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 gezielt aufrufen).
• Wenn es mehr als 6 Optionen für ein Formular gibt, Verwenden Sie ein Dropdown-Menü. Schon mal was von dem gehört Regel von 7? Die Leute können sich ungefähr 7 Elemente merken. Wenn Sie also diese oder mehr haben, zeigen Sie sie nicht alle auf einmal als Optionsfelder an.
• Verwenden Sie mehrstufige Formulare wenn Sie eine hohe Anzahl von Feldern haben, kann dies die Reibung reduzieren
• Gestalten Sie Ihre Formularfelder basierend auf der Länge der Antwort, die Sie erwarten, unterschiedlich groß. Ein Formular für die Postleitzahl sollte kürzer als einmal für die Telefonnummer sein.
• Wenn Sie Fehlermeldungen erhalten, ist es möglicherweise eine gute Idee, eine Inline-Validierung hinzuzufügen
• Lassen Sie Ihre Senden-Schaltfläche nicht “Senden” sagen. Machen Sie es optisch unverwechselbar mit überzeugenden Mikroskopie.

Und hier sind die Prinzipien hinter guten Formen. Dies sind die vier Cs für gutes Formulardesign:

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

(Hinweis: Dank an das Team von Formulieren für die Entwicklung dieses 4 Cs-Modells).

1. Klare Formulare sind einfacher zu verwenden

Klare Formen bringen die Leute nicht zum Nachdenken (und das ist gut so).

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

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

Ein Pflichtfeld sollte selbstverständlich erforderlich sein. Eingabefelder sollten deutlich machen, um welche Eingaben sie gebeten werden.

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

Klarheit in Ihren Formularen ist entscheidend. Wenn ein Teil Ihres Formulars verwirrend ist, verlieren Sie Conversions!

Und ich meine irgendein Teil Ihres Formulars. Das beinhaltet:

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

Es sei denn, Ihr Formular ist etwas verrücktes 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 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 folgende Fragen:

• Ist es offensichtlich, was das Formular von jemandem verlangt?
• Ist es offensichtlich, 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?
• Wenn ein Fehler auftritt, sagt die Fehlermeldung, wie er behoben werden kann?
• Ist nach der Eingabe der Informationen klar, 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.

Jawohl, Eine Kurzform wird normalerweise mehr Conversions erzielen 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 Sie nur die interessierten Menschen erreichen

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

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

“Das Ergebnis? 14 % weniger Conversion. Ich habe alle Felder entfernt, mit denen die Leute tatsächlich interagieren möchten, und nur die beschissenen gelassen, mit denen sie nicht interagieren möchten. Irgendwie dumm.” – Michael Aagaard, on UmrechnungXL

Einige Formularfelder sind von Natur aus reibungsreicher (z. B. „Telefonnummer“) als andere (z. B. „Vorname“).

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

Auf der anderen Seite gibt es zwei wirklich gute Gründe, warum Sie eine längere Form 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 meinen

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

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

Und denk dran – du kannst Verwandeln Sie ein langes Formular in ein mehrstufiges Formular damit es sich einfacher anfühlt, fertig zu werden.

3. Clevere Formen helfen den Leuten

Clever bedeutet nicht, dass Ihr Formular viele Wortspiele enthalten sollte. Wie wir schon geschrieben haben, Klarheit ist wichtiger als Klugheit – zumindest wenn Klugheit „witzig sein“ bedeutet.

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

Was sind einige dieser Schritte?

• Formularfelder, die sich automatisch vervollständigen – damit Ihre Besucher ihre Informationen schneller eingeben können
• Formularfelder für bereits vorhandene Informationen ausblenden
• Formularfelder ausblenden, bis die erforderlichen Felder ausgefüllt sind
• Nur einige Eingaben für einige Formularfelder akzeptieren (zB eine E-Mail-Adresse muss @ enthalten)

Mit Google können Sie Ihre Informationen automatisch ausfüllen. Dieses Beispiel (von developer.google.com) veranschaulicht, wie viel schneller Autofill ist.

Wenn Sie Ihre Formulare intelligenter machen, können Ihre Formulare einfacher übermittelt werden.

4. Kooperative Formen machen die Leute nicht frustriert

„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. Zum Beispiel Genossenschaftsformen:

• 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
• Verwendet Begriffe, die der Person, die das Formular übermittelt, bekannt sind
• Machen Sie Fehler offensichtlich und geben Sie Schritte zu deren Behebung
• 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 Formularausfüller erwartet wird und was der Formularausfüller vom Ausfüllen des Formulars erwarten kann
• Enthält einen Fortschrittsbalken, der anzeigt, wie weit Sie bereits sind

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

Ein kürzlich Metaanalyse zu den Auswirkungen von Unsicherheit hatte dies zu sagen, wie es die Entscheidungsfindung beeinflusst.

„Unsicherheit ist im Alltag oft unvermeidlich und kann sowohl stressig als auch aufregend sein … Neuere Forschungen legen nahe, 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 eine verwirrende Form stoßen, wie können Sie die „Unsicherheit am schnellsten lösen und 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 Leute dazu, Ihre Formulare auszufüllen.

Bonus: Gestalten Sie Ihr Formular mobilfreundlich

Wenn es um mobile Apps und mobile Geräte geht, muss das Erstellen eines Formulars der Art der Tastatur entsprechen, die eine Person verwenden wird.

Beispiel: Wenn eine Person in einem mobilen Formular aufgefordert wird, eine lange Zahlenfolge einzugeben, ohne die Zahlentastatur automatisch zu laden, werden die Formularausfüllungen abgebrochen.

Beispiel: Auf dem Desktop sollen Formulare ohne Mausklick zum nächsten Feld ausgefüllt werden können.

Fazit: Was kommt nach einer guten Form?

Ein gutes Formular ist nur der Anfang der Interaktion Ihrer Besucher mit Ihrem Unternehmen.

Gutes Formulardesign und leistungsstarke Opt-in-Kopien können mehr Leute dazu bringen, Ihre Formulare einzureichen. Danach benötigen Sie Möglichkeiten, um Ihre neuen Leads und Abonnenten weiterhin zu binden.

Hier sind ein paar Möglichkeiten, um die Leute zu beschäftigen:

• Senden Sie sie an eine benutzerdefinierte Dankesseite. Mit einer benutzerdefinierten Dankesseite können Sie Personen zu weiteren Ressourcen leiten, an denen sie möglicherweise interessiert sind (und sie auf Ihrer Website halten).
• Machen Sie den nächsten erforderlichen Schritt klar. Wirst du sie anrufen? Bestätigungs-E-Mail senden? Müssen sie jetzt noch etwas tun? Machen Sie dies für sie deutlich.
• Follow-up (Sie können dies automatisieren). Sende ein Willkommens-E-Mail. Abzug automatisierte Nachverfolgung. Direkt nach dem Absenden des Formulars ist das Engagement am höchsten. Schlagen Sie also zu, solange das Bügeleisen heiß ist, und greifen Sie jetzt zu.

Erfahren Sie, wie Sie eine gute Form erstellen. Mach es. Dann folgen Sie. Steigern Sie Ihr Geschäft, indem Sie mehr Ihrer Besucher in Leads – und Kunden – verwandeln.