Wie man ein KI-Mockup für Konversation erstellt

Sie wollen also anfangen, Conversational AI Agenten zu entwickeln? Das ist großartig! Aber wo fangen Sie an? Vonage hat mit dem AI Studio eine super einfache Drag-and-Drop-Lösung entwickelt, mit der Sie schnell loslegen können. Aber auch AI Studiomit seinen Knotenpunkten, Parametern, Entitätenund vieles mehr kann überwältigend sein, wenn man sich hinsetzt, um etwas zu erstellen. Wie kann man wissen, was wo hingehört? Mit einem Mockup (Flussdiagramm), natürlich!

Vielleicht denken Sie, dass Mockups Zeitverschwendung sind und dass man sie einfach per Drag-and-Drop erstellen kann. Aber ich behaupte, dass Mockups auf lange Sicht tatsächlich Zeit sparen. Einige wichtige Vorteile, wenn Sie mit einem Mockup beginnen:

• Visualisierung: Ein Mockup bietet eine visuelle Darstellung des Entwurfs und vermittelt allen Beteiligten eine genaue Vorstellung davon, wie das Endprodukt aussehen und funktionieren wird. Die Visualisierung trägt dazu bei, dass alle Beteiligten in Bezug auf den Ablauf und das Design Ihres Agenten auf derselben Seite stehen.

• Rückmeldung: Durch die Erstellung eines Mockups können Designer und andere Beteiligte das Design testen, indem sie den Ablauf durchgehen und sich alle unvorhergesehenen Eventualitäten vorstellen. Indem sie den Ablauf sehen, können die Designer eventuelle Versäumnisse erkennen.

• Effizienz: Ein Mockup kann Zeit und Ressourcen sparen, indem es potenzielle Probleme und Hindernisse frühzeitig im Entwurfsprozess aufzeigt. Dies kann später kostspielige Fehler oder Umgestaltungen verhindern. Das AI Studio ist sicherlich schnell in der Erstellung, aber noch schneller ist es, wenn man Änderungen an einem Bild vornehmen kann, ohne die Knoten neu konfigurieren zu müssen! Wenn Sie zum Beispiel ein Entität für einen Parameterfestgelegt haben, kann diese in Zukunft nicht mehr geändert werden, so dass ein Mockup nützlich sein kann, um die richtige Entität (Datentyp) zu bestimmen.

Nachdem ich Sie nun von der Bedeutung von Mockups überzeugt habe, lassen Sie uns sehen, wie man ein gutes Mockup erstellt.

High Fidelity Mockups

Jede Art von Flussdiagramm, das Ihnen hilft, Ihren Agenten zu visualisieren, gibt Ihrem Team eine bessere Orientierung. Ich glaube jedoch, dass es ein paar Schlüsselkomponenten eines Mockups gibt, die es wirklich "High Fidelity" machen.

• Knotendarstellung - Ein Mockup muss alle Knotentypen, die in einem Agenten verwendet werden können, berücksichtigen. Ein klarer visueller Hinweis darauf, welcher Knoten in jedem spezifischen Fall verwendet wird, spart dem Agentenentwickler viel Zeit.

• Variable Accountability - Wie werden Variablen gehandhabt? Ein Mockup muss die erforderlichen Variablen (in AI Studio Parameter genannt) und deren Verwendung im gesamten Ablauf berücksichtigen. Wenn wir alle Instanzen unserer Variablen verfolgen können, dann können wir leicht feststellen, welcher Datentyp erforderlich ist.

• Zufriedenheit mit den Nutzerergebnissen - Gibt es in Ihrem Mockup klare User Journeys, die einem logischen und kohärenten Fluss folgen? Ist es einfach, die Entscheidungen des Benutzers als Knotenpunkte im Ablauf zu verfolgen? Ist das Ergebnis, das der Benutzer erzielt, zufriedenstellend? Der Benutzer ist vielleicht nicht mit dem Ergebnis zufrieden, aber erfüllt die Konversation zumindest seine Absicht? D.h. der Agent kann dem Benutzer vielleicht nicht helfen, seine Bestellung zu finden, aber stellt er die richtigen Fragen und bietet er dem Benutzer eine andere Möglichkeit, die gesuchten Ressourcen zu finden?

Mockup-Tools

Ich persönlich habe Miro für meine Mockups verwendet, aber es gibt viele gute Optionen.

• Miro - Viele Formen, Farben, Verbindungen und Text - Miro hat alles, was ich brauche.

• Lucidchart - Einige meiner Kollegen, die als Konversationsdesigner in AI Studio arbeiten, bevorzugen Lucidchart. Es soll ziemlich toll sein!

• Draw.io - ein kostenloser Open-Source-Builder, der alles bietet, was Sie zum Erstellen von Agenten benötigen.

• Stift und Papier - Sie brauchen keine ausgeklügelte Software für Mockups! Sie können Stift und Papier oder ein Whiteboard verwenden, einfach zeichnen und loslegen,

Start mit einem Schlüssel

Wie bereits erwähnt, ist es wichtig, eine vollständige Darstellung all Ihrer verschiedenen Arten von Konversation Knoten unerlässlich. Denken Sie bei der Erstellung eines Schlüssels an all die verschiedenen Funktionalitäten Ihres Agenten. Zum Glück haben wir mit AI Studio bereits eine Blaupause für einen Schlüssel. Hier ist ein einfacher Schlüssel mit Komponenten, die ich verwende:

key-of-mockup-components.png

Wörtlich, sei wörtlich

Wenn Sie eine Komponente verwenden, schreiben Sie genau, was im Agenten passieren wird. Wenn es sich um das Senden einer Nachricht handelt, schreiben Sie den Nachrichtentext. Wenn es sich um das Schreiben einer Bedingung handelt, was wird in der Bedingung geprüft? Wenn es sich um eine Klassifizierung handelt, welche Variable wird klassifiziert? Ein Beispiel hierfür:

conversational-ai-flow-mockup.png

Im obigen Beispiel ist zu sehen, wie auch Variablen behandelt werden. Die Variable $Topic Variable wird in der Eingabe sammeln gesetzt und dann im Knoten Klassifikation verwendet.

Fertig zum Bauen

Nachdem Sie Ihr Mockup erstellt haben, haben Sie möglicherweise viele verschiedene Abläufe für Ihren Agenten. Möglicherweise gibt es noch einige offene Fragen wie die Fehlerbehandlung, die genaue Implementierung von Integrationen oder Webhooks oder ob der Text in bestimmten Knoten bearbeitet werden soll. Aber im Allgemeinen werden Sie eine perfekte Darstellung Ihres Agenten haben, so dass sich alle Beteiligten auf die möglichen Ergebnisse und Abläufe einigen können. Nachfolgend sehen Sie ein Beispiel für ein Mockup, das ich für einen Agenten erstellt habe, den wir letztes Jahr auf der Konferenz API-Tage Paris).

complicated-conversational-ai-mockup.png

Schlussfolgerung

War dieser Leitfaden über Mockups und Flussdiagramme nützlich für Sie? Sind Sie überzeugt, dass Sie Ihre AI Studio Entwicklung mit einem Mockup beginnen sollten? Bitte lassen Sie es mich wissen auf Twitter oder im Vonage Community Slack (wir haben sogar einen eigenen Kanal für AI Studio). Ich bin wirklich daran interessiert, zu sehen, was Sie mit Low Code bauen!