[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"dZdu-17gA6MI1zIvZWtxLENdz0y99sUI0v2CC3-CcGA":75,"0eVi-rL6rk0I-NcN6yuzYYF0_dQZOJbDLJ_lGEqksI8":182,"_apollo:default":224},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":160,"wpHeaderImage":13,"wpHeaderImageOld":163,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":175,"author":176},"NodeWpPost","956","Motion on Web",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554798168,"UTC","+00:00","2019-04-09T08:22:48+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1425396966,"2015-03-03T15:36:06+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/motion-on-web",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Motion on Web | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/motion-on-web","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":120,"processed":121,"format":122},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[139,144,148,152,156],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","835","Motion","/tag/motion",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"1342","trends","/tag/trends",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"1361","UI","/tag/ui",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"1405","UX","/tag/ux",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1489","Webdesign","/tag/webdesign",{"__typename":161,"processed":162,"format":122,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png?itok=g-IXB_GJ\" data-rel=\"lightbox-gallery-JTfvp2X8\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"lie_blogbeitrag_kreis_motion\" data-entity-type=\"media\" data-entity-uuid=\"5de9865a-b9a4-43a8-aab7-d1023459101d\" 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/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=bUm06KT- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=27BtQmLm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"400\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=xLaicUg9 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=Z4pCLf4P 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"400\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=aLfPP6uM 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=U5qjf2-N 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"400\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=tGlCfXif 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=tvkgg4qq 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"400\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=0OKummy6 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.webp?itok=W3cOKQTp 2x\" type=\"image/webp\" width=\"400\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"400\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_kreis_motion-1.png.jpg?itok=W3cOKQTp\" alt=\"lie_blogbeitrag_kreis_motion\" title=\"Blogbeitrag Feeling\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/lie_formular1-1.gif?itok=CxzwH0BH\" target=\"_blank\" rel=\"noopener noreferrer\" data-rel=\"lightbox-gallery-JTfvp2X8\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"lie_formular\" data-entity-type=\"media\" data-entity-uuid=\"b6326299-bc40-47d7-bf3f-74d848d16770\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Liechtenecker UX Formular\" alt=\"lie_formular\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2015/02/lie_formular1-1.gif\" width=\"664\" height=\"523\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cdiv alt=\"lie_menu_mobile\" data-entity-type=\"media\" data-entity-uuid=\"c30d120c-dbbd-4bae-8b63-602d1e3b8bdd\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Liechtenecker Mobile Menu Gif\" alt=\"lie_menu_mobile\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2015/02/lie_menu_mobile-1.gif\" width=\"287\" height=\"501\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Der erste Beitrag zum Thema \u003Ca href=\"/nui-ist-das-neue-gui-namlich-natural-user-interface/\" target=\"_blank\" rel=\"noopener noreferrer\">Natural User Interface\u003C/a> (NUI) wurde von uns vor vier Jahren geschrieben. Da die Entwicklung im Web rasch voranschreitet, gibt es nun von mir eine Auffrischung und einige Beispiele zum Thema \u003Cstrong>Bewegung im Web\u003C/strong>.\u003Cbr>\n\u003Cbr>\nSchon sehr früh überlege ich mir bei der Konzeption, wie man die Website mit Bewegungen in Szene setzen kann und wie diese sinnvoll – in Anbetracht der User Experience – eingesetzt werden können. Apple meistert dies mit Bravour. Die Benutzeroberflächen und Animationen wurden mit Bedacht eingesetzt, um die Usability zu erhöhen und außerdem ist es schön umgesetzt.\u003Cbr>\nhttps://vimeo.com/116757194\u003Cbr>\nhttps://vimeo.com/116756637\u003Cbr>\n \u003Cbr>\nInstacart setzt die Bewegung für das Öffnen einer Detailansicht ein. Wenn der User auf ein Produkt tippt, dann wird es aus dem Design gezogen und wird auf der Detailseite mit einer Animation neu positioniert.\u003Cbr>\nhttps://vimeo.com/116757192\u003Cbr>\nGoogle’s neue Benutzeroberfläche, verknüpft mit dem neuem Trend des Material Designs, macht es uns ebenso vor:\u003Cbr>\nhttps://www.youtube.com/watch?v=Q8TXgCzxEnw\u003Cbr>\n \u003Cbr>\nStillstehende Illustrationen, Boxen und Icons oder neue Screens die sich plötzlich öffnen, gehören längst der Vergangenheit an! Dem User wird nun genau veranschaulicht, woher etwas kommt und wohin das Element verschwindet. Das ist sehr wichtig für die User Experience und wird immer geläufiger. Durch Scrollen oder Klicken werden bestimmte Bewegungen ausgelöst, so wird der User aktiv eingebunden. Der User beginnt zu verstehen, wie bestimmte Dinge funktionieren, da sie realistischer wirken. Er wird bei der Navigation durch die Website unterstützt und kann sich schneller orientieren. Bei unserer neuen Liechtenecker-Site haben wir uns viel damit beschäftigt und auch einiges davon eingesetzt, wie zum Beispiel bei dem Menü oder bei den Formularen.\u003Cbr>\n \u003Cbr>\n\u003Cbr>\nMotion und parallax scrolling wird gerne verwendet um Produkte zu präsentieren. Der User scrollt sich durch die Seite und die Elemente bewegen sich.\u003Cbr>\n\u003C/p>\u003Cdiv id=\"attachment_7255\" style=\"width: 1034px\" class=\"wp-caption aligncenter\">\u003Ca href=\"https://onlycoin.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"Coin\" data-entity-type=\"media\" data-entity-uuid=\"b2400fe7-19a3-43d2-a208-8b12cadd39d0\" 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/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=bslsxPki 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=rAXQUT4n 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"742\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=wp0u3WDP 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=XozHk_gy 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"527\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=uw31bBWs 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=ZNgyJBz_ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"384\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=iGNZ8jEU 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=-ZvFHRuS 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"247\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=hm8hIAcT 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.webp?itok=PhUtkpXq 2x\" type=\"image/webp\" width=\"1620\" height=\"834\">\n                  \u003Cimg loading=\"lazy\" width=\"1806\" height=\"930\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.23.34-1.png.jpg?itok=PhUtkpXq\" alt=\"Coin\" title=\"Kredikarten\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp id=\"caption-attachment-7255\" class=\"wp-caption-text\">Durch die Site scrollen\u003C/p>\u003C/div>\u003Cbr>\n \u003Cbr>\n\u003Cdiv id=\"attachment_7256\" style=\"width: 1034px\" class=\"wp-caption aligncenter\">\u003Ca href=\"http://dataveyes.com/#!/en\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"Durch die Site klicken\" data-entity-type=\"media\" data-entity-uuid=\"dd8ee11e-e9bb-4a95-9451-b4dfea229467\" 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/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=pIx4mmjI 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=FtJ5BdiQ 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"681\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=gs06i2RJ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=fAGE2Bqr 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"484\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=onacRdGn 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=4HSxTvBZ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"352\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=g_pcME9Q 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=ixXEcPvM 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"227\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=setPHuRJ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.webp?itok=XG0q6qg7 2x\" type=\"image/webp\" width=\"1620\" height=\"766\">\n                  \u003Cimg loading=\"lazy\" width=\"1831\" height=\"866\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.22.44-1.png.jpg?itok=XG0q6qg7\" alt=\"Durch die Site klicken\" title=\"We connect user to data\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp id=\"caption-attachment-7256\" class=\"wp-caption-text\">Durch die Site klicken\u003C/p>\u003C/div>\u003Cbr>\n \u003Cbr>\nBeliebt und mittlerweile trendy sind Videos als große Header, um den User so emotional abzuholen. Facebook Paper setzt Fullscreen-Videos informativ ein, um ihre neue App „Paper“ zu erklären.\u003Cbr>\n\u003Ca href=\"https://www.facebook.com/paper\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"Facebook Paper\" data-entity-type=\"media\" data-entity-uuid=\"96144b71-6784-429f-adbd-958f3b209bd4\" 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/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=WJcjOl-R 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=-Y9Sg-HP 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"760\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=Ri2Asx5S 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=vl6gIldg 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/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=9ww4phb6 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=hqN6zCFG 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/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=mlv6aoIt 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=p3C8li1x 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/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=GRLG2Iuq 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.webp?itok=mDMm0Yrz 2x\" type=\"image/webp\" width=\"1620\" height=\"855\">\n                  \u003Cimg loading=\"lazy\" width=\"1817\" height=\"959\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/Bildschirmfoto-2015-02-27-um-14.30.13-1.png.jpg?itok=mDMm0Yrz\" alt=\"Facebook Paper\" title=\"Facebook Paper\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n \u003Cbr>\nVorläufer, aber auch eine gute Alternative des Fullscreen-Videos sind Fullscreen-Fotos. Naja… aber wo geht es denn jetzt zum eigentlichen Inhalt? Hier kommt ein neues Element ins Spiel, das sehr unterschiedlich dargestellt werden kann und animiert wird, um aufzufallen. (Abb.1 und Abb.2: \u003Ca href=\"https://www.spotify-yearinmusic.com/int/\" target=\"_blank\" rel=\"noopener noreferrer\">Spotify\u003C/a>, Abb.3: \u003Ca href=\"http://www.nuance.ch/\" target=\"_blank\" rel=\"noopener noreferrer\">Nuance\u003C/a>, Abb.4: \u003Ca href=\"http://www.studioghidini.org/it/\" target=\"_blank\" rel=\"noopener noreferrer\">Studio Ghidini\u003C/a>, Abb.5: \u003Ca href=\"/\" target=\"_blank\" rel=\"noopener noreferrer\">Liechtenecker\u003C/a>)\u003Cbr>\n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg?itok=hMxps_8V\" data-rel=\"lightbox-gallery-JTfvp2X8\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"scrolldown\" data-entity-type=\"media\" data-entity-uuid=\"99bd6556-ee55-4117-8bc9-cce95871bba7\" 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/2015/02/scrolldown-1.jpg.webp?itok=4PQ3D35F 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=5zhSRtmo 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"909\" height=\"135\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=8MAsFzNH 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=CMke5xyQ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"909\" height=\"135\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=nPKgALsc 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=1FdWnoF- 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"111\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=MFoVpF22 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=_ecg7ez8 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"71\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=0P-05bi9 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.webp?itok=r3CA7m2d 2x\" type=\"image/webp\" width=\"909\" height=\"135\">\n                  \u003Cimg loading=\"lazy\" width=\"909\" height=\"135\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/scrolldown-1.jpg.jpg?itok=r3CA7m2d\" alt=\"scrolldown\" title=\"Scrolldown icons\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n \u003Cbr>\n\u003Cstrong>Fazit\u003C/strong>\u003Cbr>\nDer neue „Trend“ ist nicht nur cool, sondern unterstützt auch den User dabei sich durch die vielen Informationen zu wühlen, indem Inhalte gezielt hervorgehoben werden. Natürlich will man zu Beginn eines neuen Projektes ALLES haben und dies und das implementieren, weil das ja sooo unglaublich supertoll ist und man das unbedingt haben muss, aber es ist nicht immer alles sinnvoll. Außerdem soll man sich ja nicht überfordert fühlen, wenn man durch die Site scrollt, klickt oder swiped. 😉 Trotzdem sollte man als Designer nicht die Details und die netten Dinge vergessen, denn diese frischen das Interface auf.\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":171,"path":174,"status":20},"MediaImage","2024",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":171,"size":172,"mime":173},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/lie_blogbeitrag_hg_motion-1.jpg",1920,1280,"Liechtenecker Büro",198576,"image/jpeg","/media/2024/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/motion-on-web/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Motion on Web - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Der erste Beitrag zum Thema Natural User Interface (NUI) wurde von uns vor vier Jahren geschrieben. Da die Entwicklung im Web rasch voranschreitet, gibt es nun von mir eine Auffrischung und einige Beispiele zum Thema Bewegung im Web. Schon sehr früh überlege ich mir bei der Konzeption, wie man die Website mit Bewegungen in Szene setzen […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/motion-on-web/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2015-03-03T16:36:06+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T10:22:48+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/02/lie_blogbeitrag_kreis_motion-1.png\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"3 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/motion-on-web/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/02/lie_blogbeitrag_kreis_motion-1.png\",\"width\":400,\"height\":400,\"caption\":\"Blogbeitrag Feeling\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/motion-on-web/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/motion-on-web/\",\"name\":\"Motion on Web - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/motion-on-web/#primaryimage\"},\"datePublished\":\"2015-03-03T16:36:06+00:00\",\"dateModified\":\"2019-04-09T10:22:48+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/motion-on-web/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":177,"id":178,"myRole":179,"name":180,"nickname":181},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":183},[184,199,212],{"__typename":79,"id":185,"title":186,"path":187,"wpTeaserText":188,"wpPromotedTeaserImage":13,"wpHeaderImage":189},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":164,"id":190,"excludeFromScreenreader":13,"mediaImage":191,"name":197,"path":198,"status":20},"3364",{"__typename":167,"url":192,"width":193,"height":194,"alt":195,"title":13,"size":196,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":200,"title":201,"path":202,"wpTeaserText":203,"wpPromotedTeaserImage":13,"wpHeaderImage":204},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":164,"id":205,"excludeFromScreenreader":13,"mediaImage":206,"name":210,"path":211,"status":20},"3355",{"__typename":167,"url":207,"width":193,"height":194,"alt":208,"title":13,"size":209,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":213,"title":214,"path":215,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":216},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":217,"excludeFromScreenreader":21,"mediaImage":218,"name":222,"path":223,"status":20},"3303",{"__typename":167,"url":219,"width":193,"height":194,"alt":220,"title":13,"size":221,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":225,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":226,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":230,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":233,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":236,"Menu:footer":239,"ROOT_QUERY":249,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":265,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":268,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":271,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":274,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":277,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":280,"Menu:nuxt-main-menu":283,"TermCategories:8":297,"TermTags:835":308,"TermTags:1342":309,"TermTags:1361":310,"TermTags:1405":311,"TermTags:1489":312,"MediaImage:2024":313,"User:23":315,"NodeWpPost:956":316,"MediaImage:3364":345,"NodeWpPost:1619":347,"MediaImage:3355":350,"NodeWpPost:1616":352,"MediaImage:3303":355,"NodeWpPost:1606":357},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",227,"internal",20,"expanded",21,"attributes",229],{"__ref":228},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",231,"internal",20,"expanded",21,"attributes",232],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",234,"internal",20,"expanded",21,"attributes",235],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",237,"internal",21,"expanded",21,"attributes",238],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",240],[241,243,245,247],{"__ref":242},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":244},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":246},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":248},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",250,"menu({\"name\":\"FOOTER\"})",251,"menu({\"name\":\"NUXT_MAIN_MENU\"})",253,"route({\"path\":\"/blog/motion-on-web\"})",255,"latestKnowhow({\"excludeId\":\"956\",\"limit\":3})",258],"Query",{"__ref":252},"Menu:footer",{"__ref":254},"Menu:nuxt-main-menu",["null","__typename",77,"entity",256],{"__ref":257},"NodeWpPost:956",[259,261,263],{"__ref":260},"NodeWpPost:1619",{"__ref":262},"NodeWpPost:1616",{"__ref":264},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",266,"internal",20,"expanded",21,"attributes",267],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",269,"internal",20,"expanded",21,"attributes",270],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",272,"internal",20,"expanded",21,"attributes",273],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",275,"internal",20,"expanded",21,"attributes",276],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",278,"internal",20,"expanded",21,"attributes",279],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",281,"internal",20,"expanded",21,"attributes",282],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",284],[285,287,289,291,293,295],{"__ref":286},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":288},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":290},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":292},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":294},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":296},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",298,"langcode",299,"changed",300,"metatag",301],["null","__typename",120,"processed",121,"format",122],{"__ref":228},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[302,304,306],["null","__typename",95,"tag",96,"attributes",303],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",305],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",307],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",314,"name",171,"path",174,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",171,"size",172,"mime",173],["null","__typename",177,"id",178,"myRole",179,"name",180,"nickname",181],["null","__typename",79,"id",80,"title",81,"changed",317,"created",318,"langcode",319,"path",92,"promote",21,"status",20,"sticky",21,"metatag",320,"category",327,"contentElements",13,"evergreen",13,"tags",329,"wpBody",340,"wpHeaderImage",13,"wpHeaderImageOld",341,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",175,"author",343],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":228},[321,323,325],["null","__typename",95,"tag",96,"attributes",322],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",324],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",326],["null","__typename",111,"property",112,"content",81],{"__ref":328},"TermCategories:8",[330,332,334,336,338],{"__ref":331},"TermTags:835",{"__ref":333},"TermTags:1342",{"__ref":335},"TermTags:1361",{"__ref":337},"TermTags:1405",{"__ref":339},"TermTags:1489",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":342},"MediaImage:2024",{"__ref":344},"User:23",["null","__typename",164,"id",190,"excludeFromScreenreader",13,"mediaImage",346,"name",197,"path",198,"status",20],["null","__typename",167,"url",192,"width",193,"height",194,"alt",195,"title",13,"size",196,"mime",173],["null","__typename",79,"id",185,"title",186,"path",187,"wpTeaserText",188,"wpPromotedTeaserImage",13,"wpHeaderImage",348],{"__ref":349},"MediaImage:3364",["null","__typename",164,"id",205,"excludeFromScreenreader",13,"mediaImage",351,"name",210,"path",211,"status",20],["null","__typename",167,"url",207,"width",193,"height",194,"alt",208,"title",13,"size",209,"mime",173],["null","__typename",79,"id",200,"title",201,"path",202,"wpTeaserText",203,"wpPromotedTeaserImage",13,"wpHeaderImage",353],{"__ref":354},"MediaImage:3355",["null","__typename",164,"id",217,"excludeFromScreenreader",21,"mediaImage",356,"name",222,"path",223,"status",20],["null","__typename",167,"url",219,"width",193,"height",194,"alt",220,"title",13,"size",221,"mime",173],["null","__typename",79,"id",213,"title",214,"path",215,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",358],{"__ref":359},"MediaImage:3303"]