[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"gR0t2O1GVT5NyPtHWG9vsMrrvTSwVpDZHJRCI2D1gZw":75,"nY8rUgi5YwMKO7zVg7iiCdD4daSCJoWOA7YsUMEUqAs":182,"_apollo:default":224},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":160,"wpHeaderImage":13,"wpHeaderImageOld":163,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":175,"author":176},"NodeWpPost","969","Webdesigntrends 2015",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554798307,"UTC","+00:00","2019-04-09T08:25:07+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1418286667,"2014-12-11T08:31:07+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/webdesigntrends-2015",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Webdesigntrends 2015 | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/webdesigntrends-2015","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":120,"processed":121,"format":122},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[139,144,148,152,156],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","33","2015","/tag/2015",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"332","designtrends","/tag/designtrends",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"1342","trends","/tag/trends",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"1489","Webdesign","/tag/webdesign",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1496","webdesigntrends","/tag/webdesigntrends",{"__typename":161,"processed":162,"format":122,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg?itok=Ax6Vg11G\" data-rel=\"lightbox-gallery-eb4lyree\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"webdesigntrens_2015_kreis\" data-entity-type=\"media\" data-entity-uuid=\"d7e063a7-21f3-4cd8-8091-8464bbeefab7\" 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_2015_kreis-1.jpg.webp?itok=Na8-JWjj 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg.webp?itok=sXUFCVmt 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_2015_kreis-1.jpg.webp?itok=abtCBkF_ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg.webp?itok=Bf72x3gB 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_2015_kreis-1.jpg.webp?itok=JUlxJ_Ji 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg.webp?itok=XU1-SMeG 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_2015_kreis-1.jpg.webp?itok=j7skaSQp 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg.webp?itok=z_rtT215 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_2015_kreis-1.jpg.webp?itok=cS_lDanz 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2015_kreis-1.jpg.webp?itok=nT2wkbUM 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_2015_kreis-1.jpg.jpg?itok=nT2wkbUM\" alt=\"webdesigntrens_2015_kreis\" title=\"Webdesign Trends 2015\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Heuer war es besonders herausfordernd für mich DIE Webdesigntrends zu identifizieren. Keine Panik, ich schreibe nicht über große Header, Responsive- oder Flatdesign (dazu gibt es einiges im \u003Ca title=\"Webdesigntrends 2014\" href=\"https://liechtenecker.at/webdesigntrends-2014/\">Vorjahrsbeitrag\u003C/a>). Bei uns kommt nämlich alles handgemacht und frisch aus dem Webworker-Herz, deswegen musste ich heuer ein paar Kopfrunden mehr als sonst drehen, mich mit den Kollegen austauschen und ein paar kurze Nächte (Babytime) darüber schlafen. Es wäre allerdings kein Liechtenecker-Blog-Dezember, wenn es keine unglaublich bombastischen Web-Trends für das folgende Jahr gäbe. Was sind eigentlich meine Inspirationsquellen für die jährlichen Artikel? Die liegen nämlich gar nicht so in der technischen Welt. Ich sehe mir dabei eher Foodtrends, Fashiontrends, Farbtrends, Designtrends und nicht zu Letzt Eingebungen aus unserer Liechteneckers-Werkstatt an. So wachsen sie dann, meine Webdesigntrends, für unsere treuen und vorbeispazierenden Blogleser. \u003Cem>Here you are!\u003C/em>\u003Cbr>\n\u003C/p>\n\u003Ch2>User Experience für eine bessere Usability\u003C/h2>\n\u003Cp>Mir ist klar, dass diese Headline erstmal erklärungsbedürftig ist. User Experience, die Königsdisziplin des Screendesigns, steckt erst in den Babyschuhen. Es wurde herumprobiert und experimentiert, wie zu den besten Flash Zeiten. Kennt jemand noch Flash? 😉 Das Spektakel wurde das eine oder andere mal \u003Cdel>etwas\u003C/del> übertrieben und führt im schlimmsten Falle zu Frust. Ich hasse zum Beispiel Pre-Loader, weil die Performance der Webseiten schlecht ist oder Geschicklichkeitsspiele bei Navigationen. Die nächste Herausforderung für Digitaldesigner und Frontendentwickler, ist in Zukunft eine perfekte Zusammenarbeit der beiden Disziplinen sowie ein Unterstreichen des Userflows mit subtilen Animationen innerhalb der Benutzerführung. Die Fluglinie Virgin America hat dies grandios! eingesetzt. Das Flugbuchen macht Spaß und geht schnell von der Hand.\u003Cbr>\n\u003Ca title=\"https://www.virginamerica.com/\" href=\"https://www.virginamerica.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"https://www.virginamerica.com/\" data-entity-type=\"media\" data-entity-uuid=\"3f59ca41-e373-4bd2-8c41-06b80562ef6d\" 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/2014/12/userexperience_usability1-1.jpg.webp?itok=9cyapb3n 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=M2eZvUKp 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"571\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=-Uho64Nj 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=j68JKS7l 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"571\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=HHuBESeW 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=-pMciFyy 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"425\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=oLJsdeko 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=tHTs9RPc 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"274\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=VXsd4Jts 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.webp?itok=PIj2XLqj 2x\" type=\"image/webp\" width=\"1000\" height=\"571\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"571\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/userexperience_usability1-1.jpg.jpg?itok=PIj2XLqj\" alt=\"https://www.virginamerica.com/\" title=\"userexperience_usability\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Storytelling Content\u003C/h2>\n\u003Cp>Contentmarketing & Storytelling sind ja derzeit in aller Marketer Munde. Gut so und eine tolle Weiterentwicklung. Die Herausforderung an die Umsetzer ist auf der einen Seite die spannende und passende Textierung und auf der anderen Seite der roten Faden, welcher in den Designkontext passt und wie in diesem Beispiel mit Illustrationen perfekt unterstrichen wurde. Subtile Animationen ist das Sahnehäubchen. Hier vielleicht sogar das Fünkchen zuviel, aber damit ihr versteht, was ich meine.\u003Cbr>\n\u003Ca title=\"https://www.alfredogonzales.com/en/story\" href=\"https://www.alfredogonzales.com/en/story\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"storytelling_content\" data-entity-type=\"media\" data-entity-uuid=\"5ddec77e-44e8-4045-b428-a8aa7555130d\" 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/2014/12/storytelling_content1-1.jpg.webp?itok=SDzwfggJ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=Rk6Nv2s- 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"552\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=A0Ce2y1- 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=wA3NuJzA 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"552\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=BsRmJdK3 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=mHDdqyni 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"411\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=9j4ZTXpv 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=_Fswqmf0 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"265\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=DvkZz1be 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.webp?itok=EKtX11-u 2x\" type=\"image/webp\" width=\"1000\" height=\"552\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"552\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/storytelling_content1-1.jpg.jpg?itok=EKtX11-u\" alt=\"storytelling_content\" title=\"storytelling content\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Reduktion auf das Wesentliche\u003C/h2>\n\u003Cp>\u003Cstrong>\u003Cem>Genug ist mehr\u003C/em>\u003C/strong>, statt weniger ist mehr. Die Reduktion auf den wesentlichen Kern einer Webseitenkommunikation, ist eine hohe Kunst. Es gibt eine \u003Ca title=\"http://www.theatlantic.com/product/archive/2014/08/the-hamburger-menu-debate/379145/\" href=\"http://www.theatlantic.com/product/archive/2014/08/the-hamburger-menu-debate/379145/\" target=\"_blank\" rel=\"noopener noreferrer\">Hamburger Navigation\u003C/a> (das ist nichts zu essen, sondern links oben die 3 Linien, bekannt aus responsive Navigationskonzepten). 3 animierte Outlineicons für die wichtigsten Elemente dieser Developerwebseite. Sehr aufgeräumt und es ist alles da was der User lesen und erleben möchte/sollte. Genug ist eben mehr.\u003Cbr>\n\u003Ca href=\"http://michaelvilleneuve.fr/\">\u003Cdiv alt=\"reduktion\" data-entity-type=\"media\" data-entity-uuid=\"0105b2da-43e2-4eb8-9f9b-6991f279a3ab\" 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/2014/12/reduktion1-1.jpg.webp?itok=P9QcqZDj 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=mxHkMTHa 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"511\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=ai4r9d5x 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=-1cRp_iX 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"511\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=0L1hAa7b 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=8L_eoWYn 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"381\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=KX0hBvz_ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=-oRtgWqD 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"245\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=7Li7BClk 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.webp?itok=-xtX2McR 2x\" type=\"image/webp\" width=\"1000\" height=\"511\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"511\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/reduktion1-1.jpg.jpg?itok=-xtX2McR\" alt=\"reduktion\" title=\"reduktion\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Deplatzierte Typografie\u003C/h2>\n\u003Cp>Auch eine mysteriöse und auf den ersten Blick komisch wirkende Überschrift, aber ich kann es nicht anders bezeichnen. Die meisten Webdesigns basieren auf einem Grid. Alles sauber und ordentlich innerhalb des Rasters geordnet. So kommt es, dass kleine Störer (ein bisschen Reibung ist ja immer gut) anrollen, die mir trotz meiner monkischen Züge, ausgesprochen gut gefallen.\u003Cbr>\n\u003Ca title=\"http://www.etq-amsterdam.com/collection\" href=\"http://www.etq-amsterdam.com/collection\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"deplatziertefonts\" data-entity-type=\"media\" data-entity-uuid=\"e91ee2d9-9d28-4557-a531-2655fe135adf\" 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/2014/12/deplatziertefonts1-1.jpg.webp?itok=pmw5anhY 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=3UMUtK4L 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"505\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=uWYwvTFW 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=_8skIZg9 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"505\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=FyYEPrKr 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=Kv73CpQO 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"376\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=OrCsFPWD 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=RKsOrswq 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"242\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=4gfRVOnU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.webp?itok=H0ZDe5fS 2x\" type=\"image/webp\" width=\"1000\" height=\"505\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"505\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/deplatziertefonts1-1.jpg.jpg?itok=H0ZDe5fS\" alt=\"deplatziertefonts\" title=\"deplatzierte fonts\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Sticky UX Elemente\u003C/h2>\n\u003Cp>Wer es bis hierhin in diesem Blogbeitrag geschafft hat, wird auch diesen Begriff gleich verstehen 😉 Am Beispiel dieses tollen Schuhshops ist es schnell erklärt. Man sehe im Screenshot nach unten und sieht dort klebende Elemente, die einen durch den Warenkorb Prozess führen. Das stört nicht, macht auch noch Spaß und sieht super aus. Solchen oder ähnlichen Spaß, gibt es auch bekanntlich als seitliche Lasche und wurde hier ebenso eingesetzt. Bravo!\u003Cbr>\n\u003Ca href=\"http://satorisan.com/en/home\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"sticky_ux\" data-entity-type=\"media\" data-entity-uuid=\"5d29d884-6707-4d96-8818-85101613da52\" 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/2014/12/sticky_ux1-1.jpg.webp?itok=vXk-rga- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=j7WpoZDB 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"516\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=QQaGWub2 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=deHu0nlM 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"516\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=9T66DVv6 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=ai2yyC8x 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"384\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=lvoePvzw 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=uZPSs15n 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"248\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=tcEvMgUR 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.webp?itok=mmxZdrq0 2x\" type=\"image/webp\" width=\"1000\" height=\"516\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"516\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/sticky_ux1-1.jpg.jpg?itok=mmxZdrq0\" alt=\"sticky_ux\" title=\"sticky ux\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Squares\u003C/h2>\n\u003Cp>Outline Boxen wohin das Auge reicht. Egal ob \u003Ca title=\"http://t3n.de/news/mysterium-erklaert-ghost-buttons-546040/\" href=\"http://t3n.de/news/mysterium-erklaert-ghost-buttons-546040/\" target=\"_blank\" rel=\"noopener noreferrer\">Ghost Buttons\u003C/a>, schmucke Bildelemente oder wie hier ungenierte 3px dicke Rahmen. Einfache Linien werden auch 2015 zu den Webdesigntrends gehören.\u003Cbr>\n\u003Ca title=\"http://parallaxis.it/\" href=\"http://parallaxis.it/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"outlineboxen\" data-entity-type=\"media\" data-entity-uuid=\"d7220ba7-7d73-41b2-ae2e-730ef0b882be\" 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/2014/12/outlineboxen1-1.jpg.webp?itok=nV4ntceP 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=OtMSGRRr 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"507\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=NbraePpz 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=-skYWJaB 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"507\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=vHIwsDOM 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=zrXgZbn4 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=ctpaeJK6 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=gfwnJ0Wt 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"243\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=zP82YC02 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.webp?itok=Ym4uxNh2 2x\" type=\"image/webp\" width=\"1000\" height=\"507\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"507\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/outlineboxen1-1.jpg.jpg?itok=Ym4uxNh2\" alt=\"outlineboxen\" title=\"outlineboxen\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Sehr helle Pastellfarben und Polygone Elemente\u003C/h2>\n\u003Cp>Hier kann ich gleich drei Trends zusammenfassen. So wie in der Mode 2015, sind ganz helle Pastellfarben angesagt. Ebenso sind Polygonfiguren oder Elemente noch immer auf dem Weblaufsteg. Und wer gut aufgepasst hat, sieht auch hier die deplazierte Typografie.\u003Cbr>\n\u003Ca title=\"http://www.bcode.ru/\" href=\"http://www.bcode.ru/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"pastell\" data-entity-type=\"media\" data-entity-uuid=\"ca6ee88b-ca89-48fe-b5d7-630fb65de4e0\" 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/2014/12/pastell1-1.jpg.webp?itok=pX1IIgxY 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=tbW1UAra 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"485\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=sJmqtrAX 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=pJd9WlSq 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"485\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=UsjWnLh_ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=mnnrKPxQ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"361\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=3ynAW7MV 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=TNd-eKen 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"233\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=KhP8bkpo 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.webp?itok=jt8FZC2K 2x\" type=\"image/webp\" width=\"1000\" height=\"485\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"485\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/pastell1-1.jpg.jpg?itok=jt8FZC2K\" alt=\"pastell\" title=\"pastell\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Neon\u003C/h2>\n\u003Cp>Tron lässt grüßen. Etwas 80er Vintage in einer anderen Art. Neon ist angesagt, bei Schriften und bei Outlineelementen. Lasertag oder ganze \u003Ca title=\"http://www.welt.de/vermischtes/article135105487/Joko-amp-Klaas-schaffen-selten-gewordene-TV-Momente.html\" href=\"http://www.welt.de/vermischtes/article135105487/Joko-amp-Klaas-schaffen-selten-gewordene-TV-Momente.html\" target=\"_blank\" rel=\"noopener noreferrer\">Fernsehshows\u003C/a> 😉\u003Cbr>\n\u003Ca title=\"http://selfie-jam.com/\" href=\"http://selfie-jam.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv alt=\"neon\" data-entity-type=\"media\" data-entity-uuid=\"538949d5-0b5c-4c1b-b0bb-2377a2702d53\" 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/2014/12/neon1-1.jpg.webp?itok=5gLqfgYi 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=dAsBqqVu 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"510\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=v5w9DdTg 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=5u_QGs6R 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"510\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=j3MNbxEh 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=y9lmEzeF 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"380\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=BDD_31-e 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=kQAgXYWq 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"245\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=oqpqIyIE 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.webp?itok=_0x_tIq3 2x\" type=\"image/webp\" width=\"1000\" height=\"510\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"510\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/12/neon1-1.jpg.jpg?itok=_0x_tIq3\" alt=\"neon\" title=\"neon\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch2>Was gibt es sonst noch?\u003C/h2>\n\u003Cp>Mir würden jetzt, trotz Anfangsschwierigkeiten, doch einige Webdesigntrends einfallen, aber das sprengt wie immer die passende Blogbeitragslänge. Hoch- oder runterzählende Counter sind immer noch toll, mit \u003Ca title=\"http://moviepilot.com/posts/2014/11/26/these-5-chilling-premature-burials-prove-people-are-still-being-buried-alive-2460850?lt_source=external,manual,manual,manual\" href=\"http://moviepilot.com/posts/2014/11/26/these-5-chilling-premature-burials-prove-people-are-still-being-buried-alive-2460850?lt_source=external,manual,manual,manual\" target=\"_blank\" rel=\"noopener noreferrer\">dynamischen Content\u003C/a> finde ich es noch besser. Webformulare, welche statt klassischer Inputboxen nur eine Linie unten haben sind auch im Kommen. Dann wäre da noch immer \u003Ca title=\"http://www.designandpaper.com/?p=10208\" href=\"http://www.designandpaper.com/?p=10208\" target=\"_blank\" rel=\"noopener noreferrer\">Hand Lettering\u003C/a>. Für Screendesigndarstellungen bitte nicht mehr die satt gesehenen responsive Templates verwenden (iMac, iPhone und iPad), sondern besser \u003Ca title=\"https://liechtenecker.at/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\" href=\"https://liechtenecker.at/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\" target=\"_blank\" rel=\"noopener noreferrer\">perspektive Ansichten\u003C/a> mit Zoomerklärungen. Hotspots, die \u003Ca title=\"https://disqus.com/websites/\" href=\"https://disqus.com/websites/\" target=\"_blank\" rel=\"noopener noreferrer\">Webseitenelemente\u003C/a> erklären, lösen die Tutorial- oder Introvideos ab.\u003Cbr>\nEtwas vergessen? Dann freue ich mich über Reaktionen und/oder Kommentare.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":171,"path":174,"status":20},"MediaImage","2145",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":171,"size":172,"mime":173},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/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-2015/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Webdesigntrends 2015 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Heuer war es besonders herausfordernd für mich DIE Webdesigntrends zu identifizieren. Keine Panik, ich schreibe nicht über große Header, Responsive- oder Flatdesign (dazu gibt es einiges im Vorjahrsbeitrag). Bei uns kommt nämlich alles handgemacht und frisch aus dem Webworker-Herz, deswegen musste ich heuer ein paar Kopfrunden mehr als sonst drehen, mich mit den Kollegen austauschen und ein paar […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/webdesigntrends-2015/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-12-11T09:31:07+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T10:25:07+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2015_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=\"4 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-2015/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2015_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Webdesign Trends 2015\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2015/#webpage\",\"url\":\"https://liechtenecker.at/blog/webdesigntrends-2015/\",\"name\":\"Webdesigntrends 2015 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2015/#primaryimage\"},\"datePublished\":\"2014-12-11T09:31:07+00:00\",\"dateModified\":\"2019-04-09T10:25:07+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/webdesigntrends-2015/\"]}]},{\"@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":177,"id":178,"myRole":179,"name":180,"nickname":181},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":183},[184,199,212],{"__typename":79,"id":185,"title":186,"path":187,"wpTeaserText":188,"wpPromotedTeaserImage":13,"wpHeaderImage":189},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":164,"id":190,"excludeFromScreenreader":13,"mediaImage":191,"name":197,"path":198,"status":20},"3364",{"__typename":167,"url":192,"width":193,"height":194,"alt":195,"title":13,"size":196,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":200,"title":201,"path":202,"wpTeaserText":203,"wpPromotedTeaserImage":13,"wpHeaderImage":204},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":164,"id":205,"excludeFromScreenreader":13,"mediaImage":206,"name":210,"path":211,"status":20},"3355",{"__typename":167,"url":207,"width":193,"height":194,"alt":208,"title":13,"size":209,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":213,"title":214,"path":215,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":216},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":217,"excludeFromScreenreader":21,"mediaImage":218,"name":222,"path":223,"status":20},"3303",{"__typename":167,"url":219,"width":193,"height":194,"alt":220,"title":13,"size":221,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":225,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":226,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":230,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":233,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":236,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":239,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":242,"Menu:nuxt-main-menu":245,"ROOT_QUERY":259,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":275,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":278,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":281,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":284,"Menu:footer":287,"TermCategories:8":297,"TermTags:33":308,"TermTags:332":309,"TermTags:1342":310,"TermTags:1489":311,"TermTags:1496":312,"MediaImage:2145":313,"User:23":315,"NodeWpPost:969":316,"MediaImage:3364":345,"NodeWpPost:1619":347,"MediaImage:3355":350,"NodeWpPost:1616":352,"MediaImage:3303":355,"NodeWpPost:1606":357},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",227,"internal",20,"expanded",21,"attributes",229],{"__ref":228},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",231,"internal",20,"expanded",21,"attributes",232],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",234,"internal",20,"expanded",21,"attributes",235],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",237,"internal",20,"expanded",21,"attributes",238],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",240,"internal",20,"expanded",21,"attributes",241],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",243,"internal",20,"expanded",21,"attributes",244],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",246],[247,249,251,253,255,257],{"__ref":248},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":250},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":252},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":254},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":256},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":258},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",260,"menu({\"name\":\"NUXT_MAIN_MENU\"})",261,"menu({\"name\":\"FOOTER\"})",263,"route({\"path\":\"/blog/webdesigntrends-2015\"})",265,"latestKnowhow({\"excludeId\":\"969\",\"limit\":3})",268],"Query",{"__ref":262},"Menu:nuxt-main-menu",{"__ref":264},"Menu:footer",["null","__typename",77,"entity",266],{"__ref":267},"NodeWpPost:969",[269,271,273],{"__ref":270},"NodeWpPost:1619",{"__ref":272},"NodeWpPost:1616",{"__ref":274},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",279,"internal",20,"expanded",21,"attributes",280],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",282,"internal",20,"expanded",21,"attributes",283],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",285,"internal",21,"expanded",21,"attributes",286],{"__ref":228},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",288],[289,291,293,295],{"__ref":290},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":292},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":294},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":296},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",298,"langcode",299,"changed",300,"metatag",301],["null","__typename",120,"processed",121,"format",122],{"__ref":228},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[302,304,306],["null","__typename",95,"tag",96,"attributes",303],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",305],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",307],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",314,"name",171,"path",174,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",171,"size",172,"mime",173],["null","__typename",177,"id",178,"myRole",179,"name",180,"nickname",181],["null","__typename",79,"id",80,"title",81,"changed",317,"created",318,"langcode",319,"path",92,"promote",21,"status",20,"sticky",21,"metatag",320,"category",327,"contentElements",13,"evergreen",13,"tags",329,"wpBody",340,"wpHeaderImage",13,"wpHeaderImageOld",341,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",175,"author",343],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":228},[321,323,325],["null","__typename",95,"tag",96,"attributes",322],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",324],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",326],["null","__typename",111,"property",112,"content",81],{"__ref":328},"TermCategories:8",[330,332,334,336,338],{"__ref":331},"TermTags:33",{"__ref":333},"TermTags:332",{"__ref":335},"TermTags:1342",{"__ref":337},"TermTags:1489",{"__ref":339},"TermTags:1496",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":342},"MediaImage:2145",{"__ref":344},"User:23",["null","__typename",164,"id",190,"excludeFromScreenreader",13,"mediaImage",346,"name",197,"path",198,"status",20],["null","__typename",167,"url",192,"width",193,"height",194,"alt",195,"title",13,"size",196,"mime",173],["null","__typename",79,"id",185,"title",186,"path",187,"wpTeaserText",188,"wpPromotedTeaserImage",13,"wpHeaderImage",348],{"__ref":349},"MediaImage:3364",["null","__typename",164,"id",205,"excludeFromScreenreader",13,"mediaImage",351,"name",210,"path",211,"status",20],["null","__typename",167,"url",207,"width",193,"height",194,"alt",208,"title",13,"size",209,"mime",173],["null","__typename",79,"id",200,"title",201,"path",202,"wpTeaserText",203,"wpPromotedTeaserImage",13,"wpHeaderImage",353],{"__ref":354},"MediaImage:3355",["null","__typename",164,"id",217,"excludeFromScreenreader",21,"mediaImage",356,"name",222,"path",223,"status",20],["null","__typename",167,"url",219,"width",193,"height",194,"alt",220,"title",13,"size",221,"mime",173],["null","__typename",79,"id",213,"title",214,"path",215,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",358],{"__ref":359},"MediaImage:3303"]