Leitfaden für konversationelle Formulare: Einfach ansprechende Formulare erstellen

Sie werden im Laufe Ihres Lebens sage und schreibe 521 Formulare ausfüllen, aber können Sie sich noch an das letzte erinnern, das Sie ausgefüllt haben? Die Chancen stehen gut, dass Sie das nicht können.

Seien wir ehrlich – traditionelle Formen sind langweilig. Ihr einziger Zweck ist es, uns Informationen zu entlocken, und das oft auf monotone, nervtötende Weise.

Mit dialogorientierten Formularen können Sie jedoch ein Gespräch mit dem Benutzer beginnen.

Diese interaktiven Formulare verändern die Art und Weise, wie wir Informationen zur Verfügung stellen, und lassen das Erlebnis wie ein natürliches, engagiertes Gespräch mit einem Freund erscheinen.

Was ist also eine Gesprächsform?

Ein dialogorientiertes Formular ist ein interaktives Designmuster, das auf Websites und in Anwendungen verwendet wird, um Informationen von Nutzern auf eine ansprechendere und dialogorientierte Weise zu sammeln.

Anstatt ein komplettes Formular mit mehreren auszufüllenden Feldern auf einmal zu präsentieren, führen dialogorientierte Formulare den Benutzer durch eine Reihe von Fragen oder Aufforderungen und ahmen so eine natürliche Unterhaltung nach.

Konversationsformulare sind nicht für alle Anwendungsfälle geeignet (z. B. Anmeldeformulare), können aber oft einem ansonsten langweiligen Prozess ein wenig mehr Persönlichkeit verleihen und die Ausfüllraten erheblich verbessern.

In diesem Artikel erfahren Sie, was eine gute Konversationsform ausmacht, wann Sie sie verwenden und wann Sie sie vermeiden sollten und wie Sie mit der Erstellung Ihrer eigenen Form beginnen können!

Hauptmerkmale von Konversationsformularen

Bei der Gestaltung und Erstellung von Dialogformularen sind mehrere wichtige Merkmale zu berücksichtigen.

1. Natürlicher Gesprächsverlauf: Um ein ansprechendes und intuitives Benutzererlebnis zu schaffen, sollten Konversationsformulare die Dynamik eines natürlichen menschlichen Gesprächs nachahmen. Dazu gehört ein freundlicher Umgangston, das Stellen relevanter Fragen und die Möglichkeit, Informationen auf bequeme und vertraute Weise zu geben. Durch die Simulation eines Gesprächs fühlen sich die Benutzer eher wohl und reagieren positiv auf die Aufforderungen des Formulars, was den Abbruch des Formulars verringert.
2. Kontexterkennung: Konversationsformen sollten in der Lage sein, den Kontext zu verstehen, in dem sie verwendet werden. Dazu gehören die Erkennung von Benutzereingaben, die Erinnerung an frühere Interaktionen und die entsprechende Anpassung der Konversation. Dank der Kontexterkennung können konversationelle Formulare personalisierte Erlebnisse bieten, ihre Antworten anpassen und sogar die Bedürfnisse der Benutzer vorhersehen.
3. Progressive Offenlegung: Anstatt den Benutzer mit einer langen Liste von Feldern zu überfordern, sollten konversationelle Formulare eine progressive Offenlegung verwenden, um Informationen und Optionen schrittweise, je nach Bedarf, zu offenbaren. Dieser Ansatz hält die Nutzer bei der Stange, verringert die kognitive Belastung und macht den Prozess der Informationsvermittlung überschaubarer.
4. Anpassungsfähiges Design: Konversationsformulare sollten so gestaltet sein, dass sie sich an verschiedene Geräte, Bildschirmgrößen und Eingabemethoden anpassen. Dadurch wird sichergestellt, dass die Benutzer unabhängig vom verwendeten Gerät problemlos mit dem Formular interagieren können.

Vorteile der Verwendung konversationeller Formulare

Die Verwendung konversationeller Formulare bietet sowohl für Unternehmen als auch für ihre Nutzer mehrere Vorteile. Zu den bemerkenswertesten Vorteilen gehören eine verbesserte Benutzerfreundlichkeit, höhere Konversionsraten und eine bessere Datenqualität.

1. Verbesserte Benutzererfahrung: Konversationsformulare bieten den Nutzern ein interaktives Formular – ein ansprechendes Erlebnis, das sich eher wie ein natürliches Gespräch anfühlt als ein herkömmliches Webformular. Dies macht die Bereitstellung von Informationen angenehmer, verringert die Reibungsverluste und erhöht die Zufriedenheit der Nutzer.
2. Höhere Konversionsraten: Indem sie den Prozess der Informationsbereitstellung angenehmer und weniger langwierig gestalten, ermutigen dialogorientierte Formulare die Nutzer, das Formular auszufüllen und ihre Informationen zu übermitteln. Dies führt zu höheren Konversionsraten, die für Unternehmen, die Leads generieren, ihr Publikum vergrößern oder den Umsatz steigern wollen, von entscheidender Bedeutung sind.
3. Bessere Datenqualität: Konversationsformulare tragen dazu bei, dass die Benutzer genaue und vollständige Angaben machen. Indem sie die Benutzer in einen Dialog verwickeln, können diese Formulare klärende Fragen stellen, Benutzereingaben validieren und die Benutzer sogar durch den Prozess der Bereitstellung ihrer Informationen führen. Dies führt zu qualitativ hochwertigeren Daten, die für fundierte Entscheidungen und bessere Ergebnisse genutzt werden können.

Die besten Beispiele für Konversationsformen zu Ihrer Inspiration

Suchen Sie nach Inspiration? Hier sind einige Beispiele für Konversationsformen aus dem Internet, die Folgendes veranschaulichen

Lemonade.com’s Einschulung

Es ist erfrischend, eine dialogorientierte Form der Beantragung einerVersicherung zu sehen – Lemonade.com bringt frischen Wind in einen ansonsten langweiligen Prozess.

Das Formular verwendet ein Foto von “Maya”, damit es sich wie ein Chat anfühlt, aber es handelt sich nicht um einen Chatbot, sondern um ein Formular mit Konversationselementen:

Wir mögen den lockeren Tonfall dieses Formulars (“Yep”, “Nope”), die hellen CTAs und den visuellen Sinn für den Fortschritt.

Wir würden wahrscheinlich eine bessere Inline-Validierung dieses Formulars testen (es ist z. B. möglich, eine ungültige Postleitzahl einzugeben).

Nelus “Lückenfüller”-Kontaktformular

Dies ist ein weniger verbreitetes Muster: die Verflechtung von Eingabefeldern mit Formulartext, um ein Kontaktformular nach dem Muster “Füllen Sie die Felder aus” zu erstellen.

Unserer Meinung nach waren diese Formulare anfangs ganz witzig, haben sich aber schnell als lästig erwiesen (beachten Sie die Frist für 2017 in diesem Screenshot!).

Diese Formulare können jedoch ideal sein, wenn Sie eine starke Markenaussage machen wollen oder den Nutzern das Gefühl geben wollen, dass sie mit Ihrer Marke sprechen.

Das konversationelle Onboarding von Duolingo

Leuchtende Farben, große Knöpfe – was kann man daran nicht lieben? Duolingo präsentiert ein kühnes, verspieltes Design in diesem einfachen Onboarding-Formular für Konversationen:

Uns gefällt das ausgezeichnete Gefühl des Fortschritts, das super unkomplizierte Design und die sorgfältig ausgewählten Fragen.

Zweifellos hat dieses Formular zahlreiche A/B-Tests durchlaufen – aber wir würden wahrscheinlich zuerst versuchen, mehr nutzenorientierte Fragen zu stellen (“Wie sind Sie auf uns aufmerksam geworden” ist für die erste Frage ein wenig “wir”-orientiert!)

Best Practices für die Gestaltung einer effektiven Conversational Form UX

Beachten Sie bei der Gestaltung Ihres Dialogformulars die folgenden Best Practices, um eine nahtlose und angenehme Benutzererfahrung zu gewährleisten:

1. Halten Sie es einfach: Vermeiden Sie es, die Nutzer mit zu vielen Informationen oder Optionen zu überfordern. Konzentrieren Sie sich darauf, die wichtigsten Fragen zu stellen, und nutzen Sie die schrittweise Offenlegung, um bei Bedarf zusätzliche Informationen preiszugeben.
2. Verwenden Sie eine klare, prägnante Sprache: Schreiben Sie Ihre Konversationstexte in einem klaren, umgangssprachlichen Ton. Verwenden Sie eine einfache Sprache und vermeiden Sie Jargon oder Fachbegriffe, die die Nutzer verwirren könnten.
3. Bieten Sie Kontext und Feedback: Stellen Sie sicher, dass Ihr Dialogformular den Nutzern den nötigen Kontext und das nötige Feedback bietet, damit sie verstehen, was passiert und was von ihnen erwartet wird. Verwenden Sie klare Anweisungen, Fehlermeldungen und Bestätigungsmeldungen, um die Benutzer durch den Prozess zu führen.
4. Design für Mobilgeräte: Da immer mehr Nutzer über mobile Geräte auf das Internet zugreifen, ist es von entscheidender Bedeutung, dass Sie Ihre Konversationsformulare mit Blick auf mobile Nutzer gestalten. Verwenden Sie adaptives Design, um sicherzustellen, dass Ihr Formular für verschiedene Bildschirmgrößen und Eingabemethoden optimiert ist.
5. Testen und iterieren: Wie bei jedem User Experience Design sind Tests und Iterationen für die Erstellung eines effektiven Dialogformulars unerlässlich. Testen Sie Ihr Formular mit den Nutzern, um Feedback zu sammeln und verbesserungswürdige Bereiche zu ermitteln. Nehmen Sie dann Anpassungen vor und arbeiten Sie so lange daran, bis Sie die bestmögliche Nutzererfahrung erreicht haben.

Wann sollte man keine herkömmlichen Online-Formulare verwenden?

Auch wenn Dialogformulare ein leistungsfähiges Instrument zur Einbindung von Benutzern und zur Erfassung von Informationen sein können, gibt es einige Situationen, in denen sie nicht geeignet sind.

Hier sind einige Beispiele:

1. Wenn die Benutzereingaben komplex sind: Wenn die zu erfassenden Informationen komplexe oder technische Eingaben erfordern, ist ein dialogorientiertes Formular möglicherweise nicht der beste Ansatz. In diesen Fällen kann es sinnvoller sein, ein herkömmliches Webformular zu verwenden oder den Nutzern eine ausführlichere Erklärung oder Anleitung zu geben.
2. Wenn Benutzer in Eile sind: Konversationsformulare können ansprechend und unterhaltsam sein, aber sie können auch zeitaufwändig sein. Wenn die Nutzer es eilig haben oder schnell Informationen bereitstellen müssen, ist ein schlankeres Formular vielleicht besser geeignet.
3. Wenn Benutzer Zugänglichkeitsanforderungen haben: Konversationsformulare sind möglicherweise nicht für alle Nutzer zugänglich, insbesondere nicht für Nutzer mit Seh- oder Bewegungseinschränkungen. In diesen Fällen ist es wichtig, alternative Eingabemöglichkeiten zu schaffen und sicherzustellen, dass alle Nutzer Zugang zu den benötigten Informationen haben.

Wie man konversationelle Formulare erstellt: Schritt-für-Schritt-Anleitung

Um ein Dialogformular mit Growform zu erstellen, folgen Sie diesen Schritten:

Schritt 1: Registrieren Sie sich und erstellen Sie ein neues Formular

Beginnen Sie damit, sich für ein Growform-Konto anzumelden. Sobald Sie eingeloggt sind, klicken Sie auf “Neues Formular erstellen” und wählen eine Vorlage aus, die Ihren Bedürfnissen entspricht. Growform bietet eine Vielzahl von hochkonvertierenden Vorlagen, die auf verschiedene Branchen zugeschnitten sind.

Schritt 2: Passen Sie Ihre Formularfelder an

Verwenden Sie den Drag-and-Drop-Builder von Growform, um Formularfelder hinzuzufügen, zu entfernen oder zu ändern. Sie können verschiedene Feldtypen wie Texteingaben, einzelne Auswahloptionen und mehr einfügen. Diese Flexibilität ermöglicht es Ihnen, ein Formular zu entwerfen, das Ihren spezifischen Anforderungen gerecht wird.

Schritt 3: Einrichten einer bedingten Logik

Implementieren Sie eine bedingte Logik, um bestimmte Fragen auf der Grundlage von Benutzerantworten ein- oder auszublenden. Diese Funktion stellt sicher, dass dem Benutzer nur relevante Fragen angezeigt werden, was das Gesprächserlebnis verbessert.

Schritt 4: Gestalten Sie das Aussehen des Formulars

Passen Sie das Aussehen des Formulars an Ihre Marke an, indem Sie Farben, Schriftarten und Schaltflächenstile anpassen. Growform bietet umfangreiche Styling-Optionen, einschließlich der Möglichkeit, benutzerdefiniertes CSS für erweiterte Anpassungen zu verwenden.

Schritt 5: Binden Sie das Formular auf Ihrer Website ein

Sobald Sie mit dem Design und der Funktionalität des Formulars zufrieden sind, betten Sie es in Ihre Website ein. Growform bietet unkomplizierte Einbettungsoptionen, die mit verschiedenen Website-Buildern kompatibel sind, darunter WordPress und Unbounce.

Wenn Sie diese Schritte befolgen, können Sie mit Growform ein ansprechendes, dialogorientiertes Formular erstellen, ohne dass Sie über Programmierkenntnisse verfügen müssen. Dieser Ansatz rationalisiert den Prozess der Formularerstellung und ermöglicht eine einfache Pflege und Aktualisierung im Laufe der Zeit.

Einführung von Growform, dem Formularersteller, der Ihnen mehr Leads bringt

Wenn Sie ein konversationelles Formular erstellen, benötigen Sie einen guten Conversational Form Builder.

Growform wurde von Grund auf entwickelt, um die Konversionsraten zu steigern, und ermöglicht Ihnen die Erstellung wunderschöner dialogorientierter Formulare, die auf jedem Gerät gut aussehen:

Es gibt eine 14-tägige kostenlose Testversion, und das Tool ermöglicht es Ihnen, Ihre Leads mithilfe von Zapier so gut wie überall hin zu senden (einschließlich per E-Mail oder an Ihr CRM).