[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"FaS10JzUBQqHuCgOMM1qDavJLQBRX7ZCs7Adsrp-xTM":75,"4a0cuETVVvwL-8OAniwpCy1jPe66iFghlNwCvhh4EqM":192,"_apollo:default":235},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__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},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__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":160,"wpHeaderImage":13,"wpHeaderImageOld":163,"wpHeaderImageOldSmall":176,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":185,"author":186},"NodeWpPost","849","Wir bauen den Liechtenecker Chatbot, Teil #3",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554795485,"UTC","+00:00","2019-04-09T07:38:05+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1505211856,"2017-09-12T10:24:16+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/wir-bauen-den-liechtenecker-chatbot-teil-3",[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 #3 | 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-3","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,156],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","216","chatbot","/tag/chatbot",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"433","Facebook","/tag/facebook",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"860","natural language processing","/tag/natural-language-processing",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"888","NLP","/tag/nlp",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1320","tim","/tag/tim",{"__typename":161,"processed":162,"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>In diesem dritten Teil unsere Serie über unseren Chatbot Tim widmen wir uns dem Thema NLP. Keine Angst, wir reden hier nicht von dem bösen Politiker-NLP (Neuro-Linguistisches Programmieren). Bei uns geht es vielmehr um Natural Language Processing – der heilige Gral der Chatbots.\u003C/p>\n\u003Ch2>Das Resultat\u003C/h2>\n\u003Cp>Beginnen wir diesmal gleich mit dem Resultat und schauen uns danach an, wie wir dort hin hingekommen sind.\u003Cbr>\n\u003C/p>\u003Cdiv style=\"width: 404px;\" class=\"wp-video\">\u003Cvideo class=\"wp-video-shortcode\" id=\"video-11083-2\" width=\"404\" height=\"720\" preload=\"metadata\" controls=\"controls\">\u003Csource type=\"video/mp4\" src=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/09/liebot_nlp_video_1_1-1.mp4?_=2\">\u003Ca href=\"/wp-content/uploads/2017/09/liebot_nlp_video_1_1-1.mp4\">https://legacy.liechtenecker.dev/wp-content/uploads/2017/09/liebot_nlp_video_1_1-1.mp4\u003C/a>\u003C/video>\u003C/div>\u003Cbr>\nAuf den ersten Blick sieht das Beispiel aus dem Video nicht allzu spannend aus. Der Nutzer schreibt einen Satz und der Bot antwortet darauf mit der richtigen Antwort. Eigentlich ganz normal und nichts Besonderes. Doch wenn man es genauer betrachtet, ist es schon ziemlich beachtlich.\n\u003Cblockquote>\n\u003Cp>Bei NLP geht es darum, die Kommunikation zwischen Mensch und Maschine zu verbessern.\u003C/p>\n\u003C/blockquote>\n\u003Cp>Wenn ihr Tim testet und den Beispieltext etwas variiert, werdet ihr sehen, dass es trotzdem noch funktioniert. Beim Programmieren ist es sehr einfach zu sagen: Ist der Text der Nachricht “Hi”, dann antworte mit “Hallo zurück :-)”. Etwas mehr Aufwand, aber auch nicht schwierig, wäre für “Hi”, “hi”, “Hello”, “Grüß dich” genauso mit “Hallo zurück :-)” zu antworten. Doch jede mögliche Eingabe zu beachten ist unmöglich und macht keinen Sinn mehr. Deshalb gibt es NLP und die entsprechenden Tools dafür.\u003C/p>\n\u003Ch2>Natural Language Processing\u003C/h2>\n\u003Cdiv alt=\"Screenshot of the API.ai dashboard\" data-entity-type=\"media\" data-entity-uuid=\"576a715b-99af-4dc3-8151-1d85a6699ba8\" 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/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=wFphhvz- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=-cYcwXIK 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1024\" height=\"651\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=e2WRsUo6 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=TonGtbF4 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"651\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=kiggQMgC 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=gZu8Io9w 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"474\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=KX5pIE_M 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=Lp9jNpYj 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"305\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=6nSz12wv 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.webp?itok=Ypfpi1-q 2x\" type=\"image/webp\" width=\"1024\" height=\"651\">\n                  \u003Cimg loading=\"lazy\" width=\"1024\" height=\"651\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_api_at-1.png.jpg?itok=Ypfpi1-q\" alt=\"Screenshot of the API.ai dashboard\" title=\"lie_chatbot_3_bild_api_at\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Bei NLP geht es darum die Kommunikation zwischen Mensch und Maschine zu verbessern. Die natürliche Sprache des Menschens unterscheidet sich stark von der von Maschinen. Sie muss analysiert und Informationen daraus extrahiert werden. Erst damit hat die Maschine (oder ein Programm) die Möglichkeit die Nachricht zu verstehen und richtig darauf zu antworten. Genau das benötigen wir, wenn wir komplexere Chatbots bauen.\u003Cbr>\nAPI.ai ist ein Tool von Google, das uns genau diese Funktionalität als Service bereitstellt. Nachrichten die ihr an Tim schickt, werden davon analysiert, und die dabei entstehenden Infos helfen uns dabei, euch wieder richtig zu antworten. Derzeit setzen wir dieses Service aber bei Tim nur in dem gezeigten Beispiel ein.\u003Cbr>\n\u003Cbr>\nIm Screenshot seht ihr einen Ausschnitt aus der Oberfläche von API.ai. In der Mitte habe ich Beispielsätze eingegeben. Diese sollen Nutzer-Nachrichten für einen bestimmten “intent” (Absicht), simulieren. In unserem Beispiel ist die Absicht vom Nutzer, mehr Infos über einen bestimmten Mitarbeiter zu erfahren.\u003Cbr>\nDank Machine Learning im Hintergrund reichen diese paar Beispiele aus, um eine Vielzahl an ähnlichen Möglichkeiten auch zu erkennen. Außerdem erkennt Api.ai die Namen aus den Nutzernachrichten (gelb markiert) und diese bekomme ich extra ausgespielt.\u003C/p>\n\u003Ch2>Es gibt auch Nachteile\u003C/h2>\n\u003Cp>Wir setzen NLP in unseren Chatbots noch sehr spärlich ein, denn es gibt auch Nachteile. Je mehr Freitext man erlaubt und unterstützt, desto unklarer wird es für den Nutzer was der Bot wirklich kann. Wer jetzt versucht im Gespräch mit Tim über Freitext auch das Blogartikel-Abo zu starten, wird schnell scheitern. Das haben wir nämlich noch nicht eingebaut 🙂 Woher weiß der Nutzer jetzt was möglich ist und was nicht? Das ist ein großes UX-Problem, denn wir wollen die Nutzer natürlich nicht enttäuschen. Deshalb ist es derzeit noch besser, simpel zu starten und dem Nutzer mit Auswahlmöglichkeiten wie Buttons zu helfen.\u003C/p>\n\u003Ch2>Natürliche Sprache wird sich durchsetzen\u003C/h2>\n\u003Cp>Trotz der erwähnten Schwierigkeiten beim Einsatz von NLP sind komplexe Konversationen und die natürlich Sprache die Zukunft. Die Technik entwickelt sich rasant weiter und schon bald können Chatbots richtig natürliche Gespräche führen und wir werden sie überall im Einsatz sehen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":172,"path":175,"status":20},"MediaImage","1426",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":172,"size":173,"mime":174},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_1920x500_2017-1.png",1920,500,"Blog article cover image showing an abstraction of a face","lie_chatbot_3_bild_1920x500_2017",105055,"image/png","/media/1426/edit",{"__typename":164,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":182,"path":184,"status":20},"1427",{"__typename":167,"url":179,"width":180,"height":181,"alt":171,"title":182,"size":183,"mime":174},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/09/lie_chatbot_3_bild_922x519_2017-1.png",922,519,"lie_chatbot_3_bild_922x519_2017",54243,"/media/1427/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-3/\" />\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 #3 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"In diesem dritten Teil unsere Serie über unseren Chatbot Tim widmen wir uns dem Thema NLP. Keine Angst, wir reden hier nicht von dem bösen Politiker-NLP (Neuro-Linguistisches Programmieren). Bei uns geht es vielmehr um Natural Language Processing – der heilige Gral der Chatbots. Das Resultat Beginnen wir diesmal gleich mit dem Resultat und schauen uns […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-3/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2017-09-12T12:24:16+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:38:05+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/09/lie_chatbot_3_bild_api_at-1-1024x651.png\" />\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=\"3 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-3/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/09/lie_chatbot_3_bild_api_at-1.png\",\"width\":1024,\"height\":651,\"caption\":\"Screenshot of the API.ai dashboard\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-3/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-3/\",\"name\":\"Wir bauen den Liechtenecker Chatbot, Teil #3 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/wir-bauen-den-liechtenecker-chatbot-teil-3/#primaryimage\"},\"datePublished\":\"2017-09-12T12:24:16+00:00\",\"dateModified\":\"2019-04-09T09:38:05+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-3/\"]}]},{\"@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":187,"id":188,"myRole":189,"name":190,"nickname":191},"User","4","-","c-rumpel","Christoph Rumpel",{"latestKnowhow":193},[194,210,223],{"__typename":79,"id":195,"title":196,"path":197,"wpTeaserText":198,"wpPromotedTeaserImage":13,"wpHeaderImage":199},"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":164,"id":200,"excludeFromScreenreader":13,"mediaImage":201,"name":208,"path":209,"status":20},"3364",{"__typename":167,"url":202,"width":203,"height":204,"alt":205,"title":13,"size":206,"mime":207},"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":211,"title":212,"path":213,"wpTeaserText":214,"wpPromotedTeaserImage":13,"wpHeaderImage":215},"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":164,"id":216,"excludeFromScreenreader":13,"mediaImage":217,"name":221,"path":222,"status":20},"3355",{"__typename":167,"url":218,"width":203,"height":204,"alt":219,"title":13,"size":220,"mime":207},"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":224,"title":225,"path":226,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":227},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":228,"excludeFromScreenreader":21,"mediaImage":229,"name":233,"path":234,"status":20},"3303",{"__typename":167,"url":230,"width":203,"height":204,"alt":231,"title":13,"size":232,"mime":207},"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":236,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":237,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":241,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":244,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":247,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":250,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":253,"Menu:nuxt-main-menu":256,"ROOT_QUERY":270,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":286,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":289,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":292,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":295,"Menu:footer":298,"TermCategories:7":308,"TermTags:216":319,"TermTags:433":320,"TermTags:860":321,"TermTags:888":322,"TermTags:1320":323,"MediaImage:1426":324,"MediaImage:1427":326,"User:4":328,"NodeWpPost:849":329,"MediaImage:3364":360,"NodeWpPost:1619":362,"MediaImage:3355":365,"NodeWpPost:1616":367,"MediaImage:3303":370,"NodeWpPost:1606":372},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",238,"internal",20,"expanded",21,"attributes",240],{"__ref":239},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",242,"internal",20,"expanded",21,"attributes",243],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",245,"internal",20,"expanded",21,"attributes",246],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",248,"internal",20,"expanded",21,"attributes",249],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",251,"internal",20,"expanded",21,"attributes",252],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",254,"internal",20,"expanded",21,"attributes",255],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",257],[258,260,262,264,266,268],{"__ref":259},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":261},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":263},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":265},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":267},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":269},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",271,"menu({\"name\":\"NUXT_MAIN_MENU\"})",272,"menu({\"name\":\"FOOTER\"})",274,"route({\"path\":\"/blog/wir-bauen-den-liechtenecker-chatbot-teil-3\"})",276,"latestKnowhow({\"excludeId\":\"849\",\"limit\":3})",279],"Query",{"__ref":273},"Menu:nuxt-main-menu",{"__ref":275},"Menu:footer",["null","__typename",77,"entity",277],{"__ref":278},"NodeWpPost:849",[280,282,284],{"__ref":281},"NodeWpPost:1619",{"__ref":283},"NodeWpPost:1616",{"__ref":285},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",287,"internal",20,"expanded",21,"attributes",288],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",290,"internal",20,"expanded",21,"attributes",291],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",293,"internal",20,"expanded",21,"attributes",294],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",296,"internal",21,"expanded",21,"attributes",297],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",299],[300,302,304,306],{"__ref":301},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":303},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":305},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":307},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",309,"langcode",310,"changed",311,"metatag",312],["null","__typename",120,"processed",121,"format",122],{"__ref":239},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[313,315,317],["null","__typename",95,"tag",96,"attributes",314],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",316],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",318],["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",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",325,"name",172,"path",175,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",172,"size",173,"mime",174],["null","__typename",164,"id",177,"excludeFromScreenreader",13,"mediaImage",327,"name",182,"path",184,"status",20],["null","__typename",167,"url",179,"width",180,"height",181,"alt",171,"title",182,"size",183,"mime",174],["null","__typename",187,"id",188,"myRole",189,"name",190,"nickname",191],["null","__typename",79,"id",80,"title",81,"changed",330,"created",331,"langcode",332,"path",92,"promote",21,"status",20,"sticky",21,"metatag",333,"category",340,"contentElements",13,"evergreen",13,"tags",342,"wpBody",353,"wpHeaderImage",13,"wpHeaderImageOld",354,"wpHeaderImageOldSmall",356,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",185,"author",358],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":239},[334,336,338],["null","__typename",95,"tag",96,"attributes",335],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",337],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",339],["null","__typename",111,"property",112,"content",81],{"__ref":341},"TermCategories:7",[343,345,347,349,351],{"__ref":344},"TermTags:216",{"__ref":346},"TermTags:433",{"__ref":348},"TermTags:860",{"__ref":350},"TermTags:888",{"__ref":352},"TermTags:1320",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":355},"MediaImage:1426",{"__ref":357},"MediaImage:1427",{"__ref":359},"User:4",["null","__typename",164,"id",200,"excludeFromScreenreader",13,"mediaImage",361,"name",208,"path",209,"status",20],["null","__typename",167,"url",202,"width",203,"height",204,"alt",205,"title",13,"size",206,"mime",207],["null","__typename",79,"id",195,"title",196,"path",197,"wpTeaserText",198,"wpPromotedTeaserImage",13,"wpHeaderImage",363],{"__ref":364},"MediaImage:3364",["null","__typename",164,"id",216,"excludeFromScreenreader",13,"mediaImage",366,"name",221,"path",222,"status",20],["null","__typename",167,"url",218,"width",203,"height",204,"alt",219,"title",13,"size",220,"mime",207],["null","__typename",79,"id",211,"title",212,"path",213,"wpTeaserText",214,"wpPromotedTeaserImage",13,"wpHeaderImage",368],{"__ref":369},"MediaImage:3355",["null","__typename",164,"id",228,"excludeFromScreenreader",21,"mediaImage",371,"name",233,"path",234,"status",20],["null","__typename",167,"url",230,"width",203,"height",204,"alt",231,"title",13,"size",232,"mime",207],["null","__typename",79,"id",224,"title",225,"path",226,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",373],{"__ref":374},"MediaImage:3303"]