Konversationsformulare ohne Kodierung erstellen: Vollständige Anleitung

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, bei der Beantragung einer Versicherung eine dialogorientierte Form 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

Die Erstellung eines Gesprächsformulars mag entmutigend erscheinen, aber mit den richtigen Tools und einem klaren Plan kann es ein unkomplizierter Prozess sein. Ein ähnliches Verfahren können Sie auch anwenden, wenn Sie ein bestehendes Formular auf einen neuen Konversationsstil umstellen wollen.

Folgen Sie diesen Schritten, um solche Formulare zu erstellen:

1. Definieren Sie Ihre Ziele: Bevor Sie beginnen, sollten Sie unbedingt festlegen, was Sie mit Ihrer Gesprächsform erreichen wollen. Möchten Sie Leads sammeln, Feedback einholen oder Kundensupport leisten? Wenn Sie ein klares Ziel vor Augen haben, können Sie Ihre Entscheidungen in Bezug auf Design und Inhalt leichter treffen.
2. Wählen Sie einen Conversational Form Builder: Es gibt mehrere Conversational Form Builder, die jeweils unterschiedliche Funktionen und Möglichkeiten bieten. Wir sind ein wenig voreingenommen, aber Growform ist eine gute Wahl.
3. Entwerfen Sie Ihren Gesprächsablauf: Entwerfen Sie den Ablauf Ihres Gesprächsformulars, einschließlich der Fragen, die Sie stellen möchten, der Reihenfolge, in der sie gestellt werden, und jeglicher bedingter Logik (Ein- und Ausblenden von Fragen oder ganzen Schritten).
4. Schreiben Sie unterhaltsame Texte: Schreiben Sie den Inhalt für Ihr Gesprächsformular und achten Sie darauf, dass er klar, prägnant und ansprechend ist. Verwenden Sie eine natürliche Sprache und einen gesprächigen Ton, um das Erlebnis menschlicher zu gestalten.
5. Testen und wiederholen: Sobald Ihr konversationelles Formular fertig ist, testen Sie es mit den Nutzern, um Feedback zu sammeln und Verbesserungsmöglichkeiten zu ermitteln. Nehmen Sie bei Bedarf Anpassungen vor und arbeiten Sie weiter an Ihrem Design, um die bestmögliche Nutzererfahrung zu gewährleisten.

Es ist zwar möglich, mit HTML und CSS ein eigenes Dialogformular zu erstellen, doch erfordert dies ein erhebliches technisches Know-how und eine hohe Investition – ebenso wie die Pflege, die erforderlich ist, um im Laufe der Zeit Fragen hinzuzufügen oder zu ändern. Mit einem geeigneten Formularersteller ist es möglich, ein großartiges, dialogorientiertes Formular zu erstellen, ohne dass eine Programmierung erforderlich ist.

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).