[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"QYc9uKa00VgZAd0SxzkBKNQdsIPYfoN5JDDkTFKwXSE":75,"_YfVVo0Nbarm5VQAUJnrtLGB5kLU6RtpjSW0qLEYO4k":168,"_apollo:default":213},{"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":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":158,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":161,"author":162},"NodeWpPost","1101","Whats new in Webdesign?",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1342509941,"UTC","+00:00","2012-07-17T07:25:41+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/whats-new-in-webdesign",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Whats new in Webdesign? | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/whats-new-in-webdesign","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146,150,154],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","30","2012","/tag/2012",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"325","design","/tag/design",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1342","trends","/tag/trends",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1405","UX","/tag/ux",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"1489","Webdesign","/tag/webdesign",{"__typename":159,"processed":160,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Auf diesem Blog schreiben wir jährlich über die \u003Ca title=\"Webdesigntrends 2012\" href=\"https://liechtenecker.at/webdesigntrends-2012/\" target=\"_blank\" rel=\"noopener noreferrer\">Webdesigntrends\u003C/a> des kommenden Jahres, diesmal möchte ich aber ein kurzes Sommer-Zwischenupdate geben, da es für eine Social Media Statusmeldung wohl zu lange wäre und es sehr interessante Trends gibt, die ich euch nicht vorenthalten will.\u003C/p>\n\u003Ch3>Big Big Header\u003C/h3>\n\u003Cp>Wir wissen mittlerweile, dass uns \u003Ca title=\"Responsive Webdesign – die Basics\" href=\"https://liechtenecker.at/responsive-webdesign-die-basics/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Webdesign\u003C/a> sehr großflächige Screendesigns ermöglicht. „Scrollen ist das neue Klicken“ haben wir auch schon öfters erwähnt. Deswegen hat sich herauskristallisiert, dass man für den Header – also der erste/oberste sichtbare Bereich – eine sehr große Fläche nutzen kann. 2010 kam das beliebte Sliderphänomen, wo zum ersten mal richig fette Moodbilder verwendet wurden. Solche Bilder sind auch heute noch besonders wichtig für die Stimmung (UX) einer Webseite. Allerdings bietet der Fortschritt wesentlich mehr Platz, der ganze obere Bereich kann ausgenützt werden. Wir finden das sehr gut, denn hier ist Platz für einen Claim oder aktuelle Hinweise. Beispiele gefällig?\u003Cbr>\n\u003Ca href=\"http://www.googleventures.com/\">\u003Cdiv title=\"gv\" data-entity-type=\"media\" data-entity-uuid=\"28d4e934-d0ff-4210-9557-7625b24175d8\" 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/2012/07/gv1-1.jpg.webp?itok=9At1QMdx 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=CFyVGWYx 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"268\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=i_ZZr8BP 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=Cqfn7Qi8 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"268\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=qbcca75Y 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=tnrkfKX1 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"268\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=dhUnoePm 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=BPc4ekDC 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"238\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=OxVmmAfT 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.webp?itok=cxjaGqWK 2x\" type=\"image/webp\" width=\"540\" height=\"268\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"268\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/gv1-1.jpg.jpg?itok=cxjaGqWK\" alt title=\"gv\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.2creative.com.au/\">\u003Cdiv title=\"2c\" data-entity-type=\"media\" data-entity-uuid=\"1651fe0e-2f49-40c6-9f24-e8972f25a9a1\" 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/2012/07/2c1-1.jpg.webp?itok=K2LhOAwz 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=_3Qn5bnq 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=163ELr4I 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=Gx1q94tX 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=47M1uERF 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=X2tICN5v 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=e3TGESyS 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=D9QwhEUz 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/2012/07/2c1-1.jpg.webp?itok=7Xj6pnoa 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.webp?itok=agjhKaoe 2x\" type=\"image/webp\" width=\"540\" height=\"278\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"278\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/2c1-1.jpg.jpg?itok=agjhKaoe\" alt title=\"2c\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://restaurant-elrefugi.com/ca/\">\u003Cdiv title=\"1b\" data-entity-type=\"media\" data-entity-uuid=\"df34d5c4-aeb0-44e2-8615-45cd2ee09ac9\" 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/2012/07/1b1-1.jpg.webp?itok=6dFcp_H0 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=Rgket4Qc 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"263\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=6ORRmdiu 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=LUIVzApM 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"263\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=kO2Fz80z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=OYd6b8vd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"263\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=mniwhLMB 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=ptQYWdS2 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"234\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=zwZY8bLr 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.webp?itok=FC9Ppd-O 2x\" type=\"image/webp\" width=\"540\" height=\"263\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"263\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/1b1-1.jpg.jpg?itok=FC9Ppd-O\" alt title=\"1b\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Sticky Navigation\u003C/h3>\n\u003Cp>Beim vielen Scrollen könnte sich der User in der Webseite verlieren? Nein keine Angst, dafür gibt es praktikable Lösungen. Eine davon ist die fixe Navigation. Scrollt der User, bleibt die Navigation oben haften, das erleichtert das weitere Surfverhalten gewaltig. Es gibt dazu noch schöne Maskeneffekte, dass beim Scrollen zum Beispiel die Navigation oben in der Höhe kleiner wird. Effekte, die den User nicht stören, sondern unterstützen.\u003Cbr>\n\u003Ca href=\"http://www.humaan.com.au/\">\u003Cdiv title=\"hu\" data-entity-type=\"media\" data-entity-uuid=\"465271e6-a22e-4449-baf2-66eb05674093\" 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/2012/07/hu1-1.jpg.webp?itok=rqHx7ZFV 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=rtiOKN7b 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"274\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=qLg41Jvd 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=Vp6uUrbB 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"274\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=JeAo7u9W 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=4V9JBfXU 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"274\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=sn5ohCb9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=BuUQpP5d 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"244\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=TIMq_EpQ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.webp?itok=B_34X7rp 2x\" type=\"image/webp\" width=\"540\" height=\"274\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"274\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/hu1-1.jpg.jpg?itok=B_34X7rp\" alt title=\"hu\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://weddynize.com/\">\u003Cdiv title=\"weddynize\" data-entity-type=\"media\" data-entity-uuid=\"289a2bca-a88b-4897-b4fd-382fc85a850c\" 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/2012/07/we1-1.jpg.webp?itok=c3U7osW5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=q2Qf4zEm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=uYlc54x2 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=ui9Vh7Cw 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=cSXPbO_b 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=0bu7iS36 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"278\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=Fz6oJGxy 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=GMErxkiN 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/2012/07/we1-1.jpg.webp?itok=hQz2HGzA 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.webp?itok=hFFGUEpo 2x\" type=\"image/webp\" width=\"540\" height=\"278\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"278\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/we1-1.jpg.jpg?itok=hFFGUEpo\" alt title=\"weddynize\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://flatironjs.org/\">\u003Cdiv title=\"flatiron\" data-entity-type=\"media\" data-entity-uuid=\"b3255cb6-2bad-422a-af62-c643b0894a04\" 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/2012/07/fl1-1.jpg.webp?itok=XJx1CYjS 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=xbSChU5r 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=4gv1KjVp 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=y5L5dpd9 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=QOE0u55W 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=L-8k2m0E 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=WSVejMfV 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=b8sICWcj 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"226\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=OJeWcFAI 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.webp?itok=N51xq7T2 2x\" type=\"image/webp\" width=\"540\" height=\"254\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"254\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/fl1-1.jpg.jpg?itok=N51xq7T2\" alt title=\"flatiron\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Maskeneffekte\u003C/h3>\n\u003Cp>Wie schon oben beschrieben kann man auch Maskeneffekte bei der Naviation anzeigen. \u003Ca title=\"Parallaxes Scrolling\" href=\"https://liechtenecker.at/parallaxes-scrolling/\" target=\"_blank\" rel=\"noopener noreferrer\">Parallax Scrolling\u003C/a> hält jetzt auch Einzug in eine ordentliche Usability. Wurden zu Anfang die Parallax Effekte übertrieben, haben sie jetzt einen gewissen Grad an Reduktion erreicht, sodass es den User ein schönes Erlebnis bietet.\u003Cbr>\n\u003Ca href=\"http://inst.ag/\">\u003Cdiv title=\"is\" data-entity-type=\"media\" data-entity-uuid=\"5285988b-0cc5-4cb6-bd6b-fe7ddc3c2a78\" 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/2012/07/is1-1.jpg.webp?itok=T34RBAfP 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=P0Q2d_pz 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"271\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=xCc8P6Pm 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=2yRn4XrL 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"271\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=U0TAXheK 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=uPPhU7-V 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"271\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=D4DGexLs 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=8N0IKWoG 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"241\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=VNkrzq-M 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.webp?itok=Tfu8CVDP 2x\" type=\"image/webp\" width=\"540\" height=\"271\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"271\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/is1-1.jpg.jpg?itok=Tfu8CVDP\" alt title=\"is\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.makeitbloom.com/\">\u003Cdiv title=\"dd\" data-entity-type=\"media\" data-entity-uuid=\"f6106c17-120f-4f01-b6b6-2dfc67ded0e9\" 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/2012/07/dd2-1.jpg.webp?itok=1NSstOdh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=nvS1BGww 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"280\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=n70iIBCw 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=oowxZwEc 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"280\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=qIei0LeC 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=0hKKJHFE 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"280\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=hvUDg3T0 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=-8tIS6LX 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"249\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=e1ChuIuu 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.webp?itok=R5byu-s0 2x\" type=\"image/webp\" width=\"540\" height=\"280\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"280\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/dd2-1.jpg.jpg?itok=R5byu-s0\" alt title=\"dd\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://opower.com/careers/ux/\">\u003Cdiv title=\"bk\" data-entity-type=\"media\" data-entity-uuid=\"34e78391-e015-4fe4-ac83-1cf384bbcf5a\" 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/2012/07/bk1-1.jpg.webp?itok=igbqa3zd 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=MroF-38M 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"285\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=OoL7D6dq 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=rXbqp-PS 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"285\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=mCcBTeRT 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=yA4OkBPI 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"285\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=FcmthUWQ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=kYuYOkrS 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/2012/07/bk1-1.jpg.webp?itok=wtI9kiZv 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.webp?itok=1hnyAiKW 2x\" type=\"image/webp\" width=\"540\" height=\"285\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"285\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/bk1-1.jpg.jpg?itok=1hnyAiKW\" alt title=\"bk\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Subtilität\u003C/h3>\n\u003Cp>Schlagt man kurz das Wort subtil nach: „im gemeinen Leben für fein, zart, behende, listig“ Genau das trifft es. Die Effekte bei Buttons, Navigationen oder Formulare werden immer subtiler um den User ein zartes Feedback zu geben. Die Buttons haben einen sehr feinen Fade-Effekt, oder die Formularvalidierung einen sensitiven Hilfetext. Userfeedback steht für eine User Experience an oberster Stelle, doch bitte immer mit genügend Feingefühl.\u003Cbr>\n\u003Ca href=\"http://bitfoundry.ca/\">\u003Cdiv title=\"dd\" data-entity-type=\"media\" data-entity-uuid=\"dfaba337-f621-4581-981f-a2a4c2e6fffa\" 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/2012/07/dd11-1.jpg.webp?itok=j25vSaef 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=QuxOr9y2 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"277\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=M_-GDgmW 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=oqXqgo0h 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"277\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=daPqO6PB 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=w5SMbDU- 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"277\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=fbSluxH2 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=MpbgheSw 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"246\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=zy7M-UDJ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.webp?itok=jj2_N_9y 2x\" type=\"image/webp\" width=\"540\" height=\"277\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"277\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/dd11-1.jpg.jpg?itok=jj2_N_9y\" alt title=\"dd\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.pyconic.com/\">\u003Cdiv title=\"ph\" data-entity-type=\"media\" data-entity-uuid=\"4eb27f82-cb18-4b4f-a8aa-e461b3672c70\" 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/2012/07/ph1-1.jpg.webp?itok=v0S3kUSH 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=obVlPXG_ 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"344\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=iO2ESGla 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=chtwOL6r 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"344\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=x0-tpe7K 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=lZ9LO4kD 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"344\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=RjqYDE9m 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=9QlbJ2RL 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"306\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=s3B2q-NY 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.webp?itok=ZbXL5ihM 2x\" type=\"image/webp\" width=\"540\" height=\"344\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"344\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/ph1-1.jpg.jpg?itok=ZbXL5ihM\" alt title=\"ph\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.alexstubbs.com/\">\u003Cdiv title=\"er\" data-entity-type=\"media\" data-entity-uuid=\"f02048c7-1c0a-47f5-93e8-ac65af8df151\" 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/2012/07/er1-1.jpg.webp?itok=ycnInzMP 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=BWhOuDlE 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"303\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=2IOxxJrP 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=LB_B0fm5 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"303\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=J2-sFl9o 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=rs05y-ur 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"303\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=VkslAWZh 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=YzjFC9fZ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"269\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=adqDZ461 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.webp?itok=HSFj9P95 2x\" type=\"image/webp\" width=\"540\" height=\"303\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"303\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/07/er1-1.jpg.jpg?itok=HSFj9P95\" alt title=\"er\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cbr>\nWas schon vorbei? Wie gesagt, es handelt sich um ein kurzes Sommer-Update, alle Insights darf ich nicht verraten und Ende des Jahres gibt es wieder die große Fashionshow bei Liechtenecker 🙂\u003Cbr>\nZusammenfassend kann ich nur sagen, dass der User immer mehr in den Focus von Webdesigns rückt. Egal welche Plattform, egal wo er sich befindet. User Experience bekommt langsam Form in feinen Effekten und die Interaktion wird mit Feedback unterstützt. Es gäbe noch viel mehr zu erzählen, aber das ist eine andere Geschichte (äh Blogbeitrag).\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\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://liechtenecker.at/blog/whats-new-in-webdesign/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Whats new in Webdesign? - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Auf diesem Blog schreiben wir jährlich über die Webdesigntrends des kommenden Jahres, diesmal möchte ich aber ein kurzes Sommer-Zwischenupdate geben, da es für eine Social Media Statusmeldung wohl zu lange wäre und es sehr interessante Trends gibt, die ich euch nicht vorenthalten will. Big Big Header Wir wissen mittlerweile, dass uns Responsive Webdesign sehr großflächige Screendesigns ermöglicht. „Scrollen […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/whats-new-in-webdesign/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2012-07-17T09:25:41+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2012/07/gv1-1.jpg\" />\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=\"2 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/whats-new-in-webdesign/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2012/07/gv1-1.jpg\",\"width\":540,\"height\":268},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/whats-new-in-webdesign/#webpage\",\"url\":\"https://liechtenecker.at/blog/whats-new-in-webdesign/\",\"name\":\"Whats new in Webdesign? - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/whats-new-in-webdesign/#primaryimage\"},\"datePublished\":\"2012-07-17T09:25:41+00:00\",\"dateModified\":\"2012-07-17T09:25:41+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/whats-new-in-webdesign/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#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":163,"id":164,"myRole":165,"name":166,"nickname":167},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":169},[170,188,201],{"__typename":79,"id":171,"title":172,"path":173,"wpTeaserText":174,"wpPromotedTeaserImage":13,"wpHeaderImage":175},"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":176,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":186,"path":187,"status":20},"MediaImage","3364",{"__typename":179,"url":180,"width":181,"height":182,"alt":183,"title":13,"size":184,"mime":185},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":189,"title":190,"path":191,"wpTeaserText":192,"wpPromotedTeaserImage":13,"wpHeaderImage":193},"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":176,"id":194,"excludeFromScreenreader":13,"mediaImage":195,"name":199,"path":200,"status":20},"3355",{"__typename":179,"url":196,"width":181,"height":182,"alt":197,"title":13,"size":198,"mime":185},"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":202,"title":203,"path":204,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":205},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":176,"id":206,"excludeFromScreenreader":21,"mediaImage":207,"name":211,"path":212,"status":20},"3303",{"__typename":179,"url":208,"width":181,"height":182,"alt":209,"title":13,"size":210,"mime":185},"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":214,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":215,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":219,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":222,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":225,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":228,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":231,"Menu:nuxt-main-menu":234,"ROOT_QUERY":248,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":264,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":267,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":270,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":273,"Menu:footer":276,"TermCategories:8":286,"TermTags:30":297,"TermTags:325":298,"TermTags:1342":299,"TermTags:1405":300,"TermTags:1489":301,"User:23":302,"NodeWpPost:1101":303,"MediaImage:3364":330,"NodeWpPost:1619":332,"MediaImage:3355":335,"NodeWpPost:1616":337,"MediaImage:3303":340,"NodeWpPost:1606":342},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",216,"internal",20,"expanded",21,"attributes",218],{"__ref":217},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",220,"internal",20,"expanded",21,"attributes",221],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",223,"internal",20,"expanded",21,"attributes",224],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",235],[236,238,240,242,244,246],{"__ref":237},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":239},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":241},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":243},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":245},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":247},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",249,"menu({\"name\":\"NUXT_MAIN_MENU\"})",250,"menu({\"name\":\"FOOTER\"})",252,"route({\"path\":\"/blog/whats-new-in-webdesign\"})",254,"latestKnowhow({\"excludeId\":\"1101\",\"limit\":3})",257],"Query",{"__ref":251},"Menu:nuxt-main-menu",{"__ref":253},"Menu:footer",["null","__typename",77,"entity",255],{"__ref":256},"NodeWpPost:1101",[258,260,262],{"__ref":259},"NodeWpPost:1619",{"__ref":261},"NodeWpPost:1616",{"__ref":263},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",274,"internal",21,"expanded",21,"attributes",275],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",277],[278,280,282,284],{"__ref":279},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":281},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":283},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":285},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",287,"langcode",288,"changed",289,"metatag",290],["null","__typename",118,"processed",119,"format",120],{"__ref":217},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[291,293,295],["null","__typename",93,"tag",94,"attributes",292],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",294],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",296],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",138,"id",155,"name",156,"path",157,"weight",116],["null","__typename",163,"id",164,"myRole",165,"name",166,"nickname",167],["null","__typename",79,"id",80,"title",81,"changed",304,"created",305,"langcode",306,"path",90,"promote",21,"status",20,"sticky",21,"metatag",307,"category",314,"contentElements",13,"evergreen",13,"tags",316,"wpBody",327,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",161,"author",328],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":217},[308,310,312],["null","__typename",93,"tag",94,"attributes",309],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",311],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",313],["null","__typename",109,"property",110,"content",81],{"__ref":315},"TermCategories:8",[317,319,321,323,325],{"__ref":318},"TermTags:30",{"__ref":320},"TermTags:325",{"__ref":322},"TermTags:1342",{"__ref":324},"TermTags:1405",{"__ref":326},"TermTags:1489",["null","__typename",159,"processed",160,"format",120,"summary",13],{"__ref":329},"User:23",["null","__typename",176,"id",177,"excludeFromScreenreader",13,"mediaImage",331,"name",186,"path",187,"status",20],["null","__typename",179,"url",180,"width",181,"height",182,"alt",183,"title",13,"size",184,"mime",185],["null","__typename",79,"id",171,"title",172,"path",173,"wpTeaserText",174,"wpPromotedTeaserImage",13,"wpHeaderImage",333],{"__ref":334},"MediaImage:3364",["null","__typename",176,"id",194,"excludeFromScreenreader",13,"mediaImage",336,"name",199,"path",200,"status",20],["null","__typename",179,"url",196,"width",181,"height",182,"alt",197,"title",13,"size",198,"mime",185],["null","__typename",79,"id",189,"title",190,"path",191,"wpTeaserText",192,"wpPromotedTeaserImage",13,"wpHeaderImage",338],{"__ref":339},"MediaImage:3355",["null","__typename",176,"id",206,"excludeFromScreenreader",21,"mediaImage",341,"name",211,"path",212,"status",20],["null","__typename",179,"url",208,"width",181,"height",182,"alt",209,"title",13,"size",210,"mime",185],["null","__typename",79,"id",202,"title",203,"path",204,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",343],{"__ref":344},"MediaImage:3303"]