Conversational user interface
AUFBAU EINES CHATBOTS UND EINES CONTENT MANAGEMENT SYSTEMS FÜR MEDIAMARKTSATURN
Conversational UX Design
UI Design for Chat Interfaces
Cross-Platform Design (Web & Mobile)
Custom CMS Design
MISSION
​
Die Erstellung von Conversational User Interfaces wird zu einem immer größeren Bestandteil des UX-Designs.
Rund um 2020 begannen fast alle großen Unternehmen damit, auf ihren Websites Chatbots einzusetzen, um ihre Kunden bei deren Aktivitäten zu unterstützen.
Media Markt hatte bereits einige Jahre zuvor an einem Chatbot für den Onlineshop gearbeitet. Allerdings handelte es sich hierbei eher um einen Tech-Test, der ohne die Unterstützung von UX Design umgesetzt wurde.
In diesem Fall bestand mein Ziel darin, einen Chatbot für Web und Mobilgeräte konzeptionell und visuell neu aufzubauen und zu implementieren, der unter Berücksichtigung der damaligen technischen Einschränkungen die bestmögliche UX bietet.
Gleichzeitig haben wir für verschiedenen Länder ein CMS aufgebaut, in dem eine autonome Verwaltung des Chatbots möglich ist.
EINEN CHATBOT BAUEN​
​
Bevor man mit der konkreten Implementierung eines Chatbots beginnt, sollten man die Rahmenbedingungen geklärt haben. Wie kommuniziert der Chatbot beispielsweise mit dem Kunden? Spricht er sehr höflich oder eher etwas humorvoll? Welche Schriftarten und Farben werden verwendet? (In diesem Fall leiten sie sich von der MediaMarkt Corporate Identity ab)
Wie soll der Avatar aussehen? Und so weiter.
Im nächsten Schritt wird festgelegt, welche konkreten Anwendungsfälle wann umgesetzt werden sollen. In diesem Fall standen die Anwendungsfälle für den ersten „Go Live“ auf der Roadmap:
- Informationen zu Ihrem MediaMarkt
- Produktinformation
- Häufig gestellte Fragen
Im Aufbau
​
Wie du wahrscheinlich selber weißt, ist die Welt der digitalen Produktentwicklung schnell. Wundere dich also nicht, wenn sich zwischenzeitlich nochmal Details des Layouts oder der Inhalte des Chatbots geändert haben.
Besuche eMMi gerne im MediaMarkt Onlineshop: https://faq.mediamarkt.de
Content-Management-System „Backoffice-Chatbot“
​
Der Chatbot wird in verschiedenen Ländern in unterschiedlichen Sprachen verwendet. Damit jedes Land unabhängig voneinander Intents (also Sprachdialoge) eingeben kann, haben wir ein CMS für jedes Land erstellt. Das CMS ermöglicht es den Länderexperten, Dialoge einzugeben, Dialoge für bestimmte Aktionen zu planen, Kundenreaktionen in einem Analyseprogramm anzuzeigen, mit anderen Ländern zu vergleichen und vieles mehr.
Meine Aufgabe war die Konzeption und visuelle Gestaltung des Backoffice sowie die Einbindung und Anleitung dualer Studierenden in das Projekt, um diese in der Konstruktion komplexer digitaler Produkte auszubilden und mitarbeiten zu lassen.
Chatbot eMMi von MediaMarkt
Vorherige Version
In der Vorgängerversion gab es praktisch keine Benutzerführung.
Die visuelle Oberfläche beschränkte sich auf das Nötigste. Der damalige Chatbot genügte den Anforderungen des Onlineshops nicht mehr und musste daher komplett neu aufgebaut werden.
Chatbot Canvas
Neue Chatbot-Version
The chatbot can link you to the most asked questions
Chatbot shows you product details to the chosen products
Chatbot offers you a list with different elements you can choose, like informations about stores in your surrounding and productdetails
The chatbot can link you to the most asked questions
Neues Interface des Chatbots mit angepasster User Guidance. Neues Gesicht in Form eines Avatars, ein Listenmenü, um den Kunden direkt zu seiner Suchanfrage zu führen und eine bessere Version der Chat-Interaktion zwischen Bot und Kunde.
Backoffice-Chatbot
Dashboard of the "Chatbot backoffice". A solution for different countries to manage the language and the topics of the chatbot.
Interaction dialogs can be entered into the system for different countries via the software.
Dashboard of the "Chatbot backoffice". A solution for different countries to manage the language and the topics of the chatbot.