[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"jwIUnu9j0iLUAok8ouJk7EAG8Pa0FY8KPbWmIoRj4G0":75,"_apollo:default":131},{"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,"category":13,"projectTags":13,"projectYear":113,"promotionImage":114,"teaserTitle":13,"teaserSubheadline":126,"wpBody":127,"wpHeaderImage":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13},"NodeWpProject","24","Der Wiener Städtische ServiceBot",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1570186380,"UTC","+00:00","2019-10-04T10:53:00+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1486886655,"2017-02-12T08:04:15+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/projekt/der-wiener-stadtische-servicebot-ihr-digitaler-helfer",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Der Wiener Städtische ServiceBot | 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/projekt/der-wiener-stadtische-servicebot-ihr-digitaler-helfer","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title","2017",{"__typename":115,"id":116,"excludeFromScreenreader":13,"mediaImage":117,"name":122,"path":125,"status":20},"MediaImage","1046",{"__typename":118,"url":119,"width":120,"height":121,"alt":122,"title":122,"size":123,"mime":124},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2018/09/servicebot.jpg",1000,590,"Wiener Städtische Servicebot",127804,"image/jpeg","/media/1046/edit","Wiener Städtische",{"__typename":128,"processed":129,"format":130,"summary":13},"TextSummary","\n\n\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 \u003Cdiv class=\"spacer-1\">\u003C/div>\n \u003Cdiv class=\"heading headline-three\">\n \u003Cspan class=\"small \">Die Challenge\u003C/span>\n \u003Ch2 class=\"h2-small \" data-ftf=\"true\">\n Unterstützung des bestehenden Serviceangebotes \u003C/h2>\n \u003Cspan class=\"background-text background-text-light \">\n CHALLENGE \u003C/span>\n \u003C/div>\n\n\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Acht von zehn Versicherungsabschlüssen geht heutzutage eine Online-Recherche voraus. Um dem Kundenwunsch nach mehr Self-Service zu entsprechen, hat die Wiener Städtische vorausschauende Initiativen gesetzt. Als sie auf uns zu kam lautete die zentrale Aufgabe einen Online-Service anzubieten, der Interessenten die gesuchten Informationen auf benutzerfreundliche Weise bereitstellt, und zwar genau dann, wenn er sie braucht . Der Anspruch war es das bestehende Service-Portfolio um einen digitalen Helfer zu erweitern, der die Kontaktaufnahme mit Serviceteam und Beratern erleichtert und dem Kunden hilft sich und seine Bedürfnisse schnell in der Produktwelt der Wiener Städtischen wiederzufinden. \u003C/span>\u003C/p>\n\u003Cp class=\"p2\">\u003Cspan class=\"s1\">Diese Aufgabenstellung war prädestiniert für den Einsatz eines Chatbots, da dieser den Kunden dort abholen kann, wo er sonst auf sich allein gestellt ist und ihm mit gezielten Fragen unterstützt das zu finden, was er sucht. \u003Cstrong>Daher beschlossen wir mit der Wiener Städtischen den ersten ServiceBot am österreichischen Versicherungsmarkt zu entwickeln, welcher am 11.12.2017 live ging.\u003C/strong>\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"WST-ServiceBot-servicebot_casestudy_gallery\" data-entity-type=\"media\" data-entity-uuid=\"236b8a79-dc8d-48f3-84f0-d064732a9634\" 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/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=70D20Q2j 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=QSTJEq-8 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1401\" height=\"691\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=5Zp-2y66 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=sCV7OwNA 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"505\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=nhOgxnUh 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=ys1HWh3P 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"367\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=lY7Hk5oQ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=myWlNnWd 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"237\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=ghps56ei 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.webp?itok=r_GBm-nm 2x\" type=\"image/webp\" width=\"1401\" height=\"691\">\n \u003Cimg loading=\"lazy\" width=\"1401\" height=\"691\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-servicebot_casestudy_gallery-1-1.png.jpg?itok=r_GBm-nm\" alt=\"WST-ServiceBot-servicebot_casestudy_gallery\" title=\"WST-ServiceBot-servicebot_casestudy_gallery (1)\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\n\n\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 \u003Cdiv class=\"spacer-1\">\u003C/div>\n \u003Cdiv class=\"heading headline-three\">\n \u003Cspan class=\"small \">Unser Ansatz\u003C/span>\n \u003Ch2 class=\"h2-small \" data-ftf=\"true\">\n Die eigene Plattform neu erobern \u003C/h2>\n \u003Cspan class=\"background-text background-text-light \">\n ANSATZ \u003C/span>\n \u003C/div>\n\n\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Die meisten Chatbots sind momentan auf etablierten Messenger Plattformen wie dem Facebook Messenger oder Slack zu finden. Dennoch wurde nach der Zielgruppendefinition mit der Wiener Städtischen schnell klar, dass für unser Vorhaben die Website der richtige Platz für die erste Version des \u003Ci>Wiener Städtische ServiceBots\u003C/i> ist. \u003C/span>\u003C/p>\n\u003Cp class=\"p2\">\u003Cspan class=\"s1\">Der ServiceBot der Wiener Städtischen wurde zum integrativen Bestandteil der Website des Unternehmens. Es wurden zwei Schwerpunkte gesetzt: Zum einen unterstützt er bei der Organisation von persönlicher Beratung oder der Kontaktaufnahme mit dem zentralen Serviceteam, zum anderen erleichtert er es Kunden, das für sie passende Produkt zu finden – zunächst aus dem großen Bereich der Gesundheitsvorsorge. \u003C/span>\u003C/p>\n\n\u003Ch2 class=\"h2-small\">Der richtige Kontakt zum richtigen Zeitpunkt\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Ein Spielfeld unseres ServiceBots waren alle Kontaktmöglichkeiten auf der Website der Wiener Städtischen. Neben den klassischen Varianten wie Telefon, E-Mail und Facebook, zählten dazu auch die beliebten Online-Angebote wie die Geschäftsstellen- und Zulassungsstellen-Suche, die Beratersuche, das Terminvereinbarungsformular und der Live- sowie Videochat. \u003C/span>\u003C/p>\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Trotz des großen Online-Angebots nimmt die persönliche Beratung immer noch einen uneingeschränkt hohen Stellenwert beim Versicherungsabschluss ein. So gibt der ServiceBot der Wiener Städtischen die Anfrage an geeigneter Stelle an das Serviceteam weiter oder informiert die Kunden über eine passende persönliche Anlaufstelle.\u003C/span>\u003C/p>\n\u003Cp class=\"p3\">\u003Cspan class=\"s1\">Der ServiceBot erleichtert Self-Service und fungiert gleichzeitig als Bindeglied zwischen der Website und dem persönlichem Kontakt zum Berater oder Mitarbeitern der Wiener Städtischen. Dies wird besonders bei der Terminvereinbarung mittels ServiceBot klar ersichtlich. Der digitale Helfer serviciert den Kunden und hilft ihm auf angenehme und leichte Weise eine Terminanfrage abzusenden. Ab der Sendung der Anfrage übernimmt dann der menschliche Kontakt, der den richtigen persönlichen Berater für den Kunden findet. Der Kontakt zum Menschen wird daher durch den ServiceBot bewusst nicht ersetzt, sondern unterstützt.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Ausschnitt aus der Durchführung einer Terminvereinbarung über den ServiceBot\" data-entity-type=\"media\" data-entity-uuid=\"1dc8474d-b8ba-41e1-a935-bebc0f2b556f\" 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/2018/02/desktop-ansicht-1.png.webp?itok=aiwsH6ui 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=g4DdgMod 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"769\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=vqaR-cTX 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=gsEIA1O5 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"547\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=mxDKElha 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=Xi52hZ6y 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"398\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=FPOEmLJY 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=cZUUnLsy 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"256\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=rY63hAiw 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.webp?itok=xXB9hrf2 2x\" type=\"image/webp\" width=\"1620\" height=\"865\">\n \u003Cimg loading=\"lazy\" width=\"2866\" height=\"1531\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/desktop-ansicht-1.png.jpg?itok=xXB9hrf2\" alt=\"Ausschnitt aus der Durchführung einer Terminvereinbarung über den ServiceBot\" title=\"desktop-ansicht\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cbr>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Viel Angebot, viel Orientierung\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Die Gesundheitswelt der Wiener Städtischen trägt dem wichtigen Thema Gesundheitsvorsorge mit einer umfangreichen Produktpalette Rechnung. Diese umfasst unterschiedliche Themenfelder wie Taggeld, Sonderklasse, Privatarzt und Reiseversicherung. Viele Kunden wissen bei ihrer Recherche schon genau, welches Thema für sie interessant ist, während andere sich einfach nur einen Überblick verschaffen wollen. Daher wurde der ServiceBot in der Gesundheitswelt eingesetzt, um dem Kunden Orientierung zu bieten. Jene Nutzer, die erst einmal herausfinden müssen welches Thema für sie relevant ist, werden mit einer Bedarfsanalyse abgeholt. Für alle, die schon genau wissen, was sie interessiert, werden genauere Informationen zu den einzelnen Produkten im ServiceBot abgebildet.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Fragen der Bedarfsanalyse\" data-entity-type=\"media\" data-entity-uuid=\"ee9bf31c-a9c9-44ed-bb12-526da622b426\" 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/2018/02/chatbot_lupe-1.png.webp?itok=67VbLG2H 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=F5Jr24jz 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"587\" height=\"377\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=4RTaeJgJ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=jAFHQ-9r 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"587\" height=\"377\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=xLUms5uf 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=M1Dqy5z9 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"587\" height=\"377\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=fL8avWLf 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=x0ePLsQ- 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"308\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=XK2RmhN7 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.webp?itok=u5Slj2hV 2x\" type=\"image/webp\" width=\"587\" height=\"377\">\n \u003Cimg loading=\"lazy\" width=\"587\" height=\"377\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/chatbot_lupe-1.png.jpg?itok=u5Slj2hV\" alt=\"Fragen der Bedarfsanalyse\" title=\"chatbot_lupe\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\n\n\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 \u003Cdiv class=\"spacer-1\">\u003C/div>\n \u003Cdiv class=\"heading headline-three\">\n \u003Cspan class=\"small \">Technische Herausforderungen\u003C/span>\n \u003Ch2 class=\"h2-small \" data-ftf=\"true\">\n Zusammenspiel verschiedener Welten \u003C/h2>\n \u003Cspan class=\"background-text background-text-light \">\n TECHNISCH \u003C/span>\n \u003C/div>\n\n\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Der ServiceBot besteht technisch gesehen aus zwei Komponenten: Dem Chatfenster (Angular 5) und einer API (PHP Framework Laravel). Außerdem ist der ServiceBot stark in die Wiener Städtische Website integriert und es herrscht ein reger Informationsaustausch zwischen Bot und Website, wodurch wir viele Funktionen, die schon auf der Website implementiert sind, wiederverwenden konnten.\u003C/span>\u003C/p>\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Es gibt eine Vielzahl an vordefinierten Dialogoptionen für den ServiceBot, welche von der Wiener Städtischen gezielt auf bestimmten Seiten angeboten werden können. Das kann ein längerer Dialog sein, wie beispielsweise die Geschäftsstellensuche, aber auch ein kurzer, wie zum Beispiel das Angebot einer bestimmten Kontaktmöglichkeit. Da man bei so vielen Optionen Gefahr läuft, unbemerkt Fehler zu erzeugen, sorgen unsere insgesamt 700 Tests dafür, dass wir nachts ruhig schlafen können ;).\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"unit_test\" data-entity-type=\"media\" data-entity-uuid=\"098f056e-6112-4127-934c-3201fced0c76\" 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/2018/02/unit_test-1.png.webp?itok=oJ3aTTJ1 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=DfncGQc0 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"643\" height=\"396\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=8OtzwuxU 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=7fpoDII7 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"643\" height=\"396\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=ey2qug9b 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=d-Vjql88 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"643\" height=\"396\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=0jF3OMxL 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=KGKaztFp 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"296\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=HvFaaUia 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.webp?itok=jzdUsJyG 2x\" type=\"image/webp\" width=\"643\" height=\"396\">\n \u003Cimg loading=\"lazy\" width=\"643\" height=\"396\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/unit_test-1.png.jpg?itok=jzdUsJyG\" alt=\"unit_test\" title=\"unit_test\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\n\u003Cdiv class=\"caption\">\n\u003Ch5>\u003C/h5>\n\u003Cp>Unit-Test\u003C/p>\n\u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Begriffe bei Produkt- oder Angebotsbeschreibungen können sich im Laufe der Zeit ändern, weshalb es für die Wiener Städtische möglich sein musste, Texten zu adaptieren. Daher haben wir ein Backend eingerichtet, in dem die Wiener Städtische schnell und einfach Texte und Bilder selbstständig anpassen kann.\u003C/span>\u003C/p>\n\u003Cp class=\"p3\">\u003Cspan class=\"s1\">Auch ein komfortabler Umstieg in den Live Chat ist jederzeit möglich. Dafür war die technische Integration vieler Elemente des Live Chats im ServiceBot von großer Bedeutung. So wurde im Header des ServiceBots ein eigenes Icon für den Live Chat implementiert und der Live Chat wird über die aktive Ansprache des ServiceBots gepusht.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\n\n\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 \u003Cdiv class=\"spacer-1\">\u003C/div>\n \u003Cdiv class=\"heading headline-three\">\n \u003Cspan class=\"small \">Das Ergebnis\u003C/span>\n \u003Ch2 class=\"h2-small \" data-ftf=\"true\">\n Der erste ServiceBot Österreichs \u003C/h2>\n \u003Cspan class=\"background-text background-text-light \">\n ERGEBNIS \u003C/span>\n \u003C/div>\n\n\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Eine Anforderung, die man keinesfalls in ihrer Bedeutung unterschätzen sollte, ist es, dem neuen Service ein Gesicht und einen Namen zu verleihen. Von Beginn an war klar, dass der starke Servicefokus des Bots sich auch im Namen wiederfinden musste. Ein menschlicher Name war durch die bewusste und klar gewünschte Unterscheidung zu einem menschlichen Kontakt für den Anfang erst einmal auszuschließen. Auch das Wort Bot wurde kritisch beäugt und geprüft, wie stark es schon im allgemeinen Sprachgebrauch verankert ist. Hier zeigte sich, dass durch die vermehrte mediale Präsenz von Chatbots das Wort „Bot“ bereits als Kurzform Akzeptanz im Sprachgebrauch gefunden hatte und auch mit keiner negativen Assoziation besetzt war. Nach der Prüfung all dieser Faktoren, war der Name „ServiceBot“ eine logische Schlussfolgerung aus einem Konzept, dass Serviceorientierung ins Zentrum setzt. \u003C/span>\u003C/p>\n\n\u003Ch2 class=\"h2-small\">Das Markenzeichen\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Speziell bei einem Chatbot ist es wichtig, ein Symbol bzw. ein Icon zu haben, das Kunden intuitiv mit der Chatfunktion verbinden. Auch wenn im ersten Schritt noch keine freie Eingabe des Nutzers gewollt war, sollte doch die „Möglichkeit, sich mit jemandem unterhalten zu können“ klar zum Ausdruck kommen. Außerdem sollte das Symbol das Image der Wiener Städtischen als seriöses und serviceorientiertes Unternehmen mit der Agilität eines Chatbots vereinen. Der Anspruch war, alle jene wichtigen Eigenschaften kompakt in einem Symbol zu transportieren, welche für den User einen starken Wiedererkennungswert bieten.\u003C/span>\u003C/p>\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Von Anfang an war klar, dass die Tulpe (das Markenzeichen der Wiener Städtischen) und der Servicefaktor stark vertreten sein mussten. Außerdem sollte sich auch hier keinerlei Möglichkeit zur Verwechslung mit einem menschlichen Kontakt ergeben. Anhand dieser Kriterien haben wir uns in enger Kundenabstimmung an das finale Icon herangetastet. Schlussendlich entstand ein eigenes Markenzeichen, das die Symbolik einer Sprechblase mit dem Markenlogo vereint. Die Blätter der Tulpe erinnern an die offenen Arme einer hilfsbereiten Person und trotzdem ist das Symbol weit genug von einer menschlichen Assoziation entfernt.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Verschiedene Varianten des Icons\" data-entity-type=\"media\" data-entity-uuid=\"ab6d37c2-160c-4f2c-a67a-09f831cefb71\" 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/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=2AbCfJdm 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=z7L4wz6z 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"810\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=MorILh8e 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=ULNIX1sq 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"576\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=in2cbWao 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=1y10cUeJ 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/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=GDpDzckw 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=DTwO4G_w 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/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=WQOxElMU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.webp?itok=pI9EZ969 2x\" type=\"image/webp\" width=\"1620\" height=\"911\">\n \u003Cimg loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-logo_varianten-1.png.jpg?itok=pI9EZ969\" alt=\"Verschiedene Varianten des Icons\" title=\"WST-ServiceBot-logo_varianten\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Ein Chatbot muss nicht nur gut aussehen, er muss sich auch gut anfühlen\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Damit meinen wir, dass der User gerne mit dem Bot interagieren soll und schnell zu den gesuchten Informationen gelangt. Der Bot muss einen Mehrwert bieten, optisch ansprechend und natürlich einfach zu bedienen sein.\u003C/span>\u003C/p>\n\u003Cp class=\"p2\">\u003Cspan class=\"s1\">Das haben wir unter anderem mit einem für Mobile und Desktop optimierten Chatfenster gelöst.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Platzierung auf der Website\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Bisher gab es auf der Website der Wiener Städtischen eine Kontaktlasche, hinter der sich alle Kontaktmöglichkeiten mit dem Serviceteam der Wiener Städtischen verbargen. Im Zuge der Entwicklung des ServiceBots wurde diese Kontaktlasche zweigeteilt und der ServiceBot rechts von der bisherigen Service-Dame platziert. Dadurch sind alle Kontaktmöglichkeiten weiterhin an einer Stelle zu finden und trotzdem ist die Unterscheidung zwischen menschlichem und digitalem Kontakt klar für jeden ersichtlich. Der ServiceBot hat seinen fixen Platz in der Webseiten-Struktur erhalten und ist somit auf allen Seiten vertreten. Von dort kann er per Klick aufgerufen werden und zieht sich beim Schließen auch wieder an seine Ursprungsposition zurück.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Oben: Kontaktlasche alt, Unten: Kontaktlasche neu\" data-entity-type=\"media\" data-entity-uuid=\"73ae281e-d34f-4853-97c2-6a6bac22c4ae\" 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/2018/02/kontaktlasche_servicebot-1.png.webp?itok=29kR226- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=uKLrDSJt 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"968\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=bNu4oKYv 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=NtTAJ4Zl 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"689\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=HfiXo5b7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=85h9LUb4 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"501\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=Zbto0j7s 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=_q3jRoHJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"323\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=GDmaBmnB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.webp?itok=CUvYNcC1 2x\" type=\"image/webp\" width=\"1620\" height=\"1090\">\n \u003Cimg loading=\"lazy\" width=\"2379\" height=\"1600\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/kontaktlasche_servicebot-1.png.jpg?itok=CUvYNcC1\" alt=\"Oben: Kontaktlasche alt, Unten: Kontaktlasche neu\" title=\"kontaktlasche_servicebot\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv alt=\"Links: Die mobile Ansicht der Kontaktlasche, Rechts: Die mobile Ansicht des Interfaces\" data-entity-type=\"media\" data-entity-uuid=\"fe21bca7-6907-496a-9230-f8bb45ac9e19\" 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/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=XRsPO-xh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=9G4IrGRN 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"812\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=NQbebtcT 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=pzSQVuBB 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"577\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=SPOmaOh7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=7OkGFT_S 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"420\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=pJfdxCQ7 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=ZmvdVBSJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"271\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=g_CdjWW- 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.webp?itok=cNy6ZbJR 2x\" type=\"image/webp\" width=\"1620\" height=\"913\">\n \u003Cimg loading=\"lazy\" width=\"1920\" height=\"1082\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBotmobil-1.jpg.jpg?itok=cNy6ZbJR\" alt=\"Links: Die mobile Ansicht der Kontaktlasche, Rechts: Die mobile Ansicht des Interfaces\" title=\"WST-ServiceBotmobil\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Ruft der User den ServiceBot auf, ist das Fenster zu Beginn in einer verkleinerten Version sichtbar. Müssen – je nach Auswahl – viele Inhalte angezeigt werden, dann kann das Fenster auch mitwachsen. Es beinhaltet eine Mini-Navigation mit Kontaktmöglichkeiten wie Live Chat und Videoberatung sowie eine Sammelbox, in der für den User interessante Themen gespeichert werden.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Links: Chatfenster in Ursprungsgröße, Rechts: Vergrößertes Chatfenster bei mehr Inhalt\" data-entity-type=\"media\" data-entity-uuid=\"6a4482bd-04ea-4f6e-9b44-f7ad525c28f8\" 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/2018/02/botfenster-klein-gross-1.jpg.webp?itok=SrAJvZ6- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=bOfhfGoP 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"812\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=pduYxeNQ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=NaYOiK9U 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"577\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=uQdNU5iQ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=1lkDaT8H 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"420\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=nKDJBsxF 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=M1gIoknM 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"271\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=D0H5pUq6 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.webp?itok=98aaA4fj 2x\" type=\"image/webp\" width=\"1620\" height=\"913\">\n \u003Cimg loading=\"lazy\" width=\"1920\" height=\"1082\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/botfenster-klein-gross-1.jpg.jpg?itok=98aaA4fj\" alt=\"Links: Chatfenster in Ursprungsgröße, Rechts: Vergrößertes Chatfenster bei mehr Inhalt\" title=\"botfenster-klein-gross\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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 class=\"p1\">\u003Cspan class=\"s1\">Ein weiteres Interaktionselement im Chatfenster ist ein Gallery-Slider mit Vorschaubild, kurzem Teaser-Text und Pfeilen, um die Themen durchzuschalten. Um Elemente noch genauer erklären zu können, gibt es die Möglichkeit ein Info-Icon einzusetzen. Beim Klick darauf öffnet sich ein Popup, in dem zusätzliche Informationen erklärt werden.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Aktive Ansprache\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Der ServiceBot öffnet sich an definierten Stellen automatisch und spricht den User aktiv an. Bei der Geschäftstellensuche öffnet er sich beispielsweise, sobald der User auf eine Geschäftsstelle geklickt hat und bietet ihm direkt auf diese Geschäftstelle bezogene Kontaktmöglichkeiten an. An diesem Beispiel wird auch die Interaktion zwischen dem ServiceBot und bereits vorhandene Funktionen auf der Website klar ersichtlich.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Die aktive Ansprache des ServiceBots nach der Auswahl einer Geschäftsstelle\" data-entity-type=\"media\" data-entity-uuid=\"057de099-c21f-4d00-9e8e-85073bc8edc3\" 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/2018/02/15-1.png.webp?itok=PSM_cif7 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=vkqoPdM0 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"936\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=W20s2P-a 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=tAhazH0F 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"665\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=WVteYzua 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=U71c485P 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"484\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=Dus6qgP5 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=0SGHS9ac 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"312\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=50_ew_5s 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.webp?itok=42yUiFWq 2x\" type=\"image/webp\" width=\"1548\" height=\"1006\">\n \u003Cimg loading=\"lazy\" width=\"1548\" height=\"1006\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/15-1.png.jpg?itok=42yUiFWq\" alt=\"Die aktive Ansprache des ServiceBots nach der Auswahl einer Geschäftsstelle\" title=\"15\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Die Sammelbox\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Themen, für die sich der Nutzer interessiert, oder welche ihm in der Bedarfsanalyse vorgeschlagen wurden, werden in der Sammelbox gespeichert. Der Einstieg zur Sammelbox befindet sich immer rechts oben in der Navigation des Chatfensters. Dort sieht der User seine relevanten Themen und kann sich genauere Informationen dazu anzeigen lassen, oder bestimmte Produkte, wie beispielsweise die Reiseversicherung, direkt online abschließen. Befindet sich der User innerhalb der Box, kann er über den Pfeil links oben jederzeit zurück in den Hauptdialog wechseln.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cdiv alt=\"Sammelbox mit dem über die Strecke hindurch gesammelten Bedarf\" data-entity-type=\"media\" data-entity-uuid=\"e4be3e8d-a191-4e12-b331-bf3b5267ed2b\" 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/2018/02/WST-ServiceBot-interface-1.png.webp?itok=Y76MH5Gu 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=bBPGpL9R 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"812\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=w-m3qacf 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=_JtlAy9C 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"577\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=fdoUwloM 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=aIxEXSAe 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"420\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=oy5NvtdH 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=FOUHd4jc 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"271\">\n \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=Ur3gIKiF 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.webp?itok=RKrvkGPu 2x\" type=\"image/webp\" width=\"1620\" height=\"913\">\n \u003Cimg loading=\"lazy\" width=\"1920\" height=\"1082\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2018/02/WST-ServiceBot-interface-1.png.jpg?itok=RKrvkGPu\" alt=\"Sammelbox mit dem über die Strecke hindurch gesammelten Bedarf\" title=\"WST-ServiceBot-interface\">\n\n \u003C/picture>\n\n\u003C/div>\n \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Ch2 class=\"h2-small\">Die Zukunft\u003C/h2>\n\n\u003Cp class=\"p1\">\u003Cspan class=\"s1\">Welche Welten unser ServiceBot in Zukunft noch im Universum der Wiener Städtischen erobert ist natürlich streng geheim. Aber so viel können wir euch verraten: es bleibt selten beim ersten Streich ;).\u003C/span>\u003C/p>\n\u003Cp>\u003Ca class=\"button arrow blue\" href=\"https://www.wienerstaedtische.at/privatkunden.html\">Chatbot auf der Website\u003C/a>\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/div>\n\n","wp_html",{"Language:de":132,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":133,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":137,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":140,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":143,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":146,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":149,"Menu:nuxt-main-menu":152,"ROOT_QUERY":166,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":175,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":178,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":181,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":184,"Menu:footer":187,"MediaImage:1046":197,"NodeWpProject:24":199},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",134,"internal",20,"expanded",21,"attributes",136],{"__ref":135},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",138,"internal",20,"expanded",21,"attributes",139],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",141,"internal",20,"expanded",21,"attributes",142],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",144,"internal",20,"expanded",21,"attributes",145],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",147,"internal",20,"expanded",21,"attributes",148],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",150,"internal",20,"expanded",21,"attributes",151],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",153],[154,156,158,160,162,164],{"__ref":155},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":157},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":159},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":161},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":163},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":165},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",167,"menu({\"name\":\"NUXT_MAIN_MENU\"})",168,"menu({\"name\":\"FOOTER\"})",170,"route({\"path\":\"/projekt/der-wiener-stadtische-servicebot-ihr-digitaler-helfer\"})",172],"Query",{"__ref":169},"Menu:nuxt-main-menu",{"__ref":171},"Menu:footer",["null","__typename",77,"entity",173],{"__ref":174},"NodeWpProject:24",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",176,"internal",20,"expanded",21,"attributes",177],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",179,"internal",20,"expanded",21,"attributes",180],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",182,"internal",20,"expanded",21,"attributes",183],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",185,"internal",21,"expanded",21,"attributes",186],{"__ref":135},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",188],[189,191,193,195],{"__ref":190},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":192},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":194},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":196},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",115,"id",116,"excludeFromScreenreader",13,"mediaImage",198,"name",122,"path",125,"status",20],["null","__typename",118,"url",119,"width",120,"height",121,"alt",122,"title",122,"size",123,"mime",124],["null","__typename",79,"id",80,"title",81,"changed",200,"created",201,"langcode",202,"path",92,"promote",21,"status",20,"sticky",21,"metatag",203,"category",13,"tags",13,"projectYear",113,"promotionImage",210,"teaserTitle",13,"teaserSubheadline",126,"wpBody",212,"wpHeaderImage",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":135},[204,206,208],["null","__typename",95,"tag",96,"attributes",205],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",207],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",209],["null","__typename",111,"property",112,"content",81],{"__ref":211},"MediaImage:1046",["null","__typename",128,"processed",129,"format",130,"summary",13]]