{"id":55001,"date":"2024-07-19T09:24:59","date_gmt":"2024-07-19T07:24:59","guid":{"rendered":"https:\/\/www.inovex.de\/?p=55001"},"modified":"2024-07-19T11:49:50","modified_gmt":"2024-07-19T09:49:50","slug":"motion-im-ux-design-ein-praktischer-guide","status":"publish","type":"post","link":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/","title":{"rendered":"Motion im UX-Design: Ein praktischer Guide"},"content":{"rendered":"<p>Motion im UX-Design oder UX-Motion ist heutzutage ein unverzichtbarer Bestandteil bei der Gestaltung von digitalen Produkten. Gro\u00dfe Unternehmen wie Apple, IBM und Google haben klare Richtlinien oder praktische Guidelines f\u00fcr die Integration von Motion Design und Transitions etabliert. <span style=\"font-weight: 400;\">Wir machen jedoch h\u00e4ufig die Erfahrung, dass UX Motion in Softwareprojekten vernachl\u00e4ssigt werden, da sie als st\u00f6rend oder \u00fcberfl\u00fcssig gelten. Bei dem Begriff Animationen wird meistens an gro\u00dfe Bewegungsabl\u00e4ufe und Unterhaltung gedacht. Und ja, es stimmt, dass sich auff\u00e4llige Animationen negativ auf die Barrierefreiheit auswirken k\u00f6nnen. Jedoch k\u00f6nnen sie auch auf subtile Weise eingesetzt werden, um dem Nutzer zu helfen, mentale Modelle dar\u00fcber zu entwickeln, wie das System funktioniert und wie sie mit ihm interagieren k\u00f6nnen. <\/span><span style=\"font-weight: 400;\">Richtig eingesetzt, k\u00f6nnen sie das Nutzererlebnis, \u00c4sthetik und Funktionalit\u00e4t erheblich verbessern.<\/span><!--more--><\/p>\n<p>W\u00e4hrend unserer Recherche zu UX-Motion haben wir festgestellt, dass Fragen, wie welche Animation f\u00fcr welches Interface passt, nicht einfach und schnell zu beantworten sind. Deswegen werden wir uns im Folgenden tiefgreifender mit den Grundlagen von Motion Design auseinandersetzen und dir einen praktischen Guide an die Hand geben, wie du das n\u00e4chste Mal die richtige Animation f\u00fcr dein Produkt findest.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\"><\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#Finde-die-passende-Animation-fuer-dein-Produkt\" >Finde die passende Animation f\u00fcr dein Produkt<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#Welcher-Use-Case-trifft-auf-meine-Anwendung-zu\" >Welcher Use Case trifft auf meine Anwendung zu?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#Welches-Ziel-verfolge-ich-mit-der-Animation\" >Welches Ziel verfolge ich mit der Animation?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#Wie-erreiche-ich-dieses-Ziel\" >Wie erreiche ich dieses Ziel?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#Was-muss-ich-noch-beachten\" >Was muss ich noch beachten?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Finde-die-passende-Animation-fuer-dein-Produkt\"><\/span><b>Finde die passende Animation f\u00fcr dein Produkt<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Welcher-Use-Case-trifft-auf-meine-Anwendung-zu\"><\/span><b>Welcher Use Case trifft auf meine Anwendung zu?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><b><span style=\"font-weight: 400;\">Bevor du mit dem Konzept f\u00fcr die Animation beginnst, solltest du dir den Kontext der Anwendung bewusst machen. Was ist der Use Case und wer ist die Zielgruppe? Es macht einen Unterschied, ob man eine Animation f\u00fcr ein datengetriebenes Interface erstellt oder f\u00fcr eine App, die von Gamification und \u00dcberg\u00e4ngen lebt. Je nachdem, welcher Use Case bei dir vorliegt, kann die Anzahl und Intensit\u00e4t der Animation variieren.<br \/>\n<\/span><\/b><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Welches-Ziel-verfolge-ich-mit-der-Animation\"><\/span><b>Welches Ziel verfolge ich mit der Animation?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Animationen k\u00f6nnen dabei helfen, dem Nutzer Orientierung zu bieten und seine Aufmerksamkeit zu lenken. Um die passende Animation f\u00fcr deinen Anwendungsfall auszuw\u00e4hlen, musst du dir das Ziel, das du mit der Animation erreichen m\u00f6chtest, bewusst machen. Neben dem klassischen Ziel, den Nutzer zu unterhalten, gibt es noch einige weitere:<\/span><\/p>\n<p><b>Visuelles Feedback unterst\u00fctzen<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Einer der wichtigsten Grunds\u00e4tze bei der Gestaltung von Interfaces ist die Sichtbarkeit des Systemstatus, eine der \u201e<a title=\"10 Usability-Regeln f\u00fcr die Gestaltung Ihres zuk\u00fcnftigen Produkts\" href=\"https:\/\/www.inovex.de\/de\/blog\/10-usability-regeln-fuer-die-gestaltung-ihres-zukuenftigen-produkts\/\" target=\"_blank\" rel=\"noopener\">10 Usability-Heuristiken<\/a>\u201c von Jakob Nielsen. Die Anwendung sollte Nutzer:innen jederzeit durch visuelles Feedback vermitteln, was gerade passiert. Animationen sind hilfreich, um visuell zu verdeutlichen, dass eine Aktion vom System erkannt wurde. Statisches Feedback wird manchmal aufgrund von Ver\u00e4nderungsblindheit ignoriert, sodass der Nutzer eine Ver\u00e4nderung nicht wahrnimmt. Eine Animation erh\u00f6ht die Wahrscheinlichkeit, dass diese R\u00fcckmeldung wahrgenommen wird.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55194 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/feedback-3.gif\" alt=\"Motion im UX-Design: Passwort-Fehlers auf einem mobilen Device. \" width=\"1400\" height=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>System\u00e4nderungen kommunizieren<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Wenn ein System von einem Status oder Modus in den n\u00e4chsten wechselt, k\u00f6nnen Animationen dabei helfen, Nutzer:innen diese \u00c4nderung zu kommunizieren. Die Animation kann so gestaltet werden, dass den Usern die \u00c4nderung sichtbar gema<\/span><span style=\"font-weight: 400;\">cht wird oder ihre Aufmerksamkeit auf einen bestimmten Bereich gelenkt wird.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55211 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/systemchange-3.gif\" alt=\"Motion im UX-Design: System\u00e4nderung durch Button-Animation\" width=\"1200\" height=\"686\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Aufmerksamkeit lenken<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Animationen k\u00f6nnen die User-Aufmerksamkeit auf einen bestimmten Bereich oder ein bestimmtes Element lenken. Da Menschen sehr empfindlich auf Bewegungen reagieren, ist es wichtig, diese Art der Animation nur sparsam und subtil einzusetzen.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55217 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/attention02.gif\" alt=\"Motion im UX-Design: Animation einer Notification.\" width=\"1200\" height=\"686\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>R\u00e4umliche Orientierung schaffen<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Die Navigation innerhalb einer Anwendung kann sehr komplex sein. Durch die Entwicklung eines \u00fcbersichtlichen r\u00e4umlichen Modells wird die kognitive Belastung f\u00fcr Nutzer:innen reduziert. Animationen k\u00f6nnen dabei unterst\u00fctzen, die Navigation sichtbar zu machen. Wichtig ist hierbei zu betonen, dass Animationen kein Ersatz f\u00fcr Men\u00fcs oder andere richtungsweisende Elemente sind.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55207 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/orientation02.gif\" alt=\"Motion im UX-Design: R\u00e4umliche Orientierung durch Animation der Tabnavigation.\" width=\"1200\" height=\"686\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Interaktion signalisieren<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Animationen helfen nicht nur bei der r\u00e4umlichen Orientierung, sondern zeigen auch, wie man mit UI-Elementen interagiert. Eine Karte, die sich von unten nach oben \u00f6ffnet, signalisiert beispielsweise, dass sie andersherum wieder geschlossen werden kann.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55219 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/signifier02.gif\" alt=\"Motion im UX-Design: Animation eines Dropdown-Elements.\" width=\"1200\" height=\"686\" \/><\/p>\n<h3><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"Wie-erreiche-ich-dieses-Ziel\"><\/span><b>Wie erreiche ich dieses Ziel?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Die Auswahl der richtigen Animation kann eine Herausforderung sein, da viele Faktoren zu ber\u00fccksichtigen sind \u2013 darunter die Zielgruppe, der Use Case und der gew\u00fcnschte emotionale oder funktionale Effekt. Hier sind einige Schritte, die du unternehmen kannst, um dieses Ziel zu erreichen:<\/span><\/p>\n<p><b>Bestimme einen Bewegungseffekt, der zu deinem Use Case passt<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Bei der Auswahl von Bewegungseffekten ist es\u00a0<\/span><span style=\"font-weight: 400;\">wichtig, solche auszuw\u00e4hlen, die zu deinem Interface und den Interaktionszielen passen. G\u00e4ngige \u00dcbergangsarten sind Fade, Scale, Slide und Rotate. Achte darauf, welche Art von Informationen du vermitteln m\u00f6chtest und welche Reaktionen du vom User erwartest. W\u00e4hle Bewegungseffekte, die die gew\u00fcnschten Emotionen oder Reaktionen hervorrufen. Eine ruhige Fade-In-Transition kann beispielsweise Eleganz vermitteln, w\u00e4hrend eine schnelle Slide-Transition Dynamik und Energie verleiht. Probiere verschiedene Bewegungseffekte aus, um herauszufinden, welche am besten passen.<br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55073 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1.png\" alt=\"Visuelle Darstellung der Bewegungseffekte Fade, Scale, Slide und Rotate\" width=\"2804\" height=\"800\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1.png 2804w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-300x86.png 300w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-1024x292.png 1024w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-768x219.png 768w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-1536x438.png 1536w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-2048x584.png 2048w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-1920x548.png 1920w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-400x114.png 400w, https:\/\/www.inovex.de\/wp-content\/uploads\/effect-1-360x103.png 360w\" sizes=\"auto, (max-width: 2804px) 100vw, 2804px\" \/><b><\/b><\/p>\n<p>&nbsp;<\/p>\n<p><b>W\u00e4hle das passende Timing<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Achte darauf, dass das Timing der Animationen gut abgestimmt ist. Die Animationen sollten nicht zu kurz sein, damit Nutzer nicht \u00fcberfordert werden, aber auch nicht zu lang, um den Interaktionsfluss nicht zu st\u00f6ren. Passe das Timing je nach Art der Interaktion und der zu \u00fcbermittelnden Information an.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55075 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2.png\" alt=\"Infografik zu Timing\" width=\"2804\" height=\"800\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2.png 2804w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-300x86.png 300w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-1024x292.png 1024w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-768x219.png 768w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-1536x438.png 1536w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-2048x584.png 2048w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-1920x548.png 1920w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-400x114.png 400w, https:\/\/www.inovex.de\/wp-content\/uploads\/timing-2-360x103.png 360w\" sizes=\"auto, (max-width: 2804px) 100vw, 2804px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55100 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/Timing-3.gif\" alt=\"Vergleich von Timing bei einer Animation von 100ms und 300ms\" width=\"1400\" height=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Passe das Easing an<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Nutze Easing-Funktionen, um die Geschwindigkeit und das Gef\u00fchl der Animationen zu verfeinern. Easing erm\u00f6glicht es, Bewegungen nat\u00fcrlicher und ansprechender zu gestalten, indem sie beschleunigt oder verlangsamt werden. Experimentiere mit verschiedenen Easing-Kurven, um das gew\u00fcnschte Gef\u00fchl zu erzeugen.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55071 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3.png\" alt=\"Visuelle Darstellung der Easing-Funktionen: Linear, Ease, Ease-in, Ease-out und Ease-in-out\" width=\"2800\" height=\"800\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3.png 2800w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-300x86.png 300w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-1024x293.png 1024w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-768x219.png 768w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-1536x439.png 1536w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-2048x585.png 2048w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-1920x549.png 1920w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-400x114.png 400w, https:\/\/www.inovex.de\/wp-content\/uploads\/easing-3-360x103.png 360w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><b><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55092 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/easing-2.gif\" alt=\"Bewegter Vergleich von linear und ease-in-out\" width=\"1400\" height=\"800\" \/><\/b><\/p>\n<p>&nbsp;<\/p>\n<p><b>Behalte die Komposition im Blick<\/b><\/p>\n<p><span style=\"font-weight: 400;\">In komplexeren Interfaces kannst du verschiedene Animationen choreografieren, um ein zusammenh\u00e4ngendes und flie\u00dfendes Interaktionserlebnis zu schaffen. Das bedeutet, mehrere Elemente gleichzeitig zu animieren, um Aktionen zu verdeutlichen, oder Animationen in einer bestimmten Reihenfolge abzuspielen, um eine Geschichte zu erz\u00e4hlen. Achte darauf, dass die Choreografie nicht \u00fcberladen wirkt und Nutzer:innen nicht \u00fcberfordert.<br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-55108 size-full\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/composition-1.gif\" alt=\"Vergleich von UX-Motion in eine Richtung in ohne Richtung\" width=\"1400\" height=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Was-muss-ich-noch-beachten\"><\/span><b>Was muss ich noch beachten?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Neben dem Leitfaden aus dem vorherigen Kapitel gibt es noch weitere Faktoren, die du ber\u00fccksichtigen solltest.<\/span><\/p>\n<p><b>Bleibe konsistent<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Einheitliche Animationen innerhalb einer Anwendung verbessern nicht nur die Benutzerfreundlichkeit, sondern st\u00e4rken auch das Gesamtbild. Die kognitive Belastung wird f\u00fcr den Nutzer reduziert, da er sich auf eine vorhersehbare Interaktionsstruktur verlassen kann. Dies erm\u00f6glicht eine reibungslose Navigation und steigert Effizienz sowie Zufriedenheit.<\/span><\/p>\n<p><b>R\u00e4umliches Modell im Kopf behalten<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Damit der Nutzer das r\u00e4umliche Modell einer Anwendung versteht, ist es wichtig, sich vor der Konzeption einen Plan zu machen, wie man den Nutzer am besten lenkt. Dies beinhaltet die Festlegung der Priorit\u00e4t und Anordnung der Elemente im Interface sowie die Gestaltung konsistenter Bewegungsabl\u00e4ufe, um dem Nutzer eine intuitive und angenehme Erfahrung zu bieten. Die Verwendung von Prototyping-Tools, User Tests und kontinuierlichem Feedback ist dabei entscheidend, um sicherzustellen, dass die Navigation und \u00dcberg\u00e4nge den gew\u00fcnschten Effekt erzielen.<\/span><\/p>\n<p><b>Wenig oder keine Spr\u00fcnge<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Spr\u00fcnge, also sofortige \u00dcberg\u00e4nge von einem Bildschirm zum n\u00e4chsten, sollten vermieden werden, da sie dem Nutzer die Orientierung nehmen k\u00f6nnen. Eine Ausnahme ist, wenn reine Effizienz oberste Priorit\u00e4t hat.<\/span><\/p>\n<p><b>Klare \u00dcberg\u00e4nge<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Um \u00dcberlagerungen von mehreren Inhalten zu vermeiden, sollte der Inhalt komplett ausgeblendet werden, bevor ein neuer Inhalt erscheint. Dabei sollte die Transition sehr kurz gehalten und im schnellsten Moment \u00fcberblendet werden.<\/span><\/p>\n<p><b>Achte auf Accessibility<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Die meisten Anwendungen verf\u00fcgen \u00fcber eine Einstellung zur Reduktion von Animationen, um Nutzern zu helfen, die empfindlich auf Bewegungen reagieren. Wenn diese Einstellung aktiviert ist, sollten Transitions subtil verwendet und auf dekorative Effekte verzichtet werden.<\/span><\/p>\n<p><b>Ein Pattern = Eine Richtung<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Wenn du ein Design-Pattern mit mehreren Elementen animierst, sollte der \u00dcbergang eine einheitliche Bewegungsrichtung haben. Das hilft dabei, den Fokus des Nutzers zu lenken. Jedes Element sollte sich entlang einer Achse orientieren und sich nicht in unterschiedliche Richtungen bewegen.<\/span><\/p>\n<p><b>Less is more<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Zu viele und zu aufwendige Animationen k\u00f6nnen die Interaktion st\u00f6ren. Daher sollte man bei jeder Animation darauf achten, so wenig wie m\u00f6glich zu animieren, aber so viel wie n\u00f6tig.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><em><strong>Quellen<\/strong><\/em><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p>Nielsen Norman Group. (n.d.). <strong>Animation Usability<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/www.nngroup.com\/articles\/animation-usability\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.nngroup.com\/articles\/animation-usability\/<\/a><br \/>\nSmashing Magazine. (2013). <strong>Smart Transitions in User Experience Design<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/www.smashingmagazine.com\/2013\/10\/smart-transitions-in-user-experience-design\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.smashingmagazine.com\/2013\/10\/smart-transitions-in-user-experience-design\/<\/a><br \/>\nUX Design. (n.d.). <strong>Transition Animations: A Practical Guide<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/uxdesign.cc\/transition-animations-a-practical-guide-5dba4d42f659\" target=\"_blank\" rel=\"noopener\">https:\/\/uxdesign.cc\/transition-animations-a-practical-guide-5dba4d42f659<\/a><br \/>\nNielsen Norman Group. (n.d.). <strong>The Purpose of Animation in UX<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/www.nngroup.com\/articles\/animation-purpose-ux\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.nngroup.com\/articles\/animation-purpose-ux\/<\/a><br \/>\nMaterial Design. (n.d.). <strong>Understanding Motion: Principles<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/m2.material.io\/design\/motion\/understanding-motion.html#principles\" target=\"_blank\" rel=\"noopener\">https:\/\/m2.material.io\/design\/motion\/understanding-motion.html#principles<\/a><br \/>\nMaterial Design. (n.d.). <strong>Applying Transitions<\/strong>. Abgerufen von <a class=\"MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-gb3rao\" href=\"https:\/\/m3.material.io\/styles\/motion\/transitions\/applying-transitions\" target=\"_blank\" rel=\"noopener\">https:\/\/m3.material.io\/styles\/motion\/transitions\/applying-transitions<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Motion im UX-Design oder UX-Motion ist heutzutage ein unverzichtbarer Bestandteil bei der Gestaltung von digitalen Produkten. Gro\u00dfe Unternehmen wie Apple, IBM und Google haben klare Richtlinien oder praktische Guidelines f\u00fcr die Integration von Motion Design und Transitions etabliert. Wir machen jedoch h\u00e4ufig die Erfahrung, dass UX Motion in Softwareprojekten vernachl\u00e4ssigt werden, da sie als st\u00f6rend [&hellip;]<\/p>\n","protected":false},"author":415,"featured_media":56125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"ep_exclude_from_search":false,"footnotes":""},"tags":[129,131,70],"service":[445],"coauthors":[{"id":415,"display_name":"Melanie Laudin","user_nicename":"mlaudin"},{"id":322,"display_name":"Laura D\u00fcnnwald","user_nicename":"lduennwald"}],"class_list":["post-55001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animation","tag-ui-ux","tag-web","service-ui-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Motion im UX-Design: Ein praktischer Guide - inovex GmbH<\/title>\n<meta name=\"description\" content=\"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion im UX-Design: Ein praktischer Guide - inovex GmbH\" \/>\n<meta property=\"og:description\" content=\"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"inovex GmbH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inovexde\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-19T07:24:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-19T09:49:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1550\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Melanie Laudin, Laura D\u00fcnnwald\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion-1024x581.png\" \/>\n<meta name=\"twitter:creator\" content=\"@inovexgmbh\" \/>\n<meta name=\"twitter:site\" content=\"@inovexgmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Melanie Laudin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u00a0Minuten\" \/>\n\t<meta name=\"twitter:label3\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data3\" content=\"Melanie Laudin, Laura D\u00fcnnwald\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/\"},\"author\":{\"name\":\"Melanie Laudin\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/person\\\/9fe0e895a4bd0eae9081015750531310\"},\"headline\":\"Motion im UX-Design: Ein praktischer Guide\",\"datePublished\":\"2024-07-19T07:24:59+00:00\",\"dateModified\":\"2024-07-19T09:49:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/\"},\"wordCount\":1378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/img_UX-Motion.png\",\"keywords\":[\"Animation\",\"UI\\\/UX\",\"Web\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/\",\"name\":\"Motion im UX-Design: Ein praktischer Guide - inovex GmbH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/img_UX-Motion.png\",\"datePublished\":\"2024-07-19T07:24:59+00:00\",\"dateModified\":\"2024-07-19T09:49:50+00:00\",\"description\":\"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/img_UX-Motion.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/img_UX-Motion.png\",\"width\":1550,\"height\":880,\"caption\":\"Grafik zu UX Motion\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/motion-im-ux-design-ein-praktischer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motion im UX-Design: Ein praktischer Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"name\":\"inovex GmbH\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\",\"name\":\"inovex GmbH\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"width\":1921,\"height\":1081,\"caption\":\"inovex GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/inovexde\",\"https:\\\/\\\/x.com\\\/inovexgmbh\",\"https:\\\/\\\/www.instagram.com\\\/inovexlife\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/inovex\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC7r66GT14hROB_RQsQBAQUQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/person\\\/9fe0e895a4bd0eae9081015750531310\",\"name\":\"Melanie Laudin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g11c0d5b31da148d85450c15b06effdca\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g\",\"caption\":\"Melanie Laudin\"},\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/author\\\/mlaudin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion im UX-Design: Ein praktischer Guide - inovex GmbH","description":"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/","og_locale":"de_DE","og_type":"article","og_title":"Motion im UX-Design: Ein praktischer Guide - inovex GmbH","og_description":"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.","og_url":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/","og_site_name":"inovex GmbH","article_publisher":"https:\/\/www.facebook.com\/inovexde","article_published_time":"2024-07-19T07:24:59+00:00","article_modified_time":"2024-07-19T09:49:50+00:00","og_image":[{"width":1550,"height":880,"url":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png","type":"image\/png"}],"author":"Melanie Laudin, Laura D\u00fcnnwald","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion-1024x581.png","twitter_creator":"@inovexgmbh","twitter_site":"@inovexgmbh","twitter_misc":{"Verfasst von":"Melanie Laudin","Gesch\u00e4tzte Lesezeit":"7\u00a0Minuten","Written by":"Melanie Laudin, Laura D\u00fcnnwald"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#article","isPartOf":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/"},"author":{"name":"Melanie Laudin","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/person\/9fe0e895a4bd0eae9081015750531310"},"headline":"Motion im UX-Design: Ein praktischer Guide","datePublished":"2024-07-19T07:24:59+00:00","dateModified":"2024-07-19T09:49:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/"},"wordCount":1378,"commentCount":0,"publisher":{"@id":"https:\/\/www.inovex.de\/de\/#organization"},"image":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png","keywords":["Animation","UI\/UX","Web"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/","url":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/","name":"Motion im UX-Design: Ein praktischer Guide - inovex GmbH","isPartOf":{"@id":"https:\/\/www.inovex.de\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png","datePublished":"2024-07-19T07:24:59+00:00","dateModified":"2024-07-19T09:49:50+00:00","description":"Erfahre, wie du Motion im UX richtig einsetzt, um \u00c4sthetik und Funktionalit\u00e4t zu verbessern. Motion im UX-Design: Ein praktischer Guide.","breadcrumb":{"@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#primaryimage","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/img_UX-Motion.png","width":1550,"height":880,"caption":"Grafik zu UX Motion"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inovex.de\/de\/blog\/motion-im-ux-design-ein-praktischer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inovex.de\/de\/"},{"@type":"ListItem","position":2,"name":"Motion im UX-Design: Ein praktischer Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.inovex.de\/de\/#website","url":"https:\/\/www.inovex.de\/de\/","name":"inovex GmbH","description":"","publisher":{"@id":"https:\/\/www.inovex.de\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inovex.de\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.inovex.de\/de\/#organization","name":"inovex GmbH","url":"https:\/\/www.inovex.de\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","width":1921,"height":1081,"caption":"inovex GmbH"},"image":{"@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inovexde","https:\/\/x.com\/inovexgmbh","https:\/\/www.instagram.com\/inovexlife\/","https:\/\/www.linkedin.com\/company\/inovex","https:\/\/www.youtube.com\/channel\/UC7r66GT14hROB_RQsQBAQUQ"]},{"@type":"Person","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/person\/9fe0e895a4bd0eae9081015750531310","name":"Melanie Laudin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g11c0d5b31da148d85450c15b06effdca","url":"https:\/\/secure.gravatar.com\/avatar\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2e2933feee7a697666240a005da82f2c6d131a418252409c592b287ed22f1cce?s=96&d=retro&r=g","caption":"Melanie Laudin"},"url":"https:\/\/www.inovex.de\/de\/blog\/author\/mlaudin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/55001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/users\/415"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/comments?post=55001"}],"version-history":[{"count":6,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/55001\/revisions"}],"predecessor-version":[{"id":56415,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/55001\/revisions\/56415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media\/56125"}],"wp:attachment":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media?parent=55001"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/tags?post=55001"},{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/service?post=55001"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/coauthors?post=55001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}