23 Best Practices für das Formulardesign zur Steigerung der Einreichungen

Alle Unternehmen können von mehr Formularübermittlungen profitieren. Sie haben es wahrscheinlich schon einmal gesehen: Die meisten Besucher verlassen das Unternehmen, bevor sie ein Formular ausgefüllt haben, und von denen, die bleiben, füllen nicht alle es aus.

Wenn weniger als 100 % Ihrer Besucher Ihr Formular ausfüllen, haben Sie eine Chance.

Formulare spielen im Geschäftsleben eine wichtige Rolle. Anmeldeformulare, Anmeldeformulare, Bestellformulare, Zahlungsformulare, Feedbackformulare, Patientenformulare, Kontaktformulare – Formulare in Hülle und Fülle! Wir brauchen Webformulare, um Leads zu generieren, das Engagement zu steigern und zu expandieren.

Formulare sind die Brücke zwischen Ihren Website-Besuchern und Ihnen, aber sie werden zu Barrieren, wenn sie nicht optimiert werden.

Wenn das Formular nicht ausgefüllt und abgeschickt wird, hat es seine Aufgabe nicht erfüllt. Und wenn das Unternehmen die erhaltenen Formulardaten nicht richtig nutzt (z. B. rechtzeitig zurückkommt, Newsletter versendet, Formulardaten für die Lead-Generierung anreichert), ist das Formular verschwendet.

Das Erstellen eines beliebigen alten Formulars ist einfach; Um ein großartiges Formular zu erstellen, müssen Sie wissen, was Benutzer zurückhält. Gutes Design von Webformularen erfordert ein Verständnis dafür, wie alle Formularelemente effektiv verwendet werden: Kopfzeile, Unterkopie, Formularfelder, Feldbeschriftungen, Aktionsschaltflächen und sowohl korrigierendes als auch bestätigendes Feedback.

Wenn Sie das schaffen, werden Sie die Früchte eines hochkonvertierenden Formulars ernten. Sie erhalten mehr Leads bei gleichem Traffic, sparen Geld für Marketingmaßnahmen und erreichen damit verbundene Geschäftsziele schneller.

Wo also anfangen?

Fragen Sie sich: Soll ich ein Formular verwenden?

Beginnen Sie mit der Entscheidung, ob Sie überhaupt ein Formular verwenden sollten. Wenn das Formular Ihnen oder Ihren Benutzern nicht genug Wert bietet, ist es besser, es überhaupt nicht zu haben. Möglicherweise gibt es sogar einen einfacheren Weg, um die gewünschten Informationen zu erhalten.

Anmelde- und Anmeldeoptionen für soziale Medien sind zu einem beliebten Ersatz für diese Formulare geworden, da sie den Benutzern die Erstellung eines weiteren Passworts ersparen. Seine Bequemlichkeit erhöht die Chance eines Besuchers, die anstehenden Aktionen durchzuführen und auf Ihrer Website zu bleiben.

Wenn Sie entscheiden, dass sich die Verwendung eines Formulars lohnt, verwenden Sie die folgenden Tipps, um Ihre Strategie zu untermauern, und überprüfen Sie Ihr Formular mit unserer Ultimativen Checkliste für Webformulare, um sicherzustellen, dass es so effektiv wie möglich ist:

Machen Sie die Motivation deutlich

Wenn Benutzer das Gefühl haben, etwas Wertvolles aus einem Formular zu bekommen, ist es viel wahrscheinlicher, dass sie es ausfüllen. Es ist eine Frage der Kosten-Nutzen-Analyse: Was bekommen sie für die investierte Zeit und Mühe?

Die Best Practices für das Formulardesign in diesem Artikel machen Ihre Formulare attraktiver, angenehmer und benutzerfreundlicher und senken die wahrgenommenen Kosten für die Fertigstellung. Dennoch können Sie den Wert oder Zweck Ihres Formulars hervorheben, um die Anzahl der Einreichungen zu erhöhen. Werden sie ein Konto erstellen, das es ihnen ermöglicht, X zu tun, eine kostenlose Testversion zu erhalten oder Hilfe zu erhalten? Was auch immer der Benutzer aus dem Austausch herausholt, machen Sie es deutlich.

Eine aussagekräftige Überschrift, ein nutzenorientierter Text und ein direkter Aufruf zum Handeln (CTA) können dabei helfen. Vergessen Sie nicht, dass es immer noch um Überzeugungsarbeit geht.

Wenn Sie möchten, dass sich Besucher für Ihren Newsletter anmelden, buchstabieren Sie die Verkaufsargumente. „Updates“ ist nicht überzeugend. Updates zu was? Bekommen sie noch etwas? Sagen Sie ihnen, warum sie sich darum kümmern sollten.

Es ist auch eine gute Übung, zu zeigen, wie lang Ihr Formular ist. Wenn es kurz ist, zeigen Sie alle Felder gleichzeitig mit der CTA-Schaltfläche an, damit sie wissen, wie schnell es sein wird. Wenn es sich um ein längeres Formular mit mehreren Seiten handelt, fügen Sie einen Fortschrittsbalken hinzu, damit sie das Gefühl haben, sich der Ziellinie zu nähern. Sie werden weniger geneigt sein, aufzuhören und ihren Fortschritt zu verschwenden.

Beobachten Sie diejenigen, die vor Ihnen kamen

Jeder hat eine Vorstellung davon, wie ein Website-Formular aussieht, und diese Vorstellungen sind relativ konsistent. Dies liegt daran, dass sich die meisten Webformulare an allgemeine Richtlinien halten, die sie ähnlich aussehen lassen. Es ist kein Zufall.

Webformulare sind überall, und aufgrund der Ähnlichkeit in Stil und Feldern haben die Leute Erwartungen. Das Festhalten an diesen Erwartungen schafft ein Gefühl von Vertrautheit, Sicherheit und Leichtigkeit.

Wenn Sie glauben, dass ein neues Feld- oder Formulardesign funktionieren wird, können Sie ein wenig kreativ werden. Wenn Sie jedoch zu weit von der Norm abweichen, sollten Sie wissen, dass einige Benutzer verwirrt sein und das Formular verlassen können.

Bereiten Sie sich darauf vor, beurteilt zu werden

Ob sie sich dessen bewusst sind oder nicht, Menschen urteilen nach dem Aussehen. Unternehmen können sich dieser Wahrheit nicht entziehen, weshalb es umso wichtiger ist, dass Ihre Website und Formulare attraktiv und professionell sind. Es ist immer hilfreich zu überlegen, wie Ihr Webformular zum Stil der Seite und Website passt.

Zwei stilistische Tipps, die Sie im Hinterkopf behalten sollten, sind Platz und Lesbarkeit.

Abstand : Erleichtern Sie die Navigation, indem Sie einen angemessenen Abstand zwischen den Elementen einhalten. Es sollte klar sein, welche Beschriftungen zu welchen Eingabefeldern gehören. Das Hinzufügen von Platz verhindert auch ein überfülltes Erscheinungsbild, das Formulare komplexer erscheinen lassen kann.

Lesbarkeit: Leerzeichen helfen bei der Lesbarkeit, aber Formulardesigner sollten auch die Textauswahl berücksichtigen, einschließlich leicht lesbarer Schriftarten in angemessener Größe. Schneiden Sie immer alle unnötigen Details aus und schreiben Sie auf einer Leseebene, die der durchschnittliche Benutzer versteht. Die Verwendung von Groß- und Kleinschreibung verbessert auch die Lesbarkeit.

Halte es kurz

Es ist leicht, jedes kleine Detail über den von Ihnen gewonnenen Lead zu erfassen, aber Sie sollten nur fragen, was Sie wissen müssen. Je mehr Sie fragen, desto länger das Formular, und je länger das Formular, desto weniger Einsendungen erhalten Sie. Zeit ist kostbar, also respektiere ihre.

Wenn es Felder gibt, die Sie nicht benötigen, aber beibehalten werden sollen, geben Sie an, welche erforderlich sind. Die meisten Unternehmen kennzeichnen erforderliche Felder mit einem Sternchen. Benutzer, die nichts dagegen haben, füllen jedes Feld aus, aber diejenigen, die nicht daran interessiert sind, auf zusätzliche Felder zu antworten oder so viele persönliche Informationen anzugeben, können die Ausfüllzeit verkürzen.

Sie können Formulare auch kürzer erscheinen lassen, indem Sie Felder dort zusammenfassen, wo es sinnvoll ist. Sie können beispielsweise ein Feld für vollständige Namen statt zwei für Vor- und Nachnamen verwenden.

Strukturformen mit Logik

Effektives Design von Webformularen verläuft wie ein Gespräch. Stellen Sie sich bei der Strukturierung Ihres Formulars vor, Sie sprechen mit Ihrem Lead. Folgen Sie einer logischen Reihenfolge und gruppieren Sie ähnliche Fragen.

Ordnen Sie nach der Gruppierung die Felder vom einfachsten zum schwierigsten an. Die Leute ziehen es vor, zuerst einfache Informationen auszufüllen, und wenn sie sich Zeit genommen haben, den größten Teil des Formulars auszufüllen, werden sie es eher ausfüllen.

Reduzieren Sie Augenbewegungen und Verwirrung durch gutes Formdesign

Wenn Sie einschränken, wie weit sich die Augen eines Benutzers bewegen müssen, ist Ihr Formular einfacher zu verfolgen und es werden weniger Fehler und das Verlassen des Formulars vermieden.

Beginnen Sie damit, dass Sie leicht erkennen können, welche Teile des Formulars zusammengehören. Beschriftungen für Formularfelder sollten direkt neben dem Feld oder darüber stehen – niemals darunter. Beschriftungen sollten auch am nächsten zu ihrem jeweiligen Feld sein, anstatt gleichmäßig zwischen zwei Feldern. Dies hilft Benutzern, schnell zu erkennen, welche Informationen wohin gehören.

Verwenden Sie eine Spalte statt zwei, damit das Formular sauberer aussieht und Benutzer nicht im Zickzack hin und her gehen. Richten Sie den Text dann linksbündig aus, damit er natürlicher zu lesen ist.

Hilfreiche Tipps für die Gestaltung

Es gibt hilfreiche visuelle Hinweise, die Sie in das Design Ihres Formulars integrieren können, um Benutzer beim Ausfüllen zu unterstützen.

Einer dieser Hinweise ist ein Feldfokus. Es hilft Benutzern, jederzeit zu wissen, wo sie sich befinden, indem es das ausgewählte Feld anzeigt. Sie können dies erreichen, indem Sie die Box mit kräftigen Umrandungen, Farbe oder anderen Effekten hervorheben. Sie können auch das erste Feld von Anfang an hervorheben, damit die Benutzer verstehen, was der Effekt bedeutet.

Ein weiterer häufiger visueller Hinweis ist eine Anzeige der Passwortstärke. Wenn Sie ein Anmelde- oder Kontoerstellungsformular entwerfen, verwenden Sie diesen Indikator, um Kunden die Stärke ihres Passworts zu zeigen, während sie es erstellen.

Wenn Sie eine Idee für einen neuen Designhinweis haben, der Ihr Formular ansprechender und einfacher zu navigieren macht, testen Sie es. Begrüßen Sie Innovation, aber seien Sie bereit, sie zu entfernen, wenn sie nicht funktioniert.

Profitieren Sie von Prefill- und automatischen Funktionen

Vorausfüllen, automatisches Ausfüllen, automatisches Ausfüllen und automatisches Formatieren können die Zeit zum Ausfüllen des Formulars verkürzen, während das Formular einfacher zu befolgen ist und Fehler reduziert werden.

Vorausfüllen bedeutet, dass Sie Formularfelder mit Beispielantworten ausfüllen. Der Text ist oft heller, um anzuzeigen, dass es sich um ein Beispiel handelt. Das Bereitstellen von Beispielantworten kann verdeutlichen, was in das Feld gehört und in welchem ​​Format Benutzer es eingeben sollten. Fügen Sie die Feldbezeichnung auf keinen Fall in das Feld selbst ein. Sobald der Benutzer das Feld auswählt, verschwindet der Text und es kann für Benutzer schwierig sein, sich daran zu erinnern, was sie eingeben müssen.

AutoFill verwendet Benutzerdaten, die im Browser des Benutzers gespeichert sind, um Formularfelder automatisch auszufüllen. Dies kann die Anzahl der Felder reduzieren, die ein Benutzer ausfüllen muss, aber es kann auch frustrierend sein, wenn falsche Informationen eingegeben werden. Die automatische Vervollständigung hingegen vervollständigt automatisch die Antwort eines Benutzers basierend auf dem, was er mit der Eingabe beginnt. Um diese Funktionen nutzen zu können, müssen Sie Ihre Formulare für die Verwendung von AutoFill optimieren.

Es gibt auch intelligente Standardeinstellungen, die Sie implementieren können. Diese standardmäßigen Autofill-Informationen basieren auf den Daten der vorherigen Antworten des Benutzers. Wenn ein Benutzer beispielsweise seine Stadt eingibt, kann das Formular die entsprechende Postleitzahl automatisch ausfüllen.

Eine weitere automatische Funktion ist die automatische Formatierung. Wenn es richtig gemacht wird, kann es die Notwendigkeit von Kopieranweisungen oder Beispielantworten minimieren. Bei der automatischen Formatierung formatiert das Feld den Eintrag des Benutzers während der Eingabe, sodass der Benutzer nicht darüber nachdenken muss, ob er ihn richtig eingegeben hat. Dies ist nützlich für Variablen, die häufig unterschiedliche Abstände oder Formate annehmen, wie Datumsangaben, Telefonnummern und Kreditkartennummern.

Verwenden Sie bedingte Logik

Manchmal sind Formularfragen für bestimmte Zielgruppensegmente irrelevant und verschwenden ihre Zeit. Nichts ist schlimmer, als ein Formular auszufüllen und mehrere Fragen beantworten oder überspringen zu müssen, die nicht auf Sie zutreffen.

Wenn dies möglich ist, sollten Sie die Verwendung von bedingter Logik in Betracht ziehen. Ein Formular mit bedingter Logik basiert die Fragen, die es einem bestimmten Benutzer zeigt, auf den anfänglichen Antworten des Benutzers. Auf diese Weise bieten Sie Benutzern ein personalisiertes Erlebnis mit nur relevanten Fragen.

Verwenden Sie die rechten Eingabesteuerelemente

Beim Entwerfen von Formularen können Sie eine Vielzahl von Eingabesteuerelementen verwenden: Schaltflächen für Anhänge, Kontrollkästchen, Dropdown-Menüs, Optionsfelder und mehr. Es ist wichtig, für jeden Zweck die richtigen Eingabesteuerelemente zu verwenden.

Checkboxen und Radiobuttons werden oft verwechselt. Verwenden Sie ein Kontrollkästchen, wenn der Benutzer mehrere Optionen aus einer Reihe von Auswahlmöglichkeiten auswählen kann oder wenn Sie einen Benutzer auffordern, sich anzumelden oder einer Aussage zuzustimmen. Verwenden Sie Optionsfelder, wenn ein Benutzer nur eine Option auswählen kann.

Stellen Sie beim Hinzufügen von Eingabesteuerelementen sicher, dass Sie diese unter Berücksichtigung der Ethik verwenden. Die Verwendung von vorab aktivierten Kästchen oder Schaltern, die Benutzer verwirren oder leicht zu übersehen sind, kann unethisch sein. In einigen Fällen ist es illegal.

Machen Sie es richtig mit Formularschaltflächen

Schaltflächen sind wichtige Navigationselemente. Sie sind der Schlüssel zum Absenden des Formulars oder zum nächsten Satz von Fragen. Manchmal helfen sie Benutzern, zum richtigen Formular zu wechseln, z. B. wenn sie sich im Anmeldeformular befinden, aber das Anmeldeformular benötigen. Schaltflächen führen Benutzer in die richtige Richtung.

Schaltflächen müssen sichtbar sein, Aufmerksamkeit erregen und ihren Zweck klar darstellen, sonst steigt die Wahrscheinlichkeit, dass das Formular abgebrochen wird. CTA-Schaltflächen sollten groß genug sein, um sie zu sehen, aber nicht so groß, dass sie sich wie Spam anfühlen. Einige Formulare verwenden Farbe oder Schlagschatten, um Schaltflächen hervorzuheben.

Es gibt zwei wichtige Schaltflächen in einem Formular – die primäre und die sekundäre Schaltfläche. Die primäre Taste fördert die gewünschte Hauptaktion und ist immer vorhanden. Nicht jedes Formular hat eine sekundäre Schaltfläche, aber es wird oft verwendet, um Unterstützung anzubieten, wenn dies der Fall ist.

Sie können auch Mikroanimationen verwenden oder Affirmationen kopieren, um Benutzern zu zeigen, dass das System ihren Tastendruck registriert hat.

Machen Sie Fehler klar und einfach zu beheben

Es ist frustrierend, Benutzer über einen Fehler zu informieren, ohne Hilfe anzubieten. Benutzerfreundliche Fehlermeldungen bieten Lösungen.

Entwerfen Sie Formulare immer so, dass angezeigt wird, welches Feld den Fehler enthält, damit Benutzer nicht das gesamte Formular erneut scannen müssen. Inline-Fehlermeldungen und -Validierungen funktionieren am besten. In diesem Fall wird direkt neben dem Fehler selbst eine Meldung angezeigt. Sie können das Feld auch markieren oder den Cursor darauf bewegen.

Wenn möglich, geben Sie den Fehler genau an, damit die Benutzer nicht raten müssen, was es ist. Stimmen die Informationen nicht mit Ihren Aufzeichnungen überein? Liegt es an einem Tippfehler oder Symbol, das nicht erlaubt ist? Vielleicht erstellen sie ein Passwort, das die Längenanforderungen nicht erfüllt. Was auch immer es ist, sag es ihnen.

Wenn es einen Fehler gibt, teilen Sie ihn sofort mit. Es ist eher eine Enttäuschung für Benutzer, wenn sie schließlich auf „Senden“ klicken und das erwartete Ergebnis nicht eintritt.

Cache-Daten speichern

Haben Sie schon einmal angefangen, ein Formular auszufüllen, wurden aber unterbrochen? Vielleicht ist Ihr WLAN ausgefallen, die Seite wurde neu geladen oder Sie haben die Website versehentlich verlassen?

Das Speichern von Cache-Daten erspart Benutzern das erneute Starten des Formulars, wenn diese Art von Ereignissen eintreten. Es schützt sie vor der Frustration von Anfang an und erhöht die Chancen auf das Ausfüllen des Formulars.

Machen Sie sich bereits mit Responsive Design an

Wenn Sie es noch nicht getan haben, ist es an der Zeit, sich für responsives Design zu entscheiden. Dies gilt für alle Bereiche Ihrer Website, einschließlich Ihrer Formulare.

Responsive Design passt sich an das Gerät an, auf dem sich ein Benutzer befindet, und stellt sicher, dass Ihre Website immer gut aussieht und funktioniert. Da jetzt über 90 % der Internetnutzer weltweit Mobilgeräte verwenden, um online zu gehen, ist es entscheidend, dass die Benutzerfreundlichkeit von Formularen auf diesen Geräten konsistent bleibt.

Ja, Barrierefreiheit gilt auch hier

Wir sprechen noch einmal darüber, nicht nur, weil es für das Geschäft großartig und gesetzlich vorgeschrieben ist, sondern weil es das Richtige ist. Alle Websites und Funktionen dieser Websites sollten zugänglich sein. Es bedeutet, Formulare zu erstellen, auf die jeder, einschließlich Menschen mit Behinderungen, zugreifen und diese ausfüllen kann.

Barrierefreie Formulare funktionieren gut mit Screenreadern und sind nicht auf Farbe angewiesen. Die Verwendung der Farbe Rot allein, um beispielsweise einen Formularfehler anzuzeigen, könnte für farbenblinde Benutzer schwierig zu erkennen sein.

Weitere Tipps finden Sie in unserem Leitfaden zum barrierefreien Design für Benutzer mit Behinderungen.

Machen. Dass. Kopieren. Arbeit.

Formulare bestehen nicht nur aus Feldern und Benutzereinträgen. Gutes UX-Schreiben ist unerlässlich, um Benutzer effizient durch jedes Formular zu führen. Formular-UX-Kopie ist in Fehlermeldungen und Mikrokopien wie Schaltflächen, Platzhaltern und Beschriftungen vorhanden.

Die Formularkopie sollte kurz, instruktiv und leicht verständlich sein.

Verwenden Sie beim Schreiben von Formularbeschriftungen nur das Substantiv und verzichten Sie auf das Verb (z. B. „Name“ statt „Geben Sie einen Namen ein“). Es ist einfacher und Standard. Erstellen Sie für Schaltflächen eine ergebnisorientierte Mikrokopie, damit die Benutzer genau wissen, was sie tun (z. B. „Newsletter abonnieren“ oder „PDF herunterladen“ statt „Senden“).

Solange es kurz ist und einen Zweck erfüllt, kann die Formularkopie auch nützliche Details liefern. Das Ersetzen von „Name“ durch „Name wie auf der Karte“ oder „Name des Geschenkempfängers“ kann die Unsicherheit des Benutzers beseitigen und Fehler vermeiden.

Eine weitere Option ist das Hinzufügen einer Mikrokopie, die erklärt, warum Sie nach persönlichen Informationen fragen, wenn dies fehl am Platz erscheint. Sie können mitteilen, warum Sie nach einer Telefonnummer oder Postleitzahl fragen und wie Sie sie verwenden werden, falls dies noch nicht offensichtlich ist.

Negative Wörter und Phrasen neigen dazu, die Leute zum Nachdenken anzuregen, und positive Formulierungen sind freundlicher. Vermeiden Sie Wörter mit negativen Konnotationen wie „Spam“, selbst wenn Sie sagen, dass Sie niemandem Spam senden werden.

Die Kopie trägt auch zum Geschmack eines Formulars bei, indem es sich einladend und markenkonform anfühlt. Während Formularfelder lehrreich bleiben müssen, können Formularkopfzeilen und anderer Text Spaß an der Markenbotschaft haben, solange die Nachricht weitergeleitet wird.

Sprechen Sie Datenschutz

Datenschutzbedenken halten viele Formulare zurück, insbesondere da die Benutzer immer besser über die Gefahren informiert werden, die mit der Weitergabe persönlicher Informationen im Internet verbunden sind. Benutzer sollten aufgeklärt werden, und Formulare sollten dies berücksichtigen.

Etwa 29 % der Personen geben Sicherheitsbedenken als Grund für das Verlassen eines Formulars an. Wenn Sie eine Datenschutzrichtlinie haben, die die Vertraulichkeit von Benutzerdaten schützt, teilen Sie es ihnen mit. Seien Sie verständnisvoll und zerstreuen Sie Bedenken, damit sich die 29 % sicher fühlen, wenn sie mit Ihnen teilen.

Schau dir die Zahlen an

Wenn Sie ein Formular neu gestalten, haben Sie das wertvollste Werkzeug von allen: Daten.

Überprüfen Sie den Benutzerverlauf mit Ihrem Formular und suchen Sie nach Mustern. Wo und warum sind Benutzer abgesprungen? Wenn Benutzer sich entscheiden, zu gehen, kann ein Problem aufgedeckt werden, ob ein bestimmtes Feld den Abbruch verursacht hat oder ob ihnen nicht klar war, wo sich eine Schaltfläche befindet. Manchmal reicht es aus, ein verwirrendes Element zu beheben, wie es bei Expedia der Fall war.

Bei der Überprüfung ihrer Formulardaten bemerkte Expedia, dass ein bestimmtes Formularfeld den Conversions im Wege stand. Die Leute gaben die falschen Informationen ein und durften dann nicht mit dem nächsten Schritt fortfahren. Also haben sie das Feld gelöscht.

In diesem Jahr machten sie 12 Millionen Gewinn aus dem Formular.

A/B-Testformulardesigns

Unternehmen sollten nicht nur den Benutzerverlauf mit Formularen betrachten; Sie sollten Tests durchführen, um sich weiter zu verbessern. Insbesondere A/B-Tests sind eine großartige Möglichkeit, Ihre Webformulare ständig zu aktualisieren.

Um ein Formular A/B zu testen, erstellen Sie zwei exakte Iterationen des betreffenden Formulars, ändern aber einen Faktor. Das kann ein Header, ein Stück Mikrokopie, die Farbe eines CTA oder das Entfernen eines der Felder sein. Verwenden Sie beide für eine bestimmte Zeit und bewerten Sie, welche besser abgeschnitten hat.

Ideen selbst zu testen, ist eine gute Faustregel, denn was für ein Unternehmen funktioniert, funktioniert nicht immer für das nächste. Einige sagen beispielsweise, dass das Entfernen des Telefonnummernfelds in einem Formular die Conversions erhöht. Die einzige Möglichkeit herauszufinden, ob Sie mit Ihrem einzigartigen Publikum die gleichen Ergebnisse erzielen, besteht darin, es zu testen.

Entscheiden Sie: Single-Step- vs. Multi-Step-Formulare

Einzelschrittformulare sind die Standardformulare, die alle Felder auf einmal auflisten. Mehrstufige Formulare teilen Fragen auf mehr als eine Seite auf. Wenn der Benutzer die erste abgeschlossen hat, geht er zur nächsten über.

Eine Studie, in der eine einstufige und eine zweistufige Form verglichen wurden, zeigte, dass 14 % mehr Menschen die zweistufige Form beendeten. Andere Studien behaupten auch, dass mehrstufige Formulare besser konvertiert werden, aber die Wahrheit ist, dass das, was für Sie am besten funktioniert, davon abhängt, warum Sie das Formular überhaupt verwenden.

Einstufige Formulare eignen sich am besten zum Sammeln grundlegender Informationen und zum Erhöhen von Einreichungen. Sie schrecken neue Benutzer oder Besucher weniger ab, weshalb sie häufig für Kontakt-, Support- oder Anmeldeformulare verwendet werden.

Mehrstufige Formulare eignen sich am besten zum Sammeln von Informationen aus mehreren Feldern. Durch das Verteilen der Fragen wirkt das Formular weniger abschreckend und attraktiver. Diese Art von Formular funktioniert besonders gut, wenn ein Benutzer bereits an einem Prozess festhält, z. B. dem Kauf eines Produkts. Bei einer Online-Bestellung ist es sinnvoll, Abrechnungsschritte auf der Folgeseite zu platzieren.

Wenn Sie ein mehrstufiges Formular erstellen, möchten Sie nicht, dass das Formular unendlich weitergeht. Gruppieren Sie einige Fragen auf jeder Seite, damit es nicht zu viele Seiten gibt. Das Erstellen eines mehrstufigen Formulars ist eine hervorragende Gelegenheit, bedingte Logik zu verwenden.

Unabhängig davon, für welche Form Sie sich entscheiden, setzen Sie die in diesem Artikel besprochenen Design- und Kopiertipps um.

Entscheiden Sie: Chatbot vs. Webformular

Chatbots erfreuen sich wachsender Beliebtheit und können eine unterhaltsame Möglichkeit sein, Benutzer einzubeziehen und die Benutzererfahrung zu verbessern. Sie bieten Vorteile wie erhöhte Personalisierung und schnellere Reaktionszeiten, und einige Unternehmen haben damit begonnen, sie anstelle von Webformularen zu verwenden.

Aber ob ein Chatbot oder ein Webformular für Sie besser funktioniert, hängt von Ihrem Unternehmen und Ihren Benutzern ab. Sie sollten die Zukunft annehmen, aber Trends nicht blind hinterherlaufen. Versuchen Sie, einen Test durchzuführen, um zu bestätigen, ob Sie einen Chatbot verwenden möchten, bevor Sie eintauchen, zumal Chatbots keine geringe Investition sind.

Wir diskutieren die Vor- und Nachteile von Chatbots und Formularen und wann sie eingesetzt werden sollten in unserem Leitfaden: Konvertieren Chatbots besser als Webformulare?

Geheime Option drei: Formulare in natürlicher Sprache

Wir haben bereits erwähnt, dass jeder aufgrund seiner langjährigen Ähnlichkeiten eine ähnliche Vorstellung davon hat, wie Webformulare aussehen. Nun, das gilt nicht ganz für die seltene natürliche Sprachform.

Formulare in natürlicher Sprache oder im Mad-Libs-Stil werden als Sätze mit Lückentext-Optionen geschrieben. Studien zeigen, dass die Conversion mit diesen Formularen zunimmt, aber wie bei anderen Formularoptionen sollten Sie es selbst testen, um zu sehen, was in Ihrem Kontext funktioniert.

Die Vorteile von Formularen in natürlicher Sprache sind, dass sie so gestaltet sind, dass sie sich natürlicher, ansprechender und persönlicher anfühlen. Sie nehmen Anleihen bei der Vertrautheit des alltäglichen Gesprächs und Schreibens.

Aber es gibt mehrere Bedenken. Das Format von Formularen in natürlicher Sprache verlangsamt das Scannen und ist nicht das, was die meisten Benutzer beim Umgang mit einem Formular erwarten. Es kann auch zu Lese- und Schreibproblemen und Verwirrung beim Übersetzen zwischen Sprachen kommen.

Beispiel für ein Formular in natürlicher Sprache aus The Theme Foundry.

Verwandeln Sie Ihre Formulare in ein Erlebnis

Diese Überschrift ist eine Fehlbezeichnung, da alle Formulare eine Erfahrung sind. Aber nicht alle Formen sind gut – und das ist das Ziel.

Ein Formular reicht nicht mehr aus. Ein Formular muss überzeugend, attraktiv und einfach auszufüllen sein. Nur weil ein Benutzer möchte, was Ihr Formular bietet, ob es sich um ein Whitepaper oder ein Konto handelt, heißt das nicht, dass er es ausfüllen wird. Wenn ein Formular verwirrend ist oder mehr Aufwand erfordert, als es wert ist, wird es aufgegeben.

Daher die Tipps in diesem Artikel. Verwenden Sie sie, um ein großartiges Webformulardesign mit motivierender Mikrokopie zu erstellen, und beobachten Sie, wie Ihre Conversions steigen.

Haben Sie Fragen zu unseren Vorschlägen oder möchten Sie Formulare sprechen? Greifen Sie zu.