[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"fftFpeS41IpLDVylqDpCc3jRirrPMNaTH6qgY6CYTFU":75,"Fb2gQimV0p1akP00Ghro5kV-mtjNT3sQtzWpkfVEIcY":176,"_apollo:default":218},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":154,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":157,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":169,"author":170},"NodeWpPost","925","Wisch dich zu einer besseren User Experience",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1443527030,"UTC","+00:00","2015-09-29T11:43:50+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/wisch-dich-zu-einer-besseren-user-experience",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Wisch dich zu einer besseren User Experience | 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/wisch-dich-zu-einer-besseren-user-experience","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 &amp; 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","673","Iphone","/tag/iphone",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"1052","rebuild","/tag/rebuild",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1270","swipe","/tag/swipe",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1405","UX","/tag/ux",{"__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\u003Cp>Wir bei Liechtenecker&nbsp;sind gerne auf Entdeckungsreise. Wir hinterfragen Dinge und versuchen uns täglich neu zu erfinden. Speziell das Thema User Experience haben wir uns alle umgehängt, denn&nbsp;nur wer den Nutzer wirklich kennt kann ihn auch glücklich machen. Apple beweist schon lange, dass sie ein einzigartiges Gespür für die Wünsche der Nutzer haben. Bei allen ihren Produkte steht dieser im Mittelpunkt. Dann kann es ja sicher nicht schaden ihre Produkte und spezielle Swipe Funktionen im Detail anzusehen.\u003C/p>\n\u003Cblockquote>\n\u003Cp>“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it.” – Jared Spool\u003C/p>\n\u003C/blockquote>\n\u003Ch3>Wenn es um Design geht, lieben wir Unsichtbares\u003C/h3>\n\u003Cp>Manche Funktionen benützt man jeden Tag und man merkt es nicht einmal. Irgendwie doof wenn man Stunden und Stunden in eine Arbeit steckt, die keiner bemerkt. Könnte man denken oder? Ja, aber nein. Gerade bei Design, Usability und User Experience geht es genau darum. Man merkt es nicht wirklich. Deshalb ist es auch nicht verwunderlich, dass mir beim iPhone Mail die Swipe Funktionen erst kürzlich im Detail aufgefallen sind. Da gibt es dann plötzlich einen Knackpunkt und man sieht etwas, das man vorher so noch nicht gesehen hat.\u003C/p>\n\u003Ch3>Um was geht es jetzt überhaupt?\u003C/h3>\n\u003Cdiv alt=\"Mockup iOS Email Swipe Funktion\" data-entity-type=\"media\" data-entity-uuid=\"0502d7e3-37ff-4a2a-8065-0276570557bc\" 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/09/mockup_mail_swipe-1.jpg.webp?itok=YNHNyUHb 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=Rcr5F57v 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"672\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=jla5vB_R 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=a5m6bMhM 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"672\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=Q35Zwjef 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=-9YtfcxM 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"501\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=dwVyuLFr 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=jioXyS6m 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"323\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=1qvAhBfR 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.webp?itok=TrjOaLWE 2x\" type=\"image/webp\" width=\"1000\" height=\"672\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"672\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/09/mockup_mail_swipe-1.jpg.jpg?itok=TrjOaLWE\" alt=\"Mockup iOS Email Swipe Funktion\" title=\"Mockup iOS Email Swipe Funktion\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Es geht um den iOS Mail Posteingang. Hier werden alle Emails als Liste angezeigt. Mit einem Touch kommt man zur Detailansicht. Aber man hat hier auch Funktionen mit einem Swipe. Zieht man eine Mail nach rechts, erscheint rechts dann ebenfalls der Button, um die Mail als gelesen zu markieren. Swiped&nbsp;man die Mail-Vorschau nach links, zieht&nbsp;man&nbsp;sogar drei neue Buttons in den Sichtbereich. (More, Flag und Archive) Damit hat man auf kleinstem Raum die Möglichkeit für gleich vier weitere Funktionen geschaffen, ohne das der Bereich überladen wirkt.\u003Cbr>\n\u003C/p>\n\u003Ch3>Der Swipe im Web\u003C/h3>\n\u003Cp>Es ist immer ein Unterschied ob eine Applikation im Web oder in einer nativen App läuft. Dabei geht es nicht nur um technische Unterschiede, sondern auch um den Kontext.&nbsp;Bei der Apple Mail App&nbsp;ist die Handhabung auf dem Handy natürlich anders als auf dem Desktop. Das liegt besonders an den Touch-Möglichkeiten, die auf mobilen Geräten viel stärker verbreitet sind. Die Touch-Navigation wird aber allgemein immer wichtiger und&nbsp;damit auch die Swipe-Möglichkeiten. Derzeit gibt es zahlreiche JavaScript Bibliotheken, welche&nbsp;die Wischfunktionen auch im Web möglich machen. Deshalb habe ich einfach mal das oben erwähnte Beispiel in einer simplen Form zur Übung nachgebaut.\u003C/p>\n\u003Cp class=\"codepen\" data-height=\"268\" data-theme-id=\"0\" data-slug-hash=\"RWPLGY\" data-default-tab=\"result\" data-user=\"Liechteckecker\">See the Pen \u003Ca href=\"http://codepen.io/Liechteckecker/pen/RWPLGY/\">Rebuild iPhone Mail Swipe\u003C/a> by Liechtenecker (\u003Ca href=\"http://codepen.io/Liechteckecker\">@Liechteckecker\u003C/a>) on \u003Ca href=\"http://codepen.io\">CodePen\u003C/a>.\u003C/p>\n\u003Cp>\u003Cscript src=\"//assets.codepen.io/assets/embed/ei.js\" async>\u003C/script>\u003C/p>\n\u003Ch3>Die Details machen den Unterschied\u003C/h3>\n\u003Cp>Auf den ersten Blick kann meine Version mit der nativen Variante ganz gut mithalten. Die Wischfunktionen funktionieren&nbsp;und die Buttons bauen sich richtig auf. Wenn man genau hinschaut merkt man erst, dass die rechten Buttons nicht nur einfach von der Seite reinkommen. Sie fächern sich von rechts nach links auf. Wer sich das Beispiel aber auf einem Touch Gerät ansieht, fühlt sofort einen Unterschied. Hat schon wer gemerkt woran das liegt? Ja genau, es ist das Wischen. In der Originalversion richtet&nbsp;sich&nbsp;die E-Mail während des Wischens an die Position des Fingers. Das funktioniert bei meiner Ausarbeitung&nbsp;(noch) nicht, da ich auf ein JavaScript Event warte und dann erst die Animation starte. Die Position des Fingers wird dabei nicht beachtet.\u003C/p>\n\u003Ch3>Ich habe etwas gelernt\u003C/h3>\n\u003Cp>Ich möchte es jetzt einmal dahin gestellt lassen ob Apple hier selbst auf diese Idee gekommen ist oder nicht. Umgesetzt sind die Funktionen auf jeden Fall genial und mit sehr viel Liebe zum Detail. Oft merkt man diese Dinge eben erst, wenn man etwas auseinander nimmt und wieder zusammenbaut. Ich empfehle daher, wie beim Programmieren oder beim Designen, einfach Dinge nachzumachen. Oft ist man überrascht wie viel man dabei lernt und was man davon beim nächsten Projekt verwenden kann.\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","1696",{"__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/09/bessere_ux_922x519-1.jpg",922,519,"bessere_ux_922x519",32175,"image/jpeg","/media/1696/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Wisch dich zu einer besseren User Experience - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wir bei Liechtenecker sind gerne auf Entdeckungsreise. Wir hinterfragen Dinge und versuchen uns täglich neu zu erfinden. Speziell das Thema User Experience haben wir uns alle umgehängt, denn nur wer den Nutzer wirklich kennt kann ihn auch glücklich machen. Apple beweist schon lange, dass sie ein einzigartiges Gespür für die Wünsche der Nutzer haben. Bei allen ihren [&hellip;]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2015-09-29T13:43:50+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/09/mockup_mail_swipe-1.jpg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"3 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/09/mockup_mail_swipe-1.jpg\",\"width\":1000,\"height\":672,\"caption\":\"Mockup iOS Email Swipe Funktion\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/\",\"name\":\"Wisch dich zu einer besseren User Experience - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/#primaryimage\"},\"datePublished\":\"2015-09-29T13:43:50+00:00\",\"dateModified\":\"2015-09-29T13:43:50+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/wisch-dich-zu-einer-besseren-user-experience/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\",\"name\":\"Christoph Rumpel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/3191eb8b348673db049a15f94835ba83?s=96&d=mm&r=g\",\"caption\":\"Christoph Rumpel\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":171,"id":172,"myRole":173,"name":174,"nickname":175},"User","4","-","c-rumpel","Christoph Rumpel",{"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:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":220,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":224,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":227,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":230,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":233,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":236,"Menu:nuxt-main-menu":239,"ROOT_QUERY":253,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":269,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":272,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":275,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":278,"Menu:footer":281,"TermCategories:8":291,"TermTags:673":302,"TermTags:1052":303,"TermTags:1270":304,"TermTags:1405":305,"MediaImage:1696":306,"User:4":308,"NodeWpPost:925":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",20,"expanded",21,"attributes",232],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",234,"internal",20,"expanded",21,"attributes",235],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",237,"internal",20,"expanded",21,"attributes",238],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",240],[241,243,245,247,249,251],{"__ref":242},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":244},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":246},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":248},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":250},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":252},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",254,"menu({\"name\":\"NUXT_MAIN_MENU\"})",255,"menu({\"name\":\"FOOTER\"})",257,"route({\"path\":\"/blog/wisch-dich-zu-einer-besseren-user-experience\"})",259,"latestKnowhow({\"excludeId\":\"925\",\"limit\":3})",262],"Query",{"__ref":256},"Menu:nuxt-main-menu",{"__ref":258},"Menu:footer",["null","__typename",77,"entity",260],{"__ref":261},"NodeWpPost:925",[263,265,267],{"__ref":264},"NodeWpPost:1619",{"__ref":266},"NodeWpPost:1616",{"__ref":268},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",270,"internal",20,"expanded",21,"attributes",271],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",273,"internal",20,"expanded",21,"attributes",274],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",279,"internal",21,"expanded",21,"attributes",280],{"__ref":222},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",282],[283,285,287,289],{"__ref":284},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":286},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":288},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":290},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["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",13,"wpHeaderImageOldSmall",332,"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:673",{"__ref":326},"TermTags:1052",{"__ref":328},"TermTags:1270",{"__ref":330},"TermTags:1405",["null","__typename",155,"processed",156,"format",120,"summary",13],{"__ref":333},"MediaImage:1696",{"__ref":335},"User:4",["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"]