Eine Einführung in Conversational Design (und 3 herausragende Beispiele)

Heutzutage hat praktisch jeder eine Website. Wenn Sie also möchten, dass Ihre auffällt, müssen Sie Ihr A-Spiel mitbringen, wenn es um Design geht. Die Leute wollen Websites, die auf ihre spezifischen Bedürfnisse zugeschnitten sind und ihnen das Gefühl geben, wichtig zu sein (was sie sind!). Wenn Sie diese Erfahrung nicht bieten können, können Sie möglicherweise nicht in den großen Ligen antreten.

Beim Conversational Design geht es darum, Websites zu erstellen, die auf jeden Benutzer zugeschnitten sind und seine Bedürfnisse antizipieren. In diesem Artikel geben wir Ihnen einen kurzen Crashkurs in Conversational Webdesign und diskutieren einige Beispiele.

Lass uns reden!

Eine Einführung in Conversational Design

Beim Conversational Webdesign gibt es einen wichtigen Unterschied. Wenn Leute über dieses Konzept sprechen, beziehen sie sich meistens auf Hyper-Personalisierung. Wenn Sie sich beispielsweise bei Ihrem Facebook-Konto anmelden, fragt die Plattform Sie, was Sie denken/fühlen und nennt Sie namentlich:

Dies ist ein Beispiel für Conversational Design. Auf der anderen Seite, wenn Leute über dialogorientierte Benutzeroberflächen (UI) sprechen, beziehen sie sich auf textgesteuerte Erfahrungen wie Chatbots und Slack.

Der Begriff Conversational Design umfasst jedenfalls viele Bereiche. Sie alle haben jedoch eines gemeinsam, nämlich das Ziel, ihren Nutzern personalisiertere Erlebnisse zu bieten. Hier ist, warum das gut ist:

• Es kann Ihnen helfen, Vertrauen aufzubauen. Conversational Design kann dazu beitragen, dass sich Benutzer willkommen fühlen, was wiederum Vertrauen schaffen und zu mehr Conversions führen kann.
• Sie können die von Ihnen gesammelten Daten sinnvoll verwenden. Die meisten Websites sammeln heutzutage einige persönliche Informationen von ihren Benutzern. Mit Conversational Design können Sie diese Daten praktisch nutzen.

Welche Websites von Conversational Design profitieren können, hängt vom Interaktionsgrad ab, den Sie Ihren Besuchern bieten. Wenn Ihre Benutzer auf irgendeine Weise mit Ihrer Website interagieren müssen, sollten Sie sich mit dem Conversational Design beschäftigen, um eine persönlichere Erfahrung zu bieten.

Im nächsten Abschnitt zeigen wir Ihnen einige Beispiele für dialogorientiertes Webdesign und die Benutzeroberfläche. Wir sprechen darüber, was sie richtig machen und wie Sie ihre Ansätze auf Ihrer eigenen Website anwenden können.

3 Beispiele für Websites, die Conversational Design verwenden

Conversational Design ist ein weites Feld, daher gibt es mehrere Möglichkeiten, es auf Ihrer Website zu implementieren. In diesem Abschnitt untersuchen wir drei Beispiele, die jeweils unterschiedliche Ansätze für die Personalisierung und die dialogorientierte Benutzeroberfläche verwenden.

1. Buzzworthy Studio

Die Website von Buzzworthy Studio bietet ein großartiges Kontaktformular, das eine hochgradig personalisierte Erfahrung bietet. Sobald Sie auf der Kontaktseite gelandet sind, können Sie auf den Call-to-Action START EIN PROJEKT klicken:

Dann werden Sie auf der Seite gefragt, welche Art von Projekt Sie in Angriff nehmen möchten:

Wenn wir beispielsweise auf die Option Marketing klicken, können wir aus SEO , PPC-Kampagnen oder beiden auswählen:

Sobald Sie Ihre Wahl getroffen haben, erhalten Sie auf der Website ein grobes Budget und einen davon abhängigen Zeitplan:

Was die Kontaktseiten angeht, ist diese Erfahrung eine der interessantesten, die wir je erlebt haben. Indem Sie mehrere Fragen stellen, bevor Sie Ihnen ein Budget geben, haben Sie das Gefühl, ein Gespräch mit einem Freiberufler zu führen, bevor Sie ihn einstellen.

Darüber hinaus enthalten sie ein einfaches Formular, in dem Sie alle Details hinzufügen können, die sie möglicherweise wissen möchten, bevor sie einen gründlicheren Projektvorschlag ausarbeiten:

Conversational Design und Kontaktseiten sind eine himmlische Kombination, insbesondere für Portfolioseiten. Eine Ihrer größten Herausforderungen besteht darin, dass sich potenzielle Kunden wohl fühlen, und die Anpassung Ihrer Seiten an sie ist eine großartige Möglichkeit, dies zu tun.

Wenn Sie interaktivere Client-Onboarding-Erlebnisse erstellen möchten, können Sie dies mit Typeform tun. Vor einiger Zeit haben wir darüber gesprochen, wie Sie die Plattform nutzen können, um stilvolle Umfragen zu erstellen, aber Sie können damit auch potenziellen Kunden Fragen stellen, ähnlich wie in diesem Beispiel.

2. Landbot

In unserem zweiten Beispiel untersuchen wir die dialogorientierte Benutzeroberfläche. Plattformen wie Landbot nähern sich dem Konzept des Conversational Design sehr wörtlich, da sie vollständig auf Textinteraktionen basieren.

Landbot ist vielleicht nicht so bekannt wie unser vorheriges Beispiel, aber das bedeutet nicht, dass sie nichts Interessantes auf dem Tisch haben. Kurz gesagt, dieser Dienst ermöglicht es Ihnen, Chatbot-basierte Landing Pages zu erstellen. Wir haben bereits darüber gesprochen, wie man Facebook-gestützte Chatbots für WordPress einrichtet, aber diese Plattform ist viel einfacher zu starten.

Die Website selbst ist eine Meisterklasse für dialogorientierte Benutzeroberflächen. Alles basiert auf einem einzigen Chat, der ein klares, modernes Design verwendet:

In jeder Phase des Gesprächs können Sie auswählen, wie Sie dem Chatbot antworten möchten. Da Sie vordefinierte Optionen verwenden, ist der Chatbot viel einfacher zu programmieren. Es ist auch ein hervorragendes Beispiel dafür, dass dialogorientierte Benutzeroberflächen nicht langweilig sein müssen.

Es gibt zwei herausragende Punkte, die Sie von Landbots Ansatz zum Conversational Design mitnehmen sollten. Wenn Sie dialogorientierte Benutzeroberflächen in Ihre Website integrieren möchten, müssen Sie sie zunächst auffällig machen. Spielen Sie mit Farben, Schriftarten und sogar den kleinen Animationen, die Benutzer beim Tippen sehen, um etwas Aufmerksamkeit zu erregen:

Zweitens können Conversational UIs großartig sein, um Conversions zu steigern. Chatbots ermöglichen es Ihnen beispielsweise, Benutzer durch einen starken Call-to-Action (CTA) zu den gewünschten Aktionen zu führen:

Die Implementierung dieser Art von Funktionen erfordert möglicherweise einige technische Kenntnisse, aber die Ergebnisse können den Aufwand durchaus wert sein. Sie können jederzeit experimentieren, indem Sie Ihren eigenen Landbot-Chatbot erstellen und ihn verwenden, um Benutzer auf Ihre Website zu leiten oder umgekehrt.

3. Cody

Sehen wir uns für unser letztes Beispiel eine andere dialogorientierte Benutzeroberfläche an. Cody ist ein Schaufenster eines einfachen Chatbots der Agentur Chop Chop. Ihr Geschäft basiert auf der Entwicklung von Chatbots, daher liegt es nahe, dass sie zeigen möchten, was sie können.

Im Gegensatz zum Landbot-Beispiel ist Cody weniger auf offenes Marketing ausgerichtet. Stattdessen versucht es, Ihnen das Gefühl zu geben, ein Gespräch mit einem Freund zu führen, während Sie wichtige Informationen erhalten. Cody fragt Sie zum Beispiel, ob es Ihnen nichts ausmacht, dass die Website Cookies verwendet, was eine großartige Wendung bei den Hinweisen ist:

Die dialogorientierte Benutzeroberfläche hier ist äußerst einfach. Der Hintergrund ist sauber und die Textblasen sind sehr dezent. Dies ist die Art von Chatbot, die Sie jeder professionellen Website hinzufügen können, ohne deren Inhalt zu verlieren.

Die wichtigste Erkenntnis hier ist, dass sich dialogorientierte Benutzeroberflächen nicht nur auf das Marketing konzentrieren müssen und es viele Möglichkeiten gibt, Ihren Chatbots etwas Flair zu verleihen. Sie können ihm beispielsweise ein Gesicht und einen Namen geben, damit es sich einzigartig und persönlich anfühlt. Ebenso können Sie die von Ihnen verwendete Sprache optimieren, damit sich Unterhaltungen beiläufiger anfühlen und weniger so, als würden Sie Google eine Frage stellen.

Abschluss

Wenn es um Webdesign geht, gibt es viele Denkschulen, die Sie abonnieren können. Es gibt Materialdesign, fließende Formen, handgezeichnete Elemente und vieles mehr. Conversational Webdesign ist jedoch mehr als nur ein Trend. Wenn Sie jedem Ihrer Besucher ein einzigartiges Erlebnis bieten können, haben Sie einen Vorteil, den nur wenige Websites bieten können.

Werfen wir noch einen Blick auf einige unserer Lieblingsbeispiele für Conversational Design:

1. Buzzworthy Studio: Mit der Personalisierung können Sie selbst Kontaktformulare unterhaltsamer gestalten.
2. Landbot: Bietet ein auffälliges Beispiel für eine dialogorientierte Benutzeroberfläche.
3. Cody: Dieser einfache Chatbot leistet hervorragende Arbeit, um Ihnen das Gefühl zu geben, mit einer echten Person und nicht mit einer Maschine zu sprechen.

Was ist Ihrer Meinung nach der beste Weg, um Conversational Design auf der Website zu implementieren? Teilen Sie uns Ihre Gedanken im Kommentarbereich unten mit!

Miniaturansicht des Artikelbildes von Art Alex / shutterstock.com