[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"CqtCMm8la5kFAajfS3dIQCOY9Vy2ZftTTr1FXsAVQAQ":75,"ejIM1vcAt5cXEsMDqbcfpAnMUWNNL8rvKWFVThdH8V4":176,"_apollo:default":218},{"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":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":154,"wpHeaderImage":13,"wpHeaderImageOld":157,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":169,"author":170},"NodeWpPost","1176","Webdesigntrends 2011",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1296136855,"UTC","+00:00","2011-01-27T14:00:55+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/webdesigntrends-2011",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Webdesigntrends 2011 | 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/webdesigntrends-2011","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],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","29","2011","/tag/2011",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"1385","Usability","/tag/usability",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1489","Webdesign","/tag/webdesign",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1496","webdesigntrends","/tag/webdesigntrends",{"__typename":155,"processed":156,"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\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg?itok=ljVevaZq\" data-rel=\"lightbox-gallery-6gYL8v9I\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"webdesigntrens_2011_kreis\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"Web Design Trends 2011\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Der Jänner neigt sich schon fast dem Ende zu, aber wir wagen trotzdem noch einen Blick in die Webdesign-Trends des neuen Jahres.\u003Cbr>\n\u003Cbr>\nWir prognostizieren: 2011 werden die Grenzen zwischen Designer und Entwickler noch wesentlich mehr verschwimmen. Es reicht nicht mehr, nur schöne Designs zu produzieren, sie müssen auch gute Funktionen bieten. Informationsdesign ist schon länger unser Motto, aber mit HTML5 und CSS3 kann man dieses noch mehr in den Vordergrund rücken.\u003Cbr>\nStatt von schönen Photoshopkreationen für einen kurzen Moment geblendet zu sein, sollen die User in ein Umfeld bzw. in eine Story hineingezogen werden, in dem sie kein Bedürfnis verspüren, den „Zurück“-Knopf oder „schliessen“ zu drücken. Dazu gibt es ein paar ausschlaggebende Faktoren, wie die Verwendung von stimmigen Farbschemata, das Erstellen eines intuitiven und interaktivem! Designs, einfache Informationsaufbereitung und schnelle Reaktionszeiten. Kombatibilität steht an erster Stelle. Kein Browser sollte vernachlässigt werden, kein aktueller Flashplayer soll im Weg sein, aber auch keine Einschränkungen auf welchem Device die Webseite aufgerufen wird.\u003Cbr>\nWenn man es in einem einzigen Wort sagen müsste: \u003Cstrong>Einfachheit\u003C/strong>.\u003Cbr>\nDas Design muss auf den unterschiedlichsten Endgeräten schnell, sicher und verständlich funktionieren.\u003C/p>\n\u003Ch3>Mehr CSS3 und HTML5\u003C/h3>\n\u003Cdiv title=\"html5\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"html5\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>2011 wird das endlich Jahr von CSS3 und HTML5. Flash als einzige Programmiersprache für eine animierte oder interaktive Website hat ausgedient, denn viele der neuen Plattformen (nicht nur iPhones) können damit schwerlich bedient werden.\u003Cbr>\nDer Aufschwung von HTML5 bedeutet aber nicht, dass Flash vollständig verschwinden wird – die beiden ergänzen sich eher, als das sie sich aufheben. Für uns ist klar: Speziell eingesetzt, kann Flash durchaus seine Vorteile haben -speziell im Games Bereich – und HTML5 kann noch nicht gänzlich alle Designelemente von Flash gleichwertig nachbauen. Wobei dies nur eine Frage der Zeit ist, wenn man sich folgende Website zu Gemüte führt: \u003Ca href=\"http://www.makeuseof.com/tag/html5games-directory-flashfree-browser-based-games/\" target=\"_blank\" rel=\"noopener noreferrer\">http://www.makeuseof.com/tag/html5games-directory-flashfree-browser-based-games/\u003C/a> Hier gibt es ein Directory von reinen HTML Spielen (flash-free!;)\u003Cbr>\nUm einiges mehr als seine Vorgänger kann CSS3 – es macht kurzen Prozess mit Textschatten, Abrundungen bei Blöcken und Bild-Transparenz und ist deshalb eines der wichtigsten Designfortschritte 2011.\u003Cbr>\nÜbrigens hat HTML5 vom W3C ein Logo spendiert bekommen 😉\u003Cbr>\n\u003C/p>\n\u003Ch3>Mobile\u003C/h3>\n\u003Cdiv title=\"sencha\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"sencha\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Dieses Thema wird 2011 noch wichtiger werden: Das Design muss auf unterschiedlichen Plattformen verwendbar sein. Als Webdesigner reicht es nicht für die mobile Seite, einfach alle komplizierten interaktiven Details wegzulassen – das kann sie recht schnell leer wirken lassen. Allzu sehr sieht man derzeit fertige Moblie-Plugins im Einsatz. Mit CSS3 kann man hier bereits sehr viel mehr erreichen, prinzipiell sollte man aber eine Seite aber von Anfang an so konzipieren, dass sie auch mit Smartphones oder Tablets jederzeit abrufbar und bedienbar ist. Viel mehr noch sollten die Vorteile von Mobile Devices bei Webseiten genützt werden. Stichwort: Geodaten, Touchscreen, QR Codes\u003Cbr>\nWir haben hier besonders Sencha als Framework im Fokus, denn dieses setzt auf Webstandards und bedient auch Android. \u003Ca href=\"http://www.sencha.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://www.sencha.com/\u003C/a>\u003Cbr>\n\u003C/p>\n\u003Ch3>QR-Codes\u003C/h3>\n\u003Cdiv title=\"qr\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"qr\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Diese Technologie geistert schon länger in den kreativen Köpfen herum, 2011 scheint sie nun endlich aus dem Schatten zu treten. Grund dafür ist natürlich die vermehrte mobile Nutzung von Websiten: Man kann die Codes zum Beispiel verwenden, damit User schnell auf die mobile Version wechseln können. Oder sie einsetzen, um Besucher mit einem speziellen Referral-Code auf der URL mitzutracken. Oder den Code als Gravatar für einen Kommentar auf Blogs etc. nutzen. Marketingideen geben wir hier nicht preis oder nur gegen Kohle 😉\u003Cbr>\n\u003C/p>\n\u003Ch3>Design für Touch Screens\u003C/h3>\n\u003Cdiv title=\"ipad\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"ipad\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Nicht zuletzt durch iPhone und iPad sind wir daran gewöhnt, taktil zu arbeiten. Daran muss auch das Design angepasst werden: Statt Links durch darüberstreichen anzuzeigen oder Drop-Down-Menüs einzubauen, muss man sich neue Navigationselemente für den Touch-Screen überlegen.\u003Cbr>\nIn diesem Zusammenhang stellt sich natürlich auch die Frage, wie User sich eine Seite ansehen: Auch wenn es für den Standard-Webgebrauch schwierig ist, horizontales Scrollen kann für Touchscreens durchaus Sinn machen – man denke zum Beispiel an bestimmte Magazine im iPad-Format.\u003Cbr>\nNicht zu vergessen ist in Folge dessen auch die Flexibilität des Layouts: Wenn User in Sekundenschnelle von horizontal auf vertikale Sicht umschalten können, muss das dazugehörige Design flexibel sein. Über Bildschirmauflösung wird dann schon lange nicht mehr geredet.\u003Cbr>\n\u003C/p>\n\u003Ch3>Vertikales Scrollen statt Paging\u003C/h3>\n\u003Cdiv title=\"scroll\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"scroll\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Seit Ewigkeiten besteht die Diskussion ob bei langen Inhalten ein Paging sinnvoll ist oder doch lieber lange Designs zum vertikalem Scrollen. Wir haben vor kurzem eine Umfrage dazu getätigt:\u003Ca href=\"https://liechtenecker.at/scrollen-vs-klicken/\" target=\"_parent\" rel=\"noopener noreferrer\"> https://liechtenecker.at/scrollen-vs-klicken/\u003C/a>. Hier hat sich herausgestellt, dass die absolute Mehrheit mehr Usability im Scrollen sieht. Denn neue Ladezeiten verzögern den Surf-Flow und die Inhalte erschließen sich nicht gleich auf den ersten Blick. Zusammengefasst: Weil es einfach von der Hand geht und wesentlich komfortabler ist! Ergänzend gehen trendige Screendesigner ganz groß in diese Richtung.\u003Cbr>\n\u003C/p>\n\u003Ch3>Thumbnail-Design\u003C/h3>\n\u003Cdiv title=\"thumbs\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"thumbs\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Dieser Trend hat einmal nichts mit Apple zu tun, sondern mit Google: Wenn man mit der Suchmaschine unterwegs ist, muss man nicht mehr auf den Link klicken, um die Webseite zu sehen – es reicht ein Click auf die Vorschau. Nachdem bereits nahezu jeder Mensch auf der Welt weiß, wie man googelt, sollte man diesen Fehler nicht machen – der erste Eindruck zählt bekanntlich am meisten.\u003Cbr>\n\u003C/p>\n\u003Ch3>3D Kino\u003C/h3>\n\u003Cp>Der 3D-Trend aus dem Kino macht natürlich auch vor dem Webdesign nicht Halt. Technisch ist der Effekt natürlich nicht möglich, aber dennoch kann man sich die Tiefe durch Design-Tricks auf die Seite holen.\u003C/p>\n\u003Ch3>Einfache Farbschemata\u003C/h3>\n\u003Cdiv title=\"farbschema\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"farbschema\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Wie schon vorher angesprochen: Simplicity is King. Wer jetzt aber bei der Farbgestaltung nur an weiß, schwarz und Grauschattierungen denkt, liegt falsch. Stattdessen sollte man sich mit sogar stärkeren Farben spielen. Wichtig dabei ist, die Farbpalette auf zwei bis drei Farben zu minimieren, sonst wird es zu bunt.(Das ist auch nix Neues natürlich) Am besten schaut es aus, wenn man die Schattierungen dieser zwei Farben von hell bis dunkel gut ausspielt und bestens in Kontrast setzt.\u003Cbr>\n\u003C/p>\n\u003Ch3>Fotos als Hintergrund\u003C/h3>\n\u003Cdiv title=\"rest\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"rest\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Die Verwendung von großformatigen Fotos oder Bildern als Hintergrund wird 2011 noch weiter ansteigen. Sie sind ein einfacher Weg, um das Interesse und besonders Emotionen des Webseitenbesuchers zu wecken. Aber Achtung: Die Bilder müssen immer kontextbezogen sein, sonst wird es schnell verwirrend. Bzw. gehören die Bilder besonders trickreich eingesetzt (mit Verläufen und Pattern) Am besten man verwendet sanfte und leicht transparente Bilder, die mit dem Inhalt harmonieren und kombiniert diese mit der gesamten Farbpalette der Site.\u003Cbr>\n\u003C/p>\n\u003Ch3>Illustrationen\u003C/h3>\n\u003Cdiv title=\"mascot\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"mascot\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Illustrationen waren schon 2010 ein deutlicher Trend, besonders in Headern. Um die User Experience zu steigern, werden diese vermehrt im Kontext verwendet. Maskottchen spielen auch bei Webanwendungen oder Apps eine sehr wichtige Rolle wie man hier sehen kann. \u003Ca href=\"http://d-lists.co.uk/2011/01/25/web-design-mascot-showcase/\" target=\"_blank\" rel=\"noopener noreferrer\">http://d-lists.co.uk/2011/01/25/web-design-mascot-showcase/\u003C/a>\u003Cbr>\n\u003C/p>\n\u003Ch3>Typografie\u003C/h3>\n\u003Cdiv title=\"typo\" data-entity-type=\"media\" data-entity-uuid=\"dbb2a9b3-78a0-4ac2-8fda-c7c846f6132c\" 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/webdesigntrens_2011_kreis-1.jpg.webp?itok=tsNnsKso 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=EjFa4WHW 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=Q1KVp447 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=kCfwxhRt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=DQwZnjs7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=_253ngAd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=6k5GbwI9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=MV-9FloJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=gkkYU2nB 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.webp?itok=5c4wD_pP 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2011_kreis-1.jpg.jpg?itok=5c4wD_pP\" alt=\"webdesigntrens_2011_kreis\" title=\"typo\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Vorbei sind die Zeiten wo Tahoma, Arial oder Verdana regieren. Man kann durch verschiedene Technologien andere Schriftarten für Headlines oder zum Beispiel Claims einsetzen. Dadurch ist die Verwendung von Schriften auch fürs Design immer mehr in den Vordergrund gerückt.\u003Cbr>\n\u003C/p>\n\u003Ch3>360 Grad – Social Media Integration und ganzheitliche Strategien\u003C/h3>\n\u003Cp>Unternehmen bewegen online sich schon lange nicht mehr nur auf einer einzigen Webseite. Es gibt dort einen Blog, da eine Facebook Page und vielleicht auch ein Intranet. Damit diese Auftritte nicht einzelne Baustellen sind ist es wichtig ganzheitliche Online Strategien zu entwickeln wo jeder dieser Kanäle eine Rolle spielt. Welche Ziele werden verfolgt, Redaktionspläne, welcher Kanal ist die Basis, sind hier die wichtigen Fragen. Ein (roter) Designfaden sollte sich durch alle Kanäle ziehen um die Identifikation zu haben.\u003C/p>\n\u003Ch3>Fazit\u003C/h3>\n\u003Cp>Man könnte noch ewig darüber weiterschreiben, aber dies wären die wichtigsten Tendenzen die mir eingefallen sind. Wenn euch noch etwas eingefallen ist oder ihr anderer Meinung seid, bin ich natürlich offen und die Kommentare sind es auch.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":158,"id":159,"excludeFromScreenreader":13,"mediaImage":160,"name":165,"path":168,"status":20},"MediaImage","2145",{"__typename":161,"url":162,"width":163,"height":164,"alt":165,"title":165,"size":166,"mime":167},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/webdesigntrens-1.jpg",1920,1280,"Liechtenecker Büro",237129,"image/jpeg","/media/2145/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://liechtenecker.at/blog/webdesigntrends-2011/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Webdesigntrends 2011 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Der Jänner neigt sich schon fast dem Ende zu, aber wir wagen trotzdem noch einen Blick in die Webdesign-Trends des neuen Jahres. Wir prognostizieren: 2011 werden die Grenzen zwischen Designer und Entwickler noch wesentlich mehr verschwimmen. Es reicht nicht mehr, nur schöne Designs zu produzieren, sie müssen auch gute Funktionen bieten. Informationsdesign ist schon länger […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/webdesigntrends-2011/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2011-01-27T15:00:55+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2011_kreis-1-300x300.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=\"6 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/webdesigntrends-2011/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2011_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Web Design Trends 2011\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2011/#webpage\",\"url\":\"https://liechtenecker.at/blog/webdesigntrends-2011/\",\"name\":\"Webdesigntrends 2011 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2011/#primaryimage\"},\"datePublished\":\"2011-01-27T15:00:55+00:00\",\"dateModified\":\"2011-01-27T15:00:55+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/webdesigntrends-2011/\"]}]},{\"@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":171,"id":172,"myRole":173,"name":174,"nickname":175},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":177},[178,193,206],{"__typename":79,"id":179,"title":180,"path":181,"wpTeaserText":182,"wpPromotedTeaserImage":13,"wpHeaderImage":183},"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":158,"id":184,"excludeFromScreenreader":13,"mediaImage":185,"name":191,"path":192,"status":20},"3364",{"__typename":161,"url":186,"width":187,"height":188,"alt":189,"title":13,"size":190,"mime":167},"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":194,"title":195,"path":196,"wpTeaserText":197,"wpPromotedTeaserImage":13,"wpHeaderImage":198},"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":158,"id":199,"excludeFromScreenreader":13,"mediaImage":200,"name":204,"path":205,"status":20},"3355",{"__typename":161,"url":201,"width":187,"height":188,"alt":202,"title":13,"size":203,"mime":167},"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":207,"title":208,"path":209,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":210},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":158,"id":211,"excludeFromScreenreader":21,"mediaImage":212,"name":216,"path":217,"status":20},"3303",{"__typename":161,"url":213,"width":187,"height":188,"alt":214,"title":13,"size":215,"mime":167},"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":219,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":220,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":224,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":227,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":230,"Menu:footer":233,"ROOT_QUERY":243,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":259,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":262,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":265,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":268,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":271,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":274,"Menu:nuxt-main-menu":277,"TermCategories:8":291,"TermTags:29":302,"TermTags:1385":303,"TermTags:1489":304,"TermTags:1496":305,"MediaImage:2145":306,"User:23":308,"NodeWpPost:1176":309,"MediaImage:3364":336,"NodeWpPost:1619":338,"MediaImage:3355":341,"NodeWpPost:1616":343,"MediaImage:3303":346,"NodeWpPost:1606":348},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",221,"internal",20,"expanded",21,"attributes",223],{"__ref":222},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",225,"internal",20,"expanded",21,"attributes",226],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",228,"internal",20,"expanded",21,"attributes",229],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",231,"internal",21,"expanded",21,"attributes",232],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",234],[235,237,239,241],{"__ref":236},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":238},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":240},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":242},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",244,"menu({\"name\":\"FOOTER\"})",245,"menu({\"name\":\"NUXT_MAIN_MENU\"})",247,"route({\"path\":\"/blog/webdesigntrends-2011\"})",249,"latestKnowhow({\"excludeId\":\"1176\",\"limit\":3})",252],"Query",{"__ref":246},"Menu:footer",{"__ref":248},"Menu:nuxt-main-menu",["null","__typename",77,"entity",250],{"__ref":251},"NodeWpPost:1176",[253,255,257],{"__ref":254},"NodeWpPost:1619",{"__ref":256},"NodeWpPost:1616",{"__ref":258},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",260,"internal",20,"expanded",21,"attributes",261],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",263,"internal",20,"expanded",21,"attributes",264],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",266,"internal",20,"expanded",21,"attributes",267],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",269,"internal",20,"expanded",21,"attributes",270],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",272,"internal",20,"expanded",21,"attributes",273],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",275,"internal",20,"expanded",21,"attributes",276],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",278],[279,281,283,285,287,289],{"__ref":280},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":282},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":284},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":286},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":288},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":290},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",292,"langcode",293,"changed",294,"metatag",295],["null","__typename",118,"processed",119,"format",120],{"__ref":222},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[296,298,300],["null","__typename",93,"tag",94,"attributes",297],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",299],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",301],["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",158,"id",159,"excludeFromScreenreader",13,"mediaImage",307,"name",165,"path",168,"status",20],["null","__typename",161,"url",162,"width",163,"height",164,"alt",165,"title",165,"size",166,"mime",167],["null","__typename",171,"id",172,"myRole",173,"name",174,"nickname",175],["null","__typename",79,"id",80,"title",81,"changed",310,"created",311,"langcode",312,"path",90,"promote",21,"status",20,"sticky",21,"metatag",313,"category",320,"contentElements",13,"evergreen",13,"tags",322,"wpBody",331,"wpHeaderImage",13,"wpHeaderImageOld",332,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",169,"author",334],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":222},[314,316,318],["null","__typename",93,"tag",94,"attributes",315],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",317],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",319],["null","__typename",109,"property",110,"content",81],{"__ref":321},"TermCategories:8",[323,325,327,329],{"__ref":324},"TermTags:29",{"__ref":326},"TermTags:1385",{"__ref":328},"TermTags:1489",{"__ref":330},"TermTags:1496",["null","__typename",155,"processed",156,"format",120,"summary",13],{"__ref":333},"MediaImage:2145",{"__ref":335},"User:23",["null","__typename",158,"id",184,"excludeFromScreenreader",13,"mediaImage",337,"name",191,"path",192,"status",20],["null","__typename",161,"url",186,"width",187,"height",188,"alt",189,"title",13,"size",190,"mime",167],["null","__typename",79,"id",179,"title",180,"path",181,"wpTeaserText",182,"wpPromotedTeaserImage",13,"wpHeaderImage",339],{"__ref":340},"MediaImage:3364",["null","__typename",158,"id",199,"excludeFromScreenreader",13,"mediaImage",342,"name",204,"path",205,"status",20],["null","__typename",161,"url",201,"width",187,"height",188,"alt",202,"title",13,"size",203,"mime",167],["null","__typename",79,"id",194,"title",195,"path",196,"wpTeaserText",197,"wpPromotedTeaserImage",13,"wpHeaderImage",344],{"__ref":345},"MediaImage:3355",["null","__typename",158,"id",211,"excludeFromScreenreader",21,"mediaImage",347,"name",216,"path",217,"status",20],["null","__typename",161,"url",213,"width",187,"height",188,"alt",214,"title",13,"size",215,"mime",167],["null","__typename",79,"id",207,"title",208,"path",209,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",349],{"__ref":350},"MediaImage:3303"]