[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"B0MGlGQ271e0zApEYuCFOwS2KhrWX4M7tidh3Lpxcao":75,"u0Kz9S1Eop3WaZ03cRs6wruevMLZ6I7FSI5nQ8auXBU":188,"_apollo:default":231},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":156,"wpHeaderImage":13,"wpHeaderImageOld":159,"wpHeaderImageOldSmall":172,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":181,"author":182},"NodeWpPost","855","Wir bauen den Liechtenecker Chatbot, Teil #1",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554795627,"UTC","+00:00","2019-04-09T07:40:27+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1501830567,"2017-08-04T07:09:27+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/wir-bauen-den-liechtenecker-chatbot-teil-1",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Wir bauen den Liechtenecker Chatbot, Teil #1 | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/wir-bauen-den-liechtenecker-chatbot-teil-1","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","7","Technologie","/kategorie/technologie",0,{"__typename":120,"processed":121,"format":122},"Text","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen. ","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"Technologie | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen.",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/technologie",[139,144,148,152],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","218","Chatbots","/tag/chatbots",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"433","Facebook","/tag/facebook",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"753","Liechtenecker","/tag/liechtenecker",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"802","Messenger","/tag/messenger",{"__typename":157,"processed":158,"format":122,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cspan style=\"font-weight: 400;\">“Chatbots sind gekommen um zu bleiben und werden die Kommunikation von Kunden mit Firmen revolutionieren. Wichtig ist es \u003C/span>\u003Cb>jetzt \u003C/b>\u003Cspan style=\"font-weight: 400;\">damit zu beginnen, auch wenn der Bot noch nicht so viel kann.”\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Bei jedem Kundenmeeting, in dem es um Chatbots geht, erzähle ich das und stehe auch voll dahinter. Doch warum haben wir Liechteneckers dann eigentlich noch keinen Messenger Assistenten?\u003C/span>\u003C/p>\n\u003Ch2>Was bisher geschah\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Genau diese Frage habe ich mir vor drei Wochen zum ersten Mal gestellt und ich hatte keine passende Antwort parat. Natürlich sieht der Kundenservice bei einer kleinen Firma wie wir es sind anders aus als z.B. bei einer großen Versicherung, trotzdem können auch wir unsere digitalen Kunden-Touchpoints verbessern. Wir müssen hier mit gutem Beispiel vorangehen und unseren eigenen Chatbot bauen. Das machen wir aber nicht heimlich, still und leise, sondern gemeinsam mit dir. Ja, genau du bist gemeint!\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Heute wird unser Chatbot \u003Ca href=\"https://m.me/liechteneckers\" target=\"_blank\" rel=\"noopener noreferrer\">Tim\u003C/a> veröffentlicht. Im Moment hat er nur eine Funktion, er wird aber im Zwei-Wochen-Zyklus mehr und mehr erlernen. Jedem neuen Release folgt ein Blogartikel, damit ihr quasi live mitverfolgen könnt, wie man ein Chatbot-Projekt umsetzen kann.\u003C/span>\u003C/p>\n\u003Ch2>5 Schritte zum Chatbot\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Bei der Realisierung eines Chatbots halten wir uns an diese 5 Schritte:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Analyse\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Integration in Servicelandschaft\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Persönlichkeit\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Umsetzung\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Weiterentwicklung\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Ch2>Die Analyse\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">In dieser Phase wird die gegebene Kommunikationslandschaft erfasst: Auf welche Weise treten Interessenten und Kunden mit einer Firma in Kontakt und wo könnte ein Chatbot helfen? Hier benötigen wir immer stark die Hilfe unserer Kunden, in diesem Fall sind das wir, denn nur sie kennen die Bedürfnisse ihrer Kunden.\u003C/span>\u003C/p>\n\u003Cblockquote>\n\u003Cp>Ein Chatbot muss sich in die bestehende Servicelandschaft einer Firma integrieren.\u003C/p>\n\u003C/blockquote>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Bei uns sind speziell Telefon und E-Mail stark genutzte Kanäle, aber auch auf Facebook bekommen wir immer mehr Anfragen. Letzteres wird in den nächsten Jahren immer wichtiger werden und hier sehen wir viel Potential. Insgesamt soll unser Bot Interessenten die Chance geben uns kennenzulernen und erklären woran wir arbeiten.\u003C/span>\u003C/p>\n\u003Ch2>Integration in Servicelandschaft\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ein Chatbot muss sich in die bestehende Servicelandschaft integrieren. Im zweiten Schritt muss man sich daher überlegen, wo er genau eingesetzt werden soll. Die wichtigsten Kanäle hier sind:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Messenger (FB, Telegram, Skype, etc.)\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Website\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">App\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Da wir keine App haben, können wir den Punkt gleich ausschließen. Chatbots auf Webseiten sind extrem spannend. Besonders für große Firmen hat es viele Vorteile wenn die ganze Kommunikation über ihre eigenen Systeme läuft und nicht über Firmen wie Facebook. Das hat natürlich auch rechtliche Gründe. Weiters bieten Chatbots auf Webseiten die Möglichkeit, sie gezielt und spezialisiert auf Themenseiten einzusetzen. Der Bot muss nicht überall zu sehen sein, sondern kann auf bestimmten Seiten erscheinen, wo er gezielt helfen kann. Das war auch der Grund warum wir für Wüstenrot einen \u003Ca href=\"https://www.klickmal.at/mobilitaet/kfz-versicherung.html\" target=\"_blank\" rel=\"noopener noreferrer\">Chatbot\u003C/a> auf ihrer Klickmal.at Seite platziert haben.\u003C/span>\u003C/p>\n\u003Cblockquote>\n\u003Cp>Messenger dagegen sind relativ neue Kanäle und können traditionelle Kommunikationslandschaften erweitern.\u003C/p>\n\u003C/blockquote>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Man muss aber auch bedenken, dass man hier das komplette Chat-Interface selbst umsetzen muss, was natürlich viel mehr Aufwand ist, als wenn man bereits vorhandene Anwendungen wie Facebook Messenger verwendet. Auf der anderen Seite ist ein selbst gemachtes Chat-Interface natürlich maßgeschneidert auf die Bedürfnisse des Chatbots bzw. seiner Gesprächspartner.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Messenger dagegen sind relativ neue Kanäle und können traditionelle Kommunikationslandschaften erweitern. Sie sind extrem beliebt, etabliert und ihre Nutzer stellen oft eine neue Zielgruppe für Firmen dar. Die Kommunikation mit Firmen über Messenger wird in den nächsten Jahren immer stärker werden und bald alltäglich sein.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Unsere Wahl fiel auf den Facebook Messenger, weil ein Chatbot hier schneller umzusetzen ist, als auf einer Website und der Kanal gut zu uns passt.\u003C/span>\u003C/p>\n\u003Ch2>Persönlichkeit\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Besonders wichtig bei jedem Chatbot ist der “Charakter”. Wie soll der Bot auftreten und mit seinen Nutzer interagieren? Das hängt natürlich ganz klar von der Firma und ihren Kunden ab. Wir sind eine freundliche, lustige Truppe und da muss die Persönlichkeit des Bots auch dazu passen. Besonders weil wir ihn auch als Teammitglied präsentieren wollen, waren für uns diese Eigenschaften wichtig:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">freundlich\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">professionell\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">hilfreich\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">lustig\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">menschlich\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Ch2>Umsetzung\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Um so schnell wie möglich unseren Chatbot zum Leben erwecken zu können, statten wir ihn zu Beginn mit nur einer einzigen Funktion aus. Klingt wenig? Ist es auch! Doch so können wir flott Resultate zeigen und ihr bekommt einen besseren Einblick in den Projektverlauf. Nach einem ersten Brainstorming hatten wir folgende Funktionen gesammelt:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Erklären was wir tun, unsere Mission und Ziele\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Team vorstellen\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Unsere Projekte zeigen\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Blogartikel Abo\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Nach einigen kleinen Diskussionen haben wir uns dann für “Team vorstellen” entschieden. Die Funktion ist nicht so aufwendig in der Umsetzung und passt auch gut zu uns, da uns unser Team sehr am Herzen liegt. Da der Chatbot später viel mehr können soll, ist es auch gar nicht so wichtig, womit wir beginnen. Step by step ist die Devise. Für einen besseren Überblick, habe ich ein Flowchart erstellt, das den Konversations-Fluss visualisiert. \u003C/span>\u003C/p>\n\u003Cp>\u003C/p>\u003Cdiv id=\"attachment_10896\" style=\"width: 1034px\" class=\"wp-caption alignleft\">\u003Cdiv alt=\"Conversation Flow of the Liechtenecker Chatbot\" data-entity-type=\"media\" data-entity-uuid=\"5ef70ae2-cb7f-44c3-98ae-77df095a5173\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=M0zq5nRx 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=W4NVpmg3 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1024\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=J7uTU9RD 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=bvespsvE 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=R13k-Tmj 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=6aNSOh7P 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"364\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=zgL0Xl-5 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=GYnB4qzO 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"234\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=_GsLUfDX 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.webp?itok=OM1_LOux 2x\" type=\"image/webp\" width=\"1024\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"1024\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/08/chatbot_infografik3-1.jpg.jpg?itok=OM1_LOux\" alt=\"Conversation Flow of the Liechtenecker Chatbot\" title=\"chatbot_infografik3\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10896\" class=\"wp-caption-text\">Konversations-Fluss Diagramm\u003C/p>\u003C/div>\u003Cbr>\n \u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Gerade wenn anfangs nur wenige Funktionen geboten werden, ist der Ein- und Ausstieg in das Gespräch mit dem Bot entscheidend. Für den Nutzer muss klar ersichtlich sein, was möglich ist und was nicht.\u003C/span>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Zu Beginn ist es vollkommen ok das Gespräch zu “führen” und wenig Freiheiten zu bieten. Das ist einfacher und hilft dem Nutzer beim kennenlernen des Bots. Wir fragen daher gleich zu Beginn, ob der Nutzer mit einem Menschen sprechen, oder ob er das Team kennen lernen möchte. Entscheidet er sich für einen Menschen, dann schicken wir eine Nachricht in unser Slack Team. So weiß jeder im Team gleich Bescheid. Später, wenn der Bot dann gesprächiger ist, können wir ihn mehr mit seinen Gesprächspartnern alleine lassen – und nur dann einspringen, wenn er nicht mehr weiter weiß.\u003C/span>\u003C/p>\n\u003Cp> \u003Cbr>\n\u003C/p>\u003Cdiv id=\"attachment_10907\" style=\"width: 970px\" class=\"wp-caption alignnone\">\u003Cdiv alt=\"Screenshot of the Slack message which is sent to us when some wants to talk to a human instead of the bot\" data-entity-type=\"media\" data-entity-uuid=\"8ef93f56-3c3c-450a-b288-dcd579348477\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=mqCSWhv0 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=amqvG0mS 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"960\" height=\"540\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=gozVaJSv 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=JsWmdEI1 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"960\" height=\"540\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=Iu8uLerO 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=0jQ2N4BP 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"419\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=6DVFMRo1 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=pgU17lCA 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=r1D6Drt- 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.webp?itok=AVdP7LMG 2x\" type=\"image/webp\" width=\"960\" height=\"540\">\n                  \u003Cimg loading=\"lazy\" width=\"960\" height=\"540\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/08/slack_beitragsbild_optimized_v2-1.png.jpg?itok=AVdP7LMG\" alt=\"Screenshot of the Slack message which is sent to us when some wants to talk to a human instead of the bot\" title=\"slack_beitragsbild_optimized_v2\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10907\" class=\"wp-caption-text\">Slack Nachricht vom Bot an unser Team wenn der Nutzer mit einem Menschen sprechen möchte\u003C/p>\u003C/div>\n\u003Ch2>Weiterentwicklung\u003C/h2>\n\u003Cp>\u003C/p>\u003Cdiv style=\"width: 500px;\" class=\"wp-video\">\u003Cvideo class=\"wp-video-shortcode\" id=\"video-10895-2\" width=\"500\" height=\"888\" preload=\"metadata\" controls=\"controls\">\u003Csource type=\"video/mp4\" src=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/08/liebot_video_2-1.mp4?_=2\">\u003Ca href=\"/wp-content/uploads/2017/08/liebot_video_2-1.mp4\">https://legacy.liechtenecker.dev/wp-content/uploads/2017/08/liebot_video_2-1.mp4\u003C/a>\u003C/video>\u003C/div>\u003Cbr>\n \u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">So sieht also unsere erste Version vom Liechtenecker Chatbot Tim aus. Wir sind sehr froh Tim bei uns Team begrüßen zu dürfen und hoffen er benimmt sich auch ordentlich. Er hat noch viel zu lernen und einen langen Weg vor sich – wir sind jedoch sehr optimistisch, dass er uns nicht enttäuschen wird und eine Hilfe für euch und uns sein wird.\u003C/span>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wir arbeiten bereits an weiteren Funktionen, über die wir euch dann im nächsten Artikel berichten werden. Im Gegensatz zu anderen Projekten, ist es nach dem Go-Live nicht vorbei. Ein Chatbot muss sich ständig weiterentwickeln. Tim soll euch als Beispiel dienen, wie man ein Chatbot Projekt beginnen und weiterverfolgen kann. Deshalb freue ich mich auch über eure Fragen, Anregungen, Kritik und Wünsche. Bitte einfach die Kommentarfunktion verwenden, oder gleich über \u003Ca href=\"https://m.me/liechteneckers\" target=\"_blank\" rel=\"noopener noreferrer\">Tim\u003C/a> mit uns Kontakt aufnehmen.\u003C/span>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":160,"id":161,"excludeFromScreenreader":13,"mediaImage":162,"name":168,"path":171,"status":20},"MediaImage","1478",{"__typename":163,"url":164,"width":165,"height":166,"alt":167,"title":168,"size":169,"mime":170},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/08/lie_chatbot_1_bild_1920x500_2017-1.png",1920,500,"Blog article image showing a head that is being drawn with tech and love","lie_chatbot_1_bild_1920x500_2017",103250,"image/png","/media/1478/edit",{"__typename":160,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":178,"path":180,"status":20},"1477",{"__typename":163,"url":175,"width":176,"height":177,"alt":167,"title":178,"size":179,"mime":170},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/08/lie_chatbot_1_bild_922x519_2017-1.png",922,519,"lie_chatbot_1_bild_922x519_2017",52859,"/media/1477/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Wir bauen den Liechtenecker Chatbot, Teil #1 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"“Chatbots sind gekommen um zu bleiben und werden die Kommunikation von Kunden mit Firmen revolutionieren. Wichtig ist es jetzt damit zu beginnen, auch wenn der Bot noch nicht so viel kann.” Bei jedem Kundenmeeting, in dem es um Chatbots geht, erzähle ich das und stehe auch voll dahinter. Doch warum haben wir Liechteneckers dann eigentlich […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2017-08-04T09:09:27+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:40:27+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/08/chatbot_infografik3-1-1024x500.jpg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"6 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/08/chatbot_infografik3-1.jpg\",\"width\":1024,\"height\":500,\"caption\":\"Conversation Flow of the Liechtenecker Chatbot\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/\",\"name\":\"Wir bauen den Liechtenecker Chatbot, Teil #1 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/#primaryimage\"},\"datePublished\":\"2017-08-04T09:09:27+00:00\",\"dateModified\":\"2019-04-09T09:40:27+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-1/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\",\"name\":\"Christoph Rumpel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/3191eb8b348673db049a15f94835ba83?s=96&d=mm&r=g\",\"caption\":\"Christoph Rumpel\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":183,"id":184,"myRole":185,"name":186,"nickname":187},"User","4","-","c-rumpel","Christoph Rumpel",{"latestKnowhow":189},[190,206,219],{"__typename":79,"id":191,"title":192,"path":193,"wpTeaserText":194,"wpPromotedTeaserImage":13,"wpHeaderImage":195},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":160,"id":196,"excludeFromScreenreader":13,"mediaImage":197,"name":204,"path":205,"status":20},"3364",{"__typename":163,"url":198,"width":199,"height":200,"alt":201,"title":13,"size":202,"mime":203},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":207,"title":208,"path":209,"wpTeaserText":210,"wpPromotedTeaserImage":13,"wpHeaderImage":211},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":160,"id":212,"excludeFromScreenreader":13,"mediaImage":213,"name":217,"path":218,"status":20},"3355",{"__typename":163,"url":214,"width":199,"height":200,"alt":215,"title":13,"size":216,"mime":203},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":220,"title":221,"path":222,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":223},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":160,"id":224,"excludeFromScreenreader":21,"mediaImage":225,"name":229,"path":230,"status":20},"3303",{"__typename":163,"url":226,"width":199,"height":200,"alt":227,"title":13,"size":228,"mime":203},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":232,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":233,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":237,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":240,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":243,"Menu:footer":246,"ROOT_QUERY":256,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":272,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":275,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":278,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":281,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":284,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":287,"Menu:nuxt-main-menu":290,"TermCategories:7":304,"TermTags:218":315,"TermTags:433":316,"TermTags:753":317,"TermTags:802":318,"MediaImage:1478":319,"MediaImage:1477":321,"User:4":323,"NodeWpPost:855":324,"MediaImage:3364":353,"NodeWpPost:1619":355,"MediaImage:3355":358,"NodeWpPost:1616":360,"MediaImage:3303":363,"NodeWpPost:1606":365},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",234,"internal",20,"expanded",21,"attributes",236],{"__ref":235},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",238,"internal",20,"expanded",21,"attributes",239],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",241,"internal",20,"expanded",21,"attributes",242],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",244,"internal",21,"expanded",21,"attributes",245],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",247],[248,250,252,254],{"__ref":249},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":251},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":253},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":255},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",257,"menu({\"name\":\"FOOTER\"})",258,"menu({\"name\":\"NUXT_MAIN_MENU\"})",260,"route({\"path\":\"/blog/wir-bauen-den-liechtenecker-chatbot-teil-1\"})",262,"latestKnowhow({\"excludeId\":\"855\",\"limit\":3})",265],"Query",{"__ref":259},"Menu:footer",{"__ref":261},"Menu:nuxt-main-menu",["null","__typename",77,"entity",263],{"__ref":264},"NodeWpPost:855",[266,268,270],{"__ref":267},"NodeWpPost:1619",{"__ref":269},"NodeWpPost:1616",{"__ref":271},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",273,"internal",20,"expanded",21,"attributes",274],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",279,"internal",20,"expanded",21,"attributes",280],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",282,"internal",20,"expanded",21,"attributes",283],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",285,"internal",20,"expanded",21,"attributes",286],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",288,"internal",20,"expanded",21,"attributes",289],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",291],[292,294,296,298,300,302],{"__ref":293},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":295},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":297},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":299},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":301},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":303},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",305,"langcode",306,"changed",307,"metatag",308],["null","__typename",120,"processed",121,"format",122],{"__ref":235},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[309,311,313],["null","__typename",95,"tag",96,"attributes",310],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",312],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",314],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",160,"id",161,"excludeFromScreenreader",13,"mediaImage",320,"name",168,"path",171,"status",20],["null","__typename",163,"url",164,"width",165,"height",166,"alt",167,"title",168,"size",169,"mime",170],["null","__typename",160,"id",173,"excludeFromScreenreader",13,"mediaImage",322,"name",178,"path",180,"status",20],["null","__typename",163,"url",175,"width",176,"height",177,"alt",167,"title",178,"size",179,"mime",170],["null","__typename",183,"id",184,"myRole",185,"name",186,"nickname",187],["null","__typename",79,"id",80,"title",81,"changed",325,"created",326,"langcode",327,"path",92,"promote",21,"status",20,"sticky",21,"metatag",328,"category",335,"contentElements",13,"evergreen",13,"tags",337,"wpBody",346,"wpHeaderImage",13,"wpHeaderImageOld",347,"wpHeaderImageOldSmall",349,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",181,"author",351],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":235},[329,331,333],["null","__typename",95,"tag",96,"attributes",330],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",332],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",334],["null","__typename",111,"property",112,"content",81],{"__ref":336},"TermCategories:7",[338,340,342,344],{"__ref":339},"TermTags:218",{"__ref":341},"TermTags:433",{"__ref":343},"TermTags:753",{"__ref":345},"TermTags:802",["null","__typename",157,"processed",158,"format",122,"summary",13],{"__ref":348},"MediaImage:1478",{"__ref":350},"MediaImage:1477",{"__ref":352},"User:4",["null","__typename",160,"id",196,"excludeFromScreenreader",13,"mediaImage",354,"name",204,"path",205,"status",20],["null","__typename",163,"url",198,"width",199,"height",200,"alt",201,"title",13,"size",202,"mime",203],["null","__typename",79,"id",191,"title",192,"path",193,"wpTeaserText",194,"wpPromotedTeaserImage",13,"wpHeaderImage",356],{"__ref":357},"MediaImage:3364",["null","__typename",160,"id",212,"excludeFromScreenreader",13,"mediaImage",359,"name",217,"path",218,"status",20],["null","__typename",163,"url",214,"width",199,"height",200,"alt",215,"title",13,"size",216,"mime",203],["null","__typename",79,"id",207,"title",208,"path",209,"wpTeaserText",210,"wpPromotedTeaserImage",13,"wpHeaderImage",361],{"__ref":362},"MediaImage:3355",["null","__typename",160,"id",224,"excludeFromScreenreader",21,"mediaImage",364,"name",229,"path",230,"status",20],["null","__typename",163,"url",226,"width",199,"height",200,"alt",227,"title",13,"size",228,"mime",203],["null","__typename",79,"id",220,"title",221,"path",222,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",366],{"__ref":367},"MediaImage:3303"]