[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"kneo2n1TUATPTOAdHXhE8yZL5GB9zg3HAh-G9c259T8":75,"_apollo:default":167},{"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":117,"projectTags":13,"projectYear":137,"promotionImage":138,"teaserTitle":13,"teaserSubheadline":151,"wpBody":152,"wpHeaderImage":156,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":166},"NodeWpProject","1506","Vorhang auf für den neuen Spielplan der Wiener Staatsoper",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1757922541,"UTC","+00:00","2025-09-15T07:49:01+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1726206053,"2024-09-13T05:40:53+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/projekt/vorhang-auf-fuer-den-neuen-spielplan-der-wiener-staatsoper",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Vorhang auf für den neuen Spielplan der Wiener Staatsoper | 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/vorhang-auf-fuer-den-neuen-spielplan-der-wiener-staatsoper","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/2025-01/Ref_Wiener_Staatsoper_Header_1.jpg?h=fefa9f3a&itok=0XVXu2Kq",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":126,"changed":127,"metatag":130},"TermProjectCategories","17","Website","/projekte/kategorie/website",0,{"__typename":124,"processed":125,"format":13},"Text","",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":128,"timezone":85,"offset":86,"time":129},1713772801,"2024-04-22T08:00:01+00:00",[131,134],{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":99,"content":133},"Website | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":135},{"__typename":105,"href":136,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/projekte/kategorie/website","2024",{"__typename":139,"id":140,"excludeFromScreenreader":20,"mediaImage":141,"name":149,"path":150,"status":20},"MediaImage","3040",{"__typename":142,"url":143,"width":144,"height":145,"alt":146,"title":13,"size":147,"mime":148},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2024-11/Referenz%20WST_Header2%201_0.jpg",2000,1129,"Referenz Wiener Staatsoper Vorschaubild",657942,"image/jpeg","Referenz WST_Header2 1.jpg","/media/3040/edit","Wiener Staatsoper",{"__typename":153,"processed":154,"format":155,"summary":125},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Die Herausforderung\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Die UX-Challenge hierbei lag nicht nur an den zahlreichen Informationen zu Stück, Buchung und Inhalten, die im Spielplan dargestellt werden sollten, sondern auch in einer vielfältigen Zielgruppe. Neben unterschiedlichen Altersgruppen (von u27 Jahre bis zu ü65 Jahre) besuchen auch Personen mit ganz unterschiedlichem Wissen zu Opern-Vorstellungen die Wiener Staatsoper. Doch egal ob Tourist:in, Einmalbesucher:in oder Stammgast – sie alle sollen sich im neuen Spielplan “zu Hause” fühlen. \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>Was haben wir gemacht?\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 standard-list\">\u003Cul>\u003Cli>Datenanalyse (Matomo-Daten, Mouseflow Analyse, User Survey)\u003C/li>\u003Cli>Konzept\u003C/li>\u003Cli>Design\u003C/li>\u003Cli>User Testing\u003C/li>\u003C/ul>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>1. The Research Phase\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Bei User:innen-Daten ist es wie mit Schokolade und gutem Wein: \u003Cem>\u003Cstrong>Je mehr man hat, desto besser.\u003C/strong>\u003C/em>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Und da wir ein so breites Pool an User:innen-Daten wie möglich haben wollten, haben wir auf folgende Quellen zurückgegriffen:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cstrong>Gespräche mit der Wiener Staatsoper\u003C/strong> um aktuelle Pain Points, Ziele, Wünsche und User Stories zu besprechen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cstrong>Matomo Analytics\u003C/strong> half uns dabei die Flows der User:innen besser zu verstehen und quantitative Daten zu sammeln.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Durch \u003Cstrong>Mouseflow\u003C/strong> konntent wir Heat-Maps generieren, die das Verhalten der User:innen auf dem Spielplan aufzeigen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Mit einer \u003Cstrong>User-Survey\u003C/strong>, die wir 2 Monate lang auf der Website integrierten, konnten wir Feedback zum Website-Besuch von Echt-User:innen sammeln, auswerten und clustern. Diese Informationen dienten als wertvolle Basis zur Verbesserung der Usability.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Ein Teil der Umfrage war auch ein \u003Cstrong>UEQ\u003C/strong> (User Experience Questionnaire), der den aktuellen Status der Website messen konnte. Dieser wird in ein paar Monaten als Vorher/Nachher-Vergleichsmetrik dienen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>2. Defining the problem\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Aus den gesammelten Daten konnten wir unterschiedliche Problemstellungen identifizieren. Sie wurden anschließend von uns geclustert.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cem>Informationen zu Plätzen und Preisen sind nicht immer veständlich und auffindbar.\u003C/em>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Die zahlreichen Preiskategorien und Sitzplatzoptionen sowie verschiedene Ermäßigungen führen zu erhöhter Komplexität. In der Oper gibt es nicht nur „ein Ticket“, sondern eine vielfältige Auswahl, die User:innen leicht überfordern kann.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cem>User:innen benötigen bessere Filterung und Suchmöglichkeiten.\u003C/em>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Die Wiener Staatsoper bietet neben vielen Ticket-Kategorien ein abwechslungsreiches Repertoire an Opern und Ballettstücken. Dies erzeugt den Bedarf an einer verbesserten Filter- und Suchfunktion, um den Auswahlprozess zu erleichtern und den Weg zur gewünschten Aufführung zu verkürzen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cem>Usability Issues\u003C/em>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Durch Analysen mit Mouseflow konnten wir einige auftretende Usability Issues erkennen. Dazu gehören beispielsweise die Lesbarkeit von Inhalten und die Erkennung von klickbaren Elementen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cblockquote>\u003Cspan class=\"quote-text\" data-ftf=\"true\">Das Layout ist unvorteilhaft weil unübersichtlich. Als Opernfreak will ich auf einen Blick sehen ob es sich um Ballett, einen Liederabend oder eine Oper handelt, und ob es eine lange oder eher kurze Vorstellung ist. Generell braucht die Programmseite mehr Pepp.\u003C/span>\u003Ccite class=\"author\">User:innen Feedback\u003C/cite>\u003C/blockquote>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-wl\">\u003Cdiv class=\"ckeditor-grid-col wide-left col-xsmall-12 col-medium-8 col-medium-offset-1\">\u003Cfigure role=\"group\" class=\"align-center wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Screenshot des alten Spielplanes (2.März Studiokonzert, Open Class, Animal Farm)\" data-entity-type=\"media\" data-entity-uuid=\"41055541-b8ac-47a0-883a-2d7f9aff2ab5\" 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/2024/05/Untitled.jpg.webp?itok=7diUGKWs 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=uOO0EJlk 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"1271\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=fLh3XWgJ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=rC5xGn9- 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"904\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=8Bk_i_5X 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=SJjUvB1A 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"657\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=gZ0K4oRi 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=e3_-1WRJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"424\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=hNe670UF 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.webp?itok=c7Uj6bCQ 2x\" type=\"image/webp\" width=\"1620\" height=\"1430\">\n                  \u003Cimg loading=\"lazy\" width=\"2000\" height=\"1765\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Untitled.jpg.jpg?itok=c7Uj6bCQ\" alt=\"Screenshot des alten Spielplanes (2.März Studiokonzert, Open Class, Animal Farm)\" title=\"Untitled\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Der Spielplan vor dem Relaunch\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>3. Konzeptphase\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Nun konnten wir damit beginnen unsere Pinsel auf Figma zu schwingen, Vorschläge zu erarbeiten (sie wieder zu verwerfen) und uns so Stück für Stück weiterzuarbeiten. Als wir unsere ersten Vorschläge vor der Oper präsentieren heißt es: “Die Richtung stimmt, das gefällt uns.” Wir freuen uns sehr, arbeiten Feedback ein und bereiten alles für die richtige Bestandsprobe – das User Testing – vor. 🤓\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>4. User Testing\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Mithilfe von 5 User:innen wollten wir folgendes abtesten:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 standard-list\">\u003Cul>\u003Cli>Ist die Navigation im Spielplan klar?\u003C/li>\u003Cli>Werden die gesuchten Informationen gefunden und verstanden?\u003C/li>\u003Cli>Werden dargestellte Informationen wahrgenommen und verstanden (wie beispielsweise Umbesetzungen)?\u003C/li>\u003Cli>Welchen Flow durchlaufen User:innen um die von uns gestellten Aufgaben zu lösen? Welche Funktionen nutzen sie (Suchfunktion, Filter…)?\u003C/li>\u003C/ul>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cstrong>Was uns das User Testing gezeigt hat?\u003C/strong>\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cstrong>Zu lang, zu viel:\u003C/strong> Unter Berücksichtigung der Research-Phase haben wir versucht Informationen zu den Werken (wie die Besetzung, Spielstätte, Kategorisierung) auf oberste Ebene anzuzeigen um die Auswahl im Spielplan zu erleichtern. Durch das User Testing haben wir eindeutig gemerkt, dass wir “zu viel des Guten” wollten. User:innen haben den Spielplan (im mobilen Prototypen) als zu überladen wahrgenommen. Durch ein Refresh des Interfaces sowie den Einsatz eines Bottom-Sheets für die Besetzung konnten wir die Darstellung einer Vorstellung im Viewport halbieren und so gleichwertige Informationen auf viel weniger Platz aufzeigen.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-wc\">\u003Cdiv class=\"ckeditor-grid-col wide-center col-xsmall-12 col-medium-8 col-medium-offset-2\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Screenshot mit einem Vergleich 2.10 Die Meistersinger von Nürnberg\" data-entity-type=\"media\" data-entity-uuid=\"996fb403-8c67-49b1-adb2-6848db644bcc\" 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/2024/05/Design-ohne-Titel-5.jpg.webp?itok=aLNrMftu 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=acmOXcKu 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1414\" height=\"2000\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=EfSQbV5i 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=dhT4S6qj 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"1448\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=1z91jNs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=znZ4Y4_m 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"1054\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=SMOp8C45 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=WJi2Sq-e 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"679\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=JbwAa9-r 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.webp?itok=d6YLHj3_ 2x\" type=\"image/webp\" width=\"1414\" height=\"2000\">\n                  \u003Cimg loading=\"lazy\" width=\"1414\" height=\"2000\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Design-ohne-Titel-5.jpg.jpg?itok=d6YLHj3_\" alt=\"Screenshot mit einem Vergleich 2.10 Die Meistersinger von Nürnberg\" title=\"Design-ohne-Titel-5\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Ein Spielplan-Eintrag vor und nach dem User Testing.\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>\u003Cstrong>Darstellung von klickbaren Elementen:\u003C/strong> Angepasst an die CI der Staatsoper, haben wir neben schwarzer Schrift mit Rot als Signalfarbe gearbeitet. Durch das User Testing stellten wir fest, dass diese Hervorhebung oft dazu führt, dass Benutzer:innen annehmen, rote Elemente seien generell klickbar. Durch den Einsatz von Gold und die Unterstreichung klickbarer Elemente konnten wir die Erkennbarkeit nach dem User Testing deutlich verbessern.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-wc\">\u003Cdiv class=\"ckeditor-grid-col wide-center col-xsmall-12 col-medium-8 col-medium-offset-2\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Farbgestaltung Schwarze Schrift und rote Highlights\" data-entity-type=\"media\" data-entity-uuid=\"8c14e8ac-e84c-4aae-a9e9-07bc98bca86d\" 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/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=v5Qjw3UN 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=-NIrob8I 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1198\" height=\"632\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=6z9iAvs0 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=iesc0UUm 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"540\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=pZqmvn0Z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=PtIr91uJ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"393\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=jvqWeHty 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=gf5NRrvN 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"253\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=sfrzHqj8 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.webp?itok=SwaoNkfK 2x\" type=\"image/webp\" width=\"1198\" height=\"632\">\n                  \u003Cimg loading=\"lazy\" width=\"1198\" height=\"632\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/05/Bildschirmfoto-2024-05-08-um-09.24.19.png.jpg?itok=SwaoNkfK\" alt=\"Farbgestaltung Schwarze Schrift und rote Highlights\" title=\"Bildschirmfoto-2024-05-08-um-09.24.19\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Farbgestaltung vor und nach dem User Testing.\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Innerhalb von Design-Prozessen kann es sehr leicht passieren, dass man das Auge für die wesentlichen Punkte einer User Journey verliert. Man möchte einfach “\u003Cstrong>zu viel, zu gut\u003C/strong>” machen, davon sind wir bei unserer Arbeit auch nicht ausgenommen. Das User Testing hat uns bei diesem Projekt noch einmal mehr daran erinnert,\u003Cstrong> dass weniger Interface manchmal mehr Interface ist\u003C/strong>. So konnten wir im nächsten Schritt ein Design erstellen, dass nicht nur die Wiener Staatsoper zufriedenstellt, sondern auch mit einer tollen User Experience überzeugt (und somit uns glücklich macht 🙂).\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cblockquote>\u003Cspan class=\"quote-text\" data-ftf=\"true\">Vielen Dank an Euch für die tolle Zusammenarbeit. Das gemeinsame Ergebnis hat uns in der digitalen Welt wieder einen großen Schritt vorwärts gebracht.\u003C/span>\u003Ccite class=\"author\">Susanne Athanasiadis, Leitung Marketing & Kommunikation in der Wiener Staatsoper\u003C/cite>\u003C/blockquote>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-wc\">\u003Cdiv class=\"ckeditor-grid-col wide-center col-xsmall-12 col-medium-8 col-medium-offset-2\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"a9d7b1c4-6e89-4904-9ec3-73f00b9cee4e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n            \u003Cdiv>\u003Cvideo controls=\"controls\" width=\"640\" height=\"480\">\n      \u003Csource src=\"/sites/default/files/2025-03/Bildschirmaufnahme%202025-03-24%20um%2015.48.39.mp4\" type=\"video/mp4\">\n  \u003C/video>\n\u003C/div>\n      \n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>The final result.\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch3>5. The end – not yet 😉\u003C/h3>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp class=\"alignleft\">Der neue Spielplan der Wiener Staatsoper ist im April live gegangen. Vor dem Launch lagen die täglichen Besucher zwischen 7.000 und 8.500. Seit dem Launch bewegen sich die täglichen Besucher:innen des Spielplans zwischen 11.000 und 13.000. Yay! Aber das heißt nicht, dass das Projekt Staatsoper x Liechtenecker zu Ende ist. Folgendes steht noch auf unserem Projekt-Agenda:\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 standard-list\">\u003Cul>\u003Cli>Den Launch des Spielplans akribisch beobachten, Daten sammeln und analysieren, gegebenfalls Optimierungen betreiben, wo sie notwendig sind und Ergebnisse (z.B. UEQ) vergleichen.\u003C/li>\u003Cli>Gemeinsam mit der Wiener Staatsoper arbeiten wir bereits fleißig an Folgeprojekten um auch die restliche Website in vollem Glanze auf der großen Bühne des World Wide Webs zu präsentieren.\u003C/li>\u003C/ul>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Seid gespannt!\u003C/p>\u003C/div>\u003C/div>\u003C/div>","wp_html",{"__typename":139,"id":157,"excludeFromScreenreader":13,"mediaImage":158,"name":164,"path":165,"status":20},"3092",{"__typename":142,"url":159,"width":160,"height":161,"alt":162,"title":13,"size":163,"mime":148},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2025-01/Ref_Wiener_Staatsoper_Header_1.jpg",2880,750,"Verschiedene Ansichten des Designs der Wiener Staatsoper. Kalender und Startseite.",237916,"Ref_Wiener_Staatsoper_Header.jpg","/media/3092/edit","Gemeinsam mit der Wiener Staatsoper haben wir dem digitalen Spielplan einen neuen Usability-Anstrich verliehen. Durch Datenanalysen und User Testings konnten wir wertvolle Insights für die User:innenausrichtung sammeln, die anschließend in die Ausarbeitung von Konzept und Design geflossen sind. Das Ergebnis ist seit April 2024 online. Wir geben euch einen Einblick hinter die Kulisse des Projekts.",{"Language:de":168,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":169,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":173,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":176,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":179,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":182,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":185,"Menu:nuxt-main-menu":188,"ROOT_QUERY":202,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":211,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":214,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":217,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":220,"Menu:footer":223,"TermProjectCategories:17":233,"MediaImage:3040":242,"MediaImage:3092":244,"NodeWpProject:1506":246},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",170,"internal",20,"expanded",21,"attributes",172],{"__ref":171},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",174,"internal",20,"expanded",21,"attributes",175],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",177,"internal",20,"expanded",21,"attributes",178],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",180,"internal",20,"expanded",21,"attributes",181],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",183,"internal",20,"expanded",21,"attributes",184],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",186,"internal",20,"expanded",21,"attributes",187],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",189],[190,192,194,196,198,200],{"__ref":191},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":193},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":195},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":197},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":199},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":201},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",203,"menu({\"name\":\"NUXT_MAIN_MENU\"})",204,"menu({\"name\":\"FOOTER\"})",206,"route({\"path\":\"/projekt/vorhang-auf-fuer-den-neuen-spielplan-der-wiener-staatsoper\"})",208],"Query",{"__ref":205},"Menu:nuxt-main-menu",{"__ref":207},"Menu:footer",["null","__typename",77,"entity",209],{"__ref":210},"NodeWpProject:1506",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",212,"internal",20,"expanded",21,"attributes",213],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",215,"internal",20,"expanded",21,"attributes",216],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",218,"internal",20,"expanded",21,"attributes",219],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",221,"internal",21,"expanded",21,"attributes",222],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",224],[225,227,229,231],{"__ref":226},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":228},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":230},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":232},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",234,"langcode",235,"changed",236,"metatag",237],["null","__typename",124,"processed",125,"format",13],{"__ref":171},["null","__typename",83,"timestamp",128,"timezone",85,"offset",86,"time",129],[238,240],["null","__typename",95,"tag",96,"attributes",239],["null","__typename",98,"name",99,"content",133],["null","__typename",102,"tag",103,"attributes",241],["null","__typename",105,"href",136,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",139,"id",140,"excludeFromScreenreader",20,"mediaImage",243,"name",149,"path",150,"status",20],["null","__typename",142,"url",143,"width",144,"height",145,"alt",146,"title",13,"size",147,"mime",148],["null","__typename",139,"id",157,"excludeFromScreenreader",13,"mediaImage",245,"name",164,"path",165,"status",20],["null","__typename",142,"url",159,"width",160,"height",161,"alt",162,"title",13,"size",163,"mime",148],["null","__typename",79,"id",80,"title",81,"changed",247,"created",248,"langcode",249,"path",92,"promote",21,"status",20,"sticky",21,"metatag",250,"category",259,"tags",13,"projectYear",137,"promotionImage",261,"teaserTitle",13,"teaserSubheadline",151,"wpBody",263,"wpHeaderImage",264,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",166],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":171},[251,253,255,257],["null","__typename",95,"tag",96,"attributes",252],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",254],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",256],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",258],["null","__typename",111,"property",115,"content",116],{"__ref":260},"TermProjectCategories:17",{"__ref":262},"MediaImage:3040",["null","__typename",153,"processed",154,"format",155,"summary",125],{"__ref":265},"MediaImage:3092"]