[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"3UJcj0NPdky_nWxehPusHyTf23fldjEWx69K0OWNofA":75,"-YOGUwHWv19RbnGM0422T3MAEbv001Xjv8AyMxtoDwI":195,"_apollo:default":237},{"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":117,"postContentElements":13,"evergreen":13,"tags":142,"postWpBody":160,"wpHeaderImage":164,"wpHeaderImageOld":176,"wpHeaderImageOldSmall":13,"wpOgImage":177,"wpPromotedTeaserImage":187,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":163,"wpYoastHead":188,"author":189},"NodeWpPost","750","The perks of microinteractions",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1665728532,"UTC","+00:00","2022-10-14T06:22:12+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1663821082,"2022-09-22T04:31:22+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/the-perks-of-microinteractions",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","The perks of microinteractions | 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/the-perks-of-microinteractions","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2022/09/slly1_sharing-1.jpg?h=3ecc83bb&itok=9dtWjn_U",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":124,"processed":125,"format":126},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,139],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":138},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":140},{"__typename":105,"href":141,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[143,148,152,156],{"__typename":144,"id":145,"name":146,"path":147,"weight":122},"TermTags","807","microinteraction","/tag/microinteraction",{"__typename":144,"id":149,"name":150,"path":151,"weight":122},"836","motion design","/tag/motion-design",{"__typename":144,"id":153,"name":154,"path":155,"weight":122},"1362","uidesign","/tag/uidesign",{"__typename":144,"id":157,"name":158,"path":159,"weight":122},"1425","uxdesign","/tag/uxdesign",{"__typename":161,"processed":162,"format":126,"summary":163},"TextSummary","\n\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>In Bewerbungsgesprächen wurde ich stets gefragt: Was liegt dir mehr: UX oder UI? Als passionierte Motion Designerin habe ich mich dabei immer gefühlt, wie die Mutter, die gefragt wird, welches Kind sie lieber hat. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\n\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            \u003Cblockquote>\n                \u003Cspan class=\"quote-text\" data-ftf=\"true\">\n                    \n\u003Cspan class=\"wp-block-lie-quote-dynamic\"><strong><em>UI is the cosmetic of the experience: typography, colors, grid, spacing, icons, buttons.</em></strong>\u003C/span>\n                \u003C/span>\n                                    \u003Ccite class=\"author\">\n                        Nielson & Norman Group, 2022                    \u003C/cite>\n                \n                                    \u003Cdiv class=\"background-text background-text-light\">\n                        fact                    \u003C/div>\n\n                            \u003C/blockquote>\n\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\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>Das, was mich an der Frage immer so gestört hatte, war, dass es sich hierbei eigentlich nicht um eine Entweder-oder-Geschichte handelt (bzw. handeln sollte). So werden auch heute noch \u003Ca href=\"https://de.wikipedia.org/wiki/Animation\" target=\"_blank\" rel=\"noreferrer noopener\">Animationen\u003C/a> und Microinteractions oftmals fälschlicherweise in die \u003Cstrong>„UI-Party-Gigs-Schublade“\u003C/strong> geschoben. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch2>\u003Cstrong>Was sind Microinteractions?\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cem>Microinteractions sind kurze Animationen, welche durch eine bestimmte Aktion oder einen Systemstatus ausgelöst werden und gemäß einer vorgefertigten Logik ein spezifisches Feedback (=Veränderungen auf der Benutzeroberfläche) anzeigen.\u003C/em>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>In meinen Augen haben diese jedoch insbesondere in den letzten Jahren einen wesentlichen Platz in der User-Experience-Welt errungen – und das aus gutem Grund! \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Hier also 4 Gründe, wie Microinteractions wesentlich zu einer positiven \u003Ca href=\"/blog/sechs-ux-herausforderungen-2022\" target=\"_blank\" rel=\"noreferrer noopener\">User Experience\u003C/a> beitragen können. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>1. \u003Cstrong>Vermitteln von Statusveränderung\u003C/strong>\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Woher wissen wir, ob wir in einem Interface etwas richtig oder falsch gemacht haben? – \u003Cstrong>Feedback zur richtigen Zeit an der richtigen Stelle. \u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Beispiel: Unabdinglich, gleichzeitig oft vergessen und vernachlässigt, ist die allseits bekannte \u003Cstrong>Ladeanimation.\u003C/strong> Stellt euch einen Dateiupload ohne animierte Fortschrittsleiste oder Ladeanimation vor. Nach einigen Sekunden ist die wahrscheinliche Reaktion darauf: Verwirrung, Frustration oder Rage Clicking auf ein und denselben Button (ähnlich, wie beim Aufzugknopf, in der Hoffnung, dass dieser schneller kommt, je häufiger und aggressiver man auf den Knopf drückt) und im schlimmsten Fall: Abbruch. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"0990cb62-a82b-416e-adb2-c9259d96e72d\" 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/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=LkCs_cpZ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=h8ePXhrt 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=gQd6lDFE 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=2TltgqV6 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=W7TfQaBJ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=h11th_AG 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=zGvlnCye 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=sZYVpi1G 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=MumffXmn 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp?itok=c_OwgqRP 2x\" type=\"image/webp\" width=\"480\" height=\"270\">\n                  \u003Cimg loading=\"lazy\" width=\"480\" height=\"270\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg.webp.jpg?itok=c_OwgqRP\" alt=\"NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg\" title=\"NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Ein anderes Beispiel hierfür ist die Online-Shopping-Erfahrung. Schon mal erlebt? – Objekt zum Warenkorb hinzugefügt und dann nochmal zum Warenkorb-Icon geschaut, um sicherzugehen, dass alles geklappt hat? (Ist das Icon mit der Zahl “1” verziert, haben wir alles richtig gemacht.)\u003Cbr>\u003Cbr>Dies könnte man nebenbei umgehen, indem man den Fokus der User:innen auf den Button nutzt. Bspw. könnte sich der CTA animieren und kurz die Erfolgsmeldungen “Erfolgreich hinzugefügt” im Button einblenden. Somit wird den User:innen unverzüglich die Sicherheit gegeben, dass eine Aktion erfolgreich durchgeführt wurde. Generell sollte die Feedback-Animation von Microinteractions sich optimalerweise immer in der Nähe der zuletzt durchgeführten Aktion abspielen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>\u003Cstrong>2. Vermitteln von Kontextveränderung\u003C/strong>\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Nehmen wir das Beispiel eines animierten Hamburger Menüs an, welches sich auf Klick zum “Schließen-Icon” verwandelt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"53d83636-574c-4779-89ff-6adc6821fbda\" 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/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=vbBXEdu6 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=9JYabbzy 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"640\" height=\"640\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=54S-btoQ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=jEG7Y-GP 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"640\" height=\"640\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=eW3B3NT3 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=UdbvXW_b 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"640\" height=\"640\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=9Wy8exmM 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=ih36w3VQ 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/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=9jcmwC2- 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp?itok=UtYPiBCQ 2x\" type=\"image/webp\" width=\"640\" height=\"640\">\n                  \u003Cimg loading=\"lazy\" width=\"640\" height=\"640\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg.webp.jpg?itok=UtYPiBCQ\" alt=\"FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg\" title=\"FGepZsp-fLY6a3PjmScCCnjjdE0l09V9swSc-bex3pNRmdUiPe0ZjNVzjg92dxx3qRU0Fo8AF6472LnbkDk0DuywsLQ_yzonwEaKzZotPII9U47vCD-fyb2P_OlrMrUsYjcHTUD8nhy0aPTifzlq_PfULtu0MFx6c53rLi2E8JDqcqKgpZjTLusdbg\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Es kommuniziert den User:innen, was passieren würde, wenn ein weiteres Mal auf das Icon geklickt wird. Abhängig vom Kontext können hier für ein und dieselbe Position zwei unterschiedliche Elemente angezeigt werden (wie bspw. Schließen oder Menü). Dies gilt ebenso für \u003Ca href=\"https://www.seo-analyse.com/seo-lexikon/b/bookmark/\" target=\"_blank\" rel=\"noreferrer noopener\">Bookmarks\u003C/a>, Favoriten oder auch Likes.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>3. \u003Cstrong>Lenken von Aufmerksamkeit \u003C/strong>\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Generell erregen Bewegungen auf Benutzeroberflächen Aufmerksamkeit. Diese Aufmerksamkeit kann durch Microinteractions gezielt gelenkt werden.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Gehen wir zurück zum Beispiel der Online-Shopping-Erfahrung. Klickt der/die UserIn auf den Button “Zum Warenkorb hinzufügen”, wird das Sichtfeld für kurze Zeit weiterhin auf die Fläche rund um den Button fokussiert sein. Alles außerhalb unseres zentralen Sichtfeldes kann von uns zwar grob wahrgenommen werden, jedoch erkennen wir Elemente und insbesondere Veränderungen in diesem Bereich deutlich schlechter. Dieses Phänomen wird auch als \u003Cstrong>Change Blindness\u003C/strong> beschrieben.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"8f1833ba-dfe6-4507-a1e6-67f71fd8f5f5\" 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/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=b4eBq_rn 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=EPWzovPc 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"961\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=wgcohig1 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=72n9haGR 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"684\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=cy79SVD4 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=secu3eOS 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"497\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=J_qumDdc 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=PTbpGOTS 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"320\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=3Tk0jAKU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp?itok=owj8rEtu 2x\" type=\"image/webp\" width=\"1600\" height=\"1068\">\n                  \u003Cimg loading=\"lazy\" width=\"1600\" height=\"1068\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA.webp.jpg?itok=owj8rEtu\" alt=\"3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA\" title=\"3YqBR2tWr9uUXvGBimBoRyZKwl7_HUFf1p7cX5-nY_oeWDgpeJxBselG9aNoKY8E0wvxDKggzENGngSm0r3i5morv34ze-hVkMHRKiWvPFq6v9fHw_LMaS5JuROwGX8P-inlJX1lgTZ5BB-tJcW0o8D3yog9DJ3emm1cJncmRfac1fDQk4ssW5KuxA\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>In diesem Bild befindet sich die Hand im zentralen Sichtfeld und ist somit scharf. Alles darum wird zwar wahrgenommen, wirkt jedoch verschwommen (\u003Ca href=\"https://de.wikipedia.org/wiki/Peripheres_Sehen\" target=\"_blank\" rel=\"noreferrer noopener\">peripheres Sehen\u003C/a>).\u003Cbr>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Um dem entgegenzuwirken wird der Warenkorb oftmals als kleiner Overlay animiert eingeblendet, um somit das zentrale Sichtfeld und den Fokus des Users / der UserIn zu lenken.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Generell werden Bewegungen innerhalb des peripheren Sichtfeldes weiterhin gut wahrgenommen. Evolutionstechnisch hat sich das periphere Sehen als Schutzmechanismus entwickelt. So können wir, selbst wenn wir gerade auf einen Baum starren, schnell wahrnehmen, wenn seitlich von uns ein Leopard auf uns zurasen würde.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cem>\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"29cc1087-a359-4bd8-81b6-da352057fbea\" 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/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=vK43Msx_ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=nVV_NOem 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"426\" height=\"238\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=ZQGxn9A6 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=PBJJDM5j 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"426\" height=\"238\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=Z5kYgv6Z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=MYTia_DC 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"426\" height=\"238\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=SqbDlyQ3 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=X102xWRI 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"426\" height=\"238\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=QSwZ_MqU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp?itok=9jcNoxwd 2x\" type=\"image/webp\" width=\"426\" height=\"238\">\n                  \u003Cimg loading=\"lazy\" width=\"426\" height=\"238\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig.webp.jpg?itok=9jcNoxwd\" alt=\"Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig\" title=\"Zud0MpH9jt8DCJd-ezmfZCqMTTYFb6mLEfGvSlA51A98u28reTfyuA7QuweEAL_2pX60WmgLk3wiQPcrSvDDLshrM6ppp0zMrpYg1Fw2zwZv2AzumbG7flKiKLy12Ov9265UkdC57Y4z7qW64uQHObdvw9NcMkXuzB22lsttV7clViepQ8PxtRwQig\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/em>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cem>Lauf Gazelle….LAAAAUUUUF\u003C/em>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Hier ein Link, der die Thematik peripheres Sehen super aufgreift und erläutert: \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\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 wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n            \n\u003Cfigure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\u003Cdiv class=\"wp-block-embed__wrapper\">\n\u003Ciframe title=\"Brain Games- Visual Cortex and Peripheral Vision\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/p0RXZPVjJDw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C/div>\u003C/figure>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>4. Delight und Branding\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>User-zentriert heißt nicht nur, funktional und benutzerfreundlich zu designen. Es heißt auch,  sich in die User:innen hineinzuversetzen. Ihre Gefühlslage, aber auch Bedürfnisse zu verstehen und darauf einzugehen. Es reicht nicht mehr, nur die richtigen Informationen anzuzeigen. Das Vermitteln von Informationen auf eine spielerische, vergnügliche Art und Weise – auch Edutainment genannt – steht derzeit bspw. im Mittelpunkt der digitalen Wissensvermittlung.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Bedacht eingesetzt, helfen Animationen und Microinteractions die Verweildauer sowie das Engagement mit Benutzeroberflächen zu erhöhen, aber auch gleichzeitig eben genannte Emotionen wie bspw. Vergnügen, Vertrauen und Innovation bei User:innen aufzubauen oder sogar auszulösen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch2>\u003Cstrong>Fazit\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Microinteractions sind keine UI-Party-Gigs und können – detailliert und bedacht angewandt – einen wesentlichen Teil zur User Experience beitragen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Und zuletzt ein Appell an alle Unternehmen, Designer:innen, Entwickler:innen und Product Owners: Scheut euch nicht und investiert Zeit und Liebe in Animationen! Und nicht vergessen:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>\u003Cem>Bewegung ist Leben, Stillstand ist Tod.\u003Cbr>\u003C/em>\u003C/strong>– Eine passionierte Motion Designerin  \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Vier Gründe, warum Microinteractions nicht nur eine Spielerei, sondern ein zentrales Element einer guten User Experience sind.",{"__typename":165,"id":166,"excludeFromScreenreader":13,"mediaImage":167,"name":172,"path":175,"status":20},"MediaImage","478",{"__typename":168,"url":169,"width":170,"height":171,"alt":13,"title":172,"size":173,"mime":174},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2022/09/BLOG_SJ_Microinteractions-2880x1300px-1.gif",1500,677,"BLOG_SJ_Microinteractions-2880x1300px (1)",3149905,"image/gif","/media/478/edit",{"__typename":165,"id":166,"excludeFromScreenreader":13,"mediaImage":167,"name":172,"path":175,"status":20},{"__typename":165,"id":178,"excludeFromScreenreader":13,"mediaImage":179,"name":183,"path":186,"status":20},"479",{"__typename":168,"url":180,"width":181,"height":182,"alt":13,"title":183,"size":184,"mime":185},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2022/09/slly1_sharing-1.jpg",1204,630,"slly1_sharing",206274,"image/jpeg","/media/479/edit",{"__typename":165,"id":178,"excludeFromScreenreader":13,"mediaImage":179,"name":183,"path":186,"status":20},"\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Vier Gründe, warum Microinteractions nicht nur eine Spielerei, sondern ein zentrales Element einer guten User Experience sind.\" />\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/the-perks-of-microinteractions/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"The perks of microinteractions - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Vier Gründe, warum Microinteractions nicht nur eine Spielerei, sondern ein zentrales Element einer guten User Experience sind.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/the-perks-of-microinteractions/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2022-09-22T06:31:22+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2022-10-14T08:22:12+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://lh6.googleusercontent.com/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg\" />\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=\"5 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/the-perks-of-microinteractions/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://lh6.googleusercontent.com/NkSVzXdXHqopPQrbCFMqwXLWfUO5Jx2eXBzUJOtDRZdvPqTyxIodcn34z_Hl0aXgF7asLBHiF58-j2UktSs2GHacq2wgBsi5BV-4PyHgalz964zS8o3btldHE4Fa2IXAZ454vBbdV7ylINeoRmfus6WqwOEFvoLqav8tqW5xFb_IcQw11XZwQV90Jg\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/the-perks-of-microinteractions/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/the-perks-of-microinteractions/\",\"name\":\"The perks of microinteractions - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/the-perks-of-microinteractions/#primaryimage\"},\"datePublished\":\"2022-09-22T06:31:22+00:00\",\"dateModified\":\"2022-10-14T08:22:12+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/5e12a4b50c2f9bcc048071d2b3381a39\"},\"description\":\"Vier Gr\\u00fcnde, warum Microinteractions nicht nur eine Spielerei, sondern ein zentrales Element einer guten User Experience sind.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/the-perks-of-microinteractions/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/5e12a4b50c2f9bcc048071d2b3381a39\",\"name\":\"Salome Jeong\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/bbc05ecd6183f01351244e5c9d58b4be?s=96&d=mm&r=g\",\"caption\":\"Salome Jeong\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":190,"id":191,"myRole":192,"name":193,"nickname":194},"User","20","UX Designerin","sally","Salome Jeong",{"latestKnowhow":196},[197,212,225],{"__typename":79,"id":198,"title":199,"path":200,"wpTeaserText":201,"wpPromotedTeaserImage":13,"wpHeaderImage":202},"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":165,"id":203,"excludeFromScreenreader":13,"mediaImage":204,"name":210,"path":211,"status":20},"3364",{"__typename":168,"url":205,"width":206,"height":207,"alt":208,"title":13,"size":209,"mime":185},"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":213,"title":214,"path":215,"wpTeaserText":216,"wpPromotedTeaserImage":13,"wpHeaderImage":217},"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":165,"id":218,"excludeFromScreenreader":13,"mediaImage":219,"name":223,"path":224,"status":20},"3355",{"__typename":168,"url":220,"width":206,"height":207,"alt":221,"title":13,"size":222,"mime":185},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":226,"title":227,"path":228,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":229},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":165,"id":230,"excludeFromScreenreader":21,"mediaImage":231,"name":235,"path":236,"status":20},"3303",{"__typename":168,"url":232,"width":206,"height":207,"alt":233,"title":13,"size":234,"mime":185},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":238,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":239,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":243,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":246,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":249,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":252,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":255,"Menu:nuxt-main-menu":258,"ROOT_QUERY":272,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":288,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":291,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":294,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":297,"Menu:footer":300,"TermCategories:8":310,"TermTags:807":321,"TermTags:836":322,"TermTags:1362":323,"TermTags:1425":324,"MediaImage:478":325,"MediaImage:479":327,"User:20":329,"NodeWpPost:750":330,"MediaImage:3364":363,"NodeWpPost:1619":365,"MediaImage:3355":368,"NodeWpPost:1616":370,"MediaImage:3303":373,"NodeWpPost:1606":375},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",240,"internal",20,"expanded",21,"attributes",242],{"__ref":241},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",244,"internal",20,"expanded",21,"attributes",245],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",247,"internal",20,"expanded",21,"attributes",248],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",250,"internal",20,"expanded",21,"attributes",251],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",253,"internal",20,"expanded",21,"attributes",254],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",259],[260,262,264,266,268,270],{"__ref":261},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":263},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":265},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":267},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":269},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":271},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",273,"menu({\"name\":\"NUXT_MAIN_MENU\"})",274,"menu({\"name\":\"FOOTER\"})",276,"route({\"path\":\"/blog/the-perks-of-microinteractions\"})",278,"latestKnowhow({\"excludeId\":\"750\",\"limit\":3})",281],"Query",{"__ref":275},"Menu:nuxt-main-menu",{"__ref":277},"Menu:footer",["null","__typename",77,"entity",279],{"__ref":280},"NodeWpPost:750",[282,284,286],{"__ref":283},"NodeWpPost:1619",{"__ref":285},"NodeWpPost:1616",{"__ref":287},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",289,"internal",20,"expanded",21,"attributes",290],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",292,"internal",20,"expanded",21,"attributes",293],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",295,"internal",20,"expanded",21,"attributes",296],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",298,"internal",21,"expanded",21,"attributes",299],{"__ref":241},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",301],[302,304,306,308],{"__ref":303},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":305},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":307},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":309},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",311,"langcode",312,"changed",313,"metatag",314],["null","__typename",124,"processed",125,"format",126],{"__ref":241},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[315,317,319],["null","__typename",95,"tag",96,"attributes",316],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",318],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",320],["null","__typename",105,"href",141,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",144,"id",145,"name",146,"path",147,"weight",122],["null","__typename",144,"id",149,"name",150,"path",151,"weight",122],["null","__typename",144,"id",153,"name",154,"path",155,"weight",122],["null","__typename",144,"id",157,"name",158,"path",159,"weight",122],["null","__typename",165,"id",166,"excludeFromScreenreader",13,"mediaImage",326,"name",172,"path",175,"status",20],["null","__typename",168,"url",169,"width",170,"height",171,"alt",13,"title",172,"size",173,"mime",174],["null","__typename",165,"id",178,"excludeFromScreenreader",13,"mediaImage",328,"name",183,"path",186,"status",20],["null","__typename",168,"url",180,"width",181,"height",182,"alt",13,"title",183,"size",184,"mime",185],["null","__typename",190,"id",191,"myRole",192,"name",193,"nickname",194],["null","__typename",79,"id",80,"title",81,"changed",331,"created",332,"langcode",333,"path",92,"promote",21,"status",20,"sticky",21,"metatag",334,"category",343,"contentElements",13,"evergreen",13,"tags",345,"wpBody",354,"wpHeaderImage",355,"wpHeaderImageOld",357,"wpHeaderImageOldSmall",13,"wpOgImage",358,"wpPromotedTeaserImage",360,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",163,"wpYoastHead",188,"author",361],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":241},[335,337,339,341],["null","__typename",95,"tag",96,"attributes",336],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",338],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",340],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",342],["null","__typename",111,"property",115,"content",116],{"__ref":344},"TermCategories:8",[346,348,350,352],{"__ref":347},"TermTags:807",{"__ref":349},"TermTags:836",{"__ref":351},"TermTags:1362",{"__ref":353},"TermTags:1425",["null","__typename",161,"processed",162,"format",126,"summary",163],{"__ref":356},"MediaImage:478",{"__ref":356},{"__ref":359},"MediaImage:479",{"__ref":359},{"__ref":362},"User:20",["null","__typename",165,"id",203,"excludeFromScreenreader",13,"mediaImage",364,"name",210,"path",211,"status",20],["null","__typename",168,"url",205,"width",206,"height",207,"alt",208,"title",13,"size",209,"mime",185],["null","__typename",79,"id",198,"title",199,"path",200,"wpTeaserText",201,"wpPromotedTeaserImage",13,"wpHeaderImage",366],{"__ref":367},"MediaImage:3364",["null","__typename",165,"id",218,"excludeFromScreenreader",13,"mediaImage",369,"name",223,"path",224,"status",20],["null","__typename",168,"url",220,"width",206,"height",207,"alt",221,"title",13,"size",222,"mime",185],["null","__typename",79,"id",213,"title",214,"path",215,"wpTeaserText",216,"wpPromotedTeaserImage",13,"wpHeaderImage",371],{"__ref":372},"MediaImage:3355",["null","__typename",165,"id",230,"excludeFromScreenreader",21,"mediaImage",374,"name",235,"path",236,"status",20],["null","__typename",168,"url",232,"width",206,"height",207,"alt",233,"title",13,"size",234,"mime",185],["null","__typename",79,"id",226,"title",227,"path",228,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",376],{"__ref":377},"MediaImage:3303"]