[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"XQ6_mx1mR52HLoY4QeXwG4d0HDivoHFVYqUxYCe7VAM":75,"7XP7HBKP7teRyJc2vWyoyswRBk3EG0rFH7PsvcO-Wzc":188,"_apollo:default":231},{"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":156,"wpHeaderImage":13,"wpHeaderImageOld":159,"wpHeaderImageOldSmall":172,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":181,"author":182},"NodeWpPost","876","Die Welt braucht Responsive Chatbots",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554796375,"UTC","+00:00","2019-04-09T07:52:55+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1487833534,"2017-02-23T07:05:34+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/die-welt-braucht-responsive-chatbots",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Die Welt braucht Responsive Chatbots | 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/die-welt-braucht-responsive-chatbots","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},"270","conversational interface","/tag/conversational-interface",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"1072","responsive","/tag/responsive",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"1405","UX","/tag/ux",{"__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>Seit \u003Ca href=\"/responsive-webdesign-die-basics/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cstrong>Responsive Webdesign\u003C/strong>\u003C/a> ist „responsive“ ein wichtiger Begriff in unserem Alltag geworden. Natürlich gibt es Responsive Design auch noch, aber es ist bereits so selbstverständlich, dass man darüber nicht mehr sprechen muss. Der Begriff „Responsive“ ist aber als wünschenswerte Eigenschaft für unsere Projekte geblieben. Dabei geht es neben dem Design darum, dass der Nutzer ein für ihn zugeschnittenes Erlebnis geliefert bekommt, egal wo er ein Service nutzt. Auch Chatbots können und sollten responsive sein!\u003C/p>\n\u003Cblockquote>\n\u003Cp>Wenn es um Chatbots geht, dürfen wir nicht auf das Wichtigste vergessen: Den Nutzer.\u003C/p>\n\u003C/blockquote>\n\u003Ch2>Die vielen Gesichter von Chatbots\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Chatbots sind derzeit ein Sammelbegriff für ganz viele verschiedene Dinge: Er beinhaltet \u003Cstrong>Bots\u003C/strong>, \u003Cstrong>Automation\u003C/strong>, \u003Cstrong>Machine Learning\u003C/strong>, \u003Cstrong>AI\u003C/strong>, \u003Cstrong>Natural Language Processing\u003C/strong> uvw. In meinem letzten Artikel \u003Ca href=\"/chatbot-der-digitale-assistent-fur-kunden-und-mitarbeiter/\" target=\"_blank\" rel=\"noopener noreferrer\">Chatbot – Der Digitale Chat Assistent für Kunden und Mitarbeiter\u003C/a> habe ich erklärt, worum es beim Thema Chatbot geht und wem es nützt.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Aber das war noch nicht alles: Neben dem was sie tun, gibt es auch verschiedene Arten, wie Chatbots visuell dargestellt werden können. Ein Chatbot ist ja ein Conversational Interface oder einfach gesagt: ein Chatfenster. Davon gibt es einige Ausprägungen, die ich mir heute mit euch genauer ansehen möchte. \u003C/span>\u003C/p>\n\u003Ch2>Das kleine Chatfenster unten im Eck\u003C/h2>\n\u003Cp>\u003C/p>\u003Cdiv id=\"attachment_10450\" style=\"width: 1034px\" class=\"wp-caption alignnone\">\u003Cdiv alt=\"Screenshot of a small chat window on a website (chatbots)\" data-entity-type=\"media\" data-entity-uuid=\"64faee5f-3b33-4fe1-ac36-3bdf9dcad456\" 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/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=FRB3g5c_ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=sE7c1xb- 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1268\" height=\"493\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=c39qEsI1 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=KQIfCJZT 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"398\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=WHY8SM1z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=IWf2t4Vd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"290\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=LanME0fa 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=p3Wra338 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"187\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=qIpvckrj 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.webp?itok=25mE0Iie 2x\" type=\"image/webp\" width=\"1268\" height=\"493\">\n                  \u003Cimg loading=\"lazy\" width=\"1268\" height=\"493\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/02/Screen-Shot-2017-02-20-at-13.53.14-1.png.jpg?itok=25mE0Iie\" alt=\"Screenshot of a small chat window on a website (chatbots)\" title=\"Screen Shot 2017-02-20 at 13.53.14\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10450\" class=\"wp-caption-text\">Quelle: https://chatlio.com/\u003C/p>\u003C/div>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Wir kennen es von vielen Produktseiten, die uns auf ihrer Desktop-Ansicht mit einem kleinen Chat im unteren Eck der Seite begrüßen. Meist ist nur die Begrüßung automatisch und wenn der User antwortet, wird er mit einem Mitarbeiter verbunden. Das ändert sich aber derzeit: Bereits hier können die ersten Nutzer-Anfragen automatisch bearbeitet werden. Besonders wenn es darum geht, wo man bestimmte Inhalte auf der Website findet, kann man hier sehr schnell seinem Nutzer eine automatische Antwort liefern, die ihm weiterhilft. Fertig ist der kleine Chatbot im Eck.\u003C/span>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Cstrong>Vorteile\u003C/strong>:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">schnelle Hilfestellung für Nutzer bereits auf der Startseite\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">dezent und stört nicht\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Cstrong>Nachteile\u003C/strong>:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">sehr klein\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">aufwändige Implementierung \u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Einsatzmöglichkeiten:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>auf Webseiten\u003C/li>\n\u003Cli>als\u003Cstrong> zusätzliche \u003C/strong>Hilfestellung\u003C/li>\n\u003Cli>wird dezent eingesetzt und ist optional\u003C/li>\n\u003C/ul>\n\u003Ch2>Native Messenger\u003C/h2>\n\u003Cp>\u003C/p>\u003Cdiv id=\"attachment_10458\" style=\"width: 348px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"Screenshot of a native Messenger conversation (chatbots)\" data-entity-type=\"media\" data-entity-uuid=\"bc211c48-b3c7-467a-9b80-5715c540ca6c\" 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/02/IMG_2808-1.png.webp?itok=vmCzWTHG 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=OZ6Z0EOm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"338\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=C6mTXCHp 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=X9l5B_or 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"338\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=0Gus0692 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=FY6iUL04 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"338\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=xeuHin18 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=g2Z-64K4 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"338\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=x86WBRyW 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.webp?itok=xbRq0tQI 2x\" type=\"image/webp\" width=\"338\" height=\"600\">\n                  \u003Cimg loading=\"lazy\" width=\"338\" height=\"600\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/02/IMG_2808-1.png.jpg?itok=xbRq0tQI\" alt=\"Screenshot of a native Messenger conversation (chatbots)\" title=\"IMG_2808\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10458\" class=\"wp-caption-text\">Quelle: NELA auf einem nativen Facebook Messenger\u003C/p>\u003C/div>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Uns am bekanntesten sind natürlich die nativen mobilen Messenger Apps á la Facebook Messenger, WhatsApp, Telegram usw. Wir nutzen sie täglich und daher ist hier der Sprung vom Chat mit einem Freund zu einem Bot am geringsten. Außerdem sind diese Messenger perfekt auf unsere Nutzung mobiler Geräte abgestimmt und das Einbinden von Bildern, Videos oder Standorten ist kinderleicht.\u003C/span>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Cstrong>Vorteile\u003C/strong>:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">ist uns bereits vertraut\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">haben wir bereits installiert\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">enorme Nutzerzahlen\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">keine Implementierung vom Chatfenster notwendig\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">laufend neue Features\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Cstrong>Nachteil\u003C/strong>:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Abhängigkeit von großen Firmen\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Gespräche sind nicht geschützt\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Transparenz fehlt\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Einsatzmöglichkeiten:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>als zusätzlicher Kanal auf Messengern\u003C/li>\n\u003Cli>unterstützt vorhandene Facebook Auftritte\u003C/li>\n\u003Cli>können autonome Services oder Spiele darstellen\u003C/li>\n\u003Cli>aber auch Erstkontakt / Abholung vor Weiterleitung auf Website sinnvoll\u003C/li>\n\u003C/ul>\n\u003Ch2>Das Chatfenster wird erwachsen\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ein Problem bei Chatbots ist die Visualisierung von Information. Je länger eine Konversation dauert, desto größer ist die Menge an Daten, die ausgetauscht wird. Hier fehlt schnell einmal der Überblick. Sei es eine Zusammenfassung von einer Abfrage oder z.B. ein Warenkorb, wenn es um E-Commerce geht. Hier tun wir uns bei der Darstellung als Bild / Text sehr schwer. Je weniger Platz das Chatfenster bietet, desto problematischer wird das natürlich.\u003C/span>\u003C/p>\n\u003Cblockquote>\n\u003Cp>Wir sind so fixiert auf die Chatfenster die wir kennen, dass wir gar nicht mehr an die Nutzer denken.\u003C/p>\n\u003C/blockquote>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Da Chatbots jetzt aber immer wichtiger werden, sehen wir sie nun auch immer öfter großflächig auf Webseiten eingesetzt. Dort machen sie durchaus auch Sinn und können zusätzlich mit ihrer Umgebung interagieren. Wir sind so fixiert auf die Chatfenster die wir kennen, dass wir gar nicht mehr an die Nutzer denken. Vorteil der Conversational Interfaces ist die natürliche Anwendung durch Text oder Sprache. Nachteil ist oft die Visualisierung von gesammelten Daten, oder Veranschaulichung von Informationen. Wenn man mehr Platz hat, gibt es aber auch mehr Möglichkeiten, dieses Problem zu lösen. Chatbots können mit Elementen um sie herum interagieren und dort zusätzliche, wichtige Informationen anzeigen.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wir haben uns überlegt, wie unser Chatbot NELA auf einer Webseite dem Nutzer ein besseres Erlebnis verschaffen könnte:\u003C/span>\u003C/p>\n\u003Cp> \u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">\u003Cdiv alt=\"Chatbot Nela als Beispiel für Responsive Chatbots\" data-entity-type=\"media\" data-entity-uuid=\"15b56f52-7db1-43f1-b8dd-3d201f37aa75\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Nela-Responsive-Chatbot\" alt=\"Chatbot Nela als Beispiel für Responsive Chatbots\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2017/02/Nela-Responsive-Chatbot-1.gif\" width=\"1000\" height=\"651\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cbr>\n\u003C/span>\u003C/p>\n\u003Cp> \u003Cbr>\n\u003Cstrong>Vorteile:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">mehr Platz\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">unabhängig (Facebook und Co. liest nicht mit)\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">individuelles Chat Design möglich\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">keine Einschränkung auf Messenger Features\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Nachteile:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">macht nur Sinn, wenn die Nutzer auch auf die Website finden\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Umsetzung sowie Wartung viel mehr Aufwand\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Einsatzmöglichkeiten:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>direkt auf Website des Service / Kunden\u003C/li>\n\u003Cli>ersetzt vorhandene Formulare und Suche von Inhalten\u003C/li>\n\u003C/ul>\n\u003Ch2>\u003Cstrong>Lange Rede, kurzer Sinn\u003C/strong>\u003C/h2>\n\u003Cp>Wenn es um Chatbots geht, dürfen wir nicht auf das Wichtigste vergessen: Den Nutzer. Derzeit ist das Motto „Hauptsache Chatbot“. Jeder möchte dabei sein und an den Nutzer selbst wird nur wenig gedacht. Das schmerzt unsere UX Herzen natürlich, aber sehe ich persönlich nicht als so schlimm an. Es ist eine Phase durch die wir jetzt durch müssen. Wichtig ist, die richtigen Schlüsse daraus zu ziehen und zu lernen. Chatbot ist nicht gleich Chatbot und nicht alles ist als Chatbot umgesetzt besser. Sie müssen responsive sein und sich an ihre Nutzer und Umgebungen anpassen. Nur so entstehen Vorteile und Chatbots für die Zukunft.\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","1535",{"__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/02/chatbot6_bild_1920x500_2017-1.png",1920,500,"Blog title image showing a responsive chatbot","chatbot6_bild_1920x500_2017",6118,"image/png","/media/1535/edit",{"__typename":160,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":178,"path":180,"status":20},"1534",{"__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/02/chatbot6_bild_922x519_2017-1.png",922,519,"chatbot6_bild_922x519_2017",5430,"/media/1534/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Seit Responsive Webdesign ist “responsive” ein wichtiger Begriff in unserem Alltag geworden. Auch Chatbots können und sollten responsive sein.\" />\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/die-welt-braucht-responsive-chatbots/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Die Welt braucht Responsive Chatbots - Chatbot ist nicht Chatbot\" />\n\u003Cmeta property=\"og:description\" content=\"Seit Responsive Webdesign ist “responsive” ein wichtiger Begriff in unserem Alltag geworden. Auch Chatbots können und sollten responsive sein.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/die-welt-braucht-responsive-chatbots/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2017-02-23T08:05:34+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:52:55+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/02/chatbot6_facebook_image_1200x717-1.png\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1200\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"717\" />\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=\"4 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/die-welt-braucht-responsive-chatbots/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/02/chatbot6_facebook_image_1200x717-1.png\",\"width\":1200,\"height\":717,\"caption\":\"Showing a chatbot with arrows to connect to the responsive title\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/die-welt-braucht-responsive-chatbots/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/die-welt-braucht-responsive-chatbots/\",\"name\":\"Die Welt braucht Responsive Chatbots - Chatbot ist nicht Chatbot\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/die-welt-braucht-responsive-chatbots/#primaryimage\"},\"datePublished\":\"2017-02-23T08:05:34+00:00\",\"dateModified\":\"2019-04-09T09:52:55+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\"},\"description\":\"Seit Responsive Webdesign ist \\u201cresponsive\\u201d ein wichtiger Begriff in unserem Alltag geworden. Auch Chatbots k\\u00f6nnen und sollten responsive sein.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/die-welt-braucht-responsive-chatbots/\"]}]},{\"@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:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":233,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":237,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":240,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":243,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":246,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":249,"Menu:nuxt-main-menu":252,"ROOT_QUERY":266,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":282,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":285,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":288,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":291,"Menu:footer":294,"TermCategories:7":304,"TermTags:218":315,"TermTags:270":316,"TermTags:1072":317,"TermTags:1405":318,"MediaImage:1535":319,"MediaImage:1534":321,"User:4":323,"NodeWpPost:876":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",20,"expanded",21,"attributes",245],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",247,"internal",20,"expanded",21,"attributes",248],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",250,"internal",20,"expanded",21,"attributes",251],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",253],[254,256,258,260,262,264],{"__ref":255},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":257},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":259},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":261},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":263},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":265},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",267,"menu({\"name\":\"NUXT_MAIN_MENU\"})",268,"menu({\"name\":\"FOOTER\"})",270,"route({\"path\":\"/blog/die-welt-braucht-responsive-chatbots\"})",272,"latestKnowhow({\"excludeId\":\"876\",\"limit\":3})",275],"Query",{"__ref":269},"Menu:nuxt-main-menu",{"__ref":271},"Menu:footer",["null","__typename",77,"entity",273],{"__ref":274},"NodeWpPost:876",[276,278,280],{"__ref":277},"NodeWpPost:1619",{"__ref":279},"NodeWpPost:1616",{"__ref":281},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",283,"internal",20,"expanded",21,"attributes",284],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",286,"internal",20,"expanded",21,"attributes",287],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",289,"internal",20,"expanded",21,"attributes",290],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",292,"internal",21,"expanded",21,"attributes",293],{"__ref":235},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",295],[296,298,300,302],{"__ref":297},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":299},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":301},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":303},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["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:270",{"__ref":343},"TermTags:1072",{"__ref":345},"TermTags:1405",["null","__typename",157,"processed",158,"format",122,"summary",13],{"__ref":348},"MediaImage:1535",{"__ref":350},"MediaImage:1534",{"__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"]