{"id":4313,"date":"2026-10-29T19:21:52","date_gmt":"2026-10-29T18:21:52","guid":{"rendered":"https:\/\/www.variationsphase.de\/vp\/?p=4313"},"modified":"2026-10-29T19:22:31","modified_gmt":"2026-10-29T18:22:31","slug":"interaktive-elemente-als-anreicherung-meiner-inhalte","status":"publish","type":"post","link":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/","title":{"rendered":"Interaktive Elemente als Anreicherung meiner Inhalte"},"content":{"rendered":"<figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"700\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg 1400w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen-380x190.jpg 380w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen-1024x512.jpg 1024w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen-768x384.jpg 768w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/figure>\n\n\n<p class=\"wp-block-paragraph\">In den letzten Jahren schaute ich mir KI vorrangig aus Sicht der Text- und Bildgenerierung an. F\u00fcr Recherchen, Textpr\u00fcfung und diverse Workflow-Experimente. Doch nat\u00fcrlich kann KI auch in anderen Bereichen als massive Beschleunigung fungieren. In meinem Arbeitskontext besch\u00e4ftige ich mich derzeit verst\u00e4rkt mit Vibe Coding, als Hilfsmittel f\u00fcr Rapid Prototyping.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mein Background&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Urspr\u00fcnglich bin ich eigentlich Medieninformatikerin. Im Studium haben wir neben klassischen Websites auch&nbsp; Prototypen in Flash gebaut und nach meinem Berufseinstieg habe ich zun\u00e4chst sogar Minispiele in Flash programmiert. Nachdem Flash aufgrund von Sicherheits- und Performanceproblemen von neuen, offenen Webstandards abgel\u00f6st wurde &#8211; Apples Entscheidung, es nicht auf seine iOS Ger\u00e4te zu lassen, war sicherlich eines der gro\u00dfe Signale &#8211; gelang mir der Sprung zu HTML5 und JavaScript nicht. Ich war beruflich l\u00e4ngst bei Konzept und Projektmanagement angekommen und in der Freizeit konkurrierten bereits zu viele Interessen. Es folgten Wireframes und vereinzelt interaktive Prototypen in Axure RP, bis ich schlie\u00dflich vollst\u00e4ndig im Projektmanagement h\u00e4ngen blieb.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vibe Coding ist daher f\u00fcr mich ein ziemlicher Game-Changer, da ich eben genau nicht JavaScript selbst programmieren muss. Ich kann das Interface und die Funktionalit\u00e4t beschreiben, die ich haben m\u00f6chte. Tats\u00e4chlich ist das in Worten auch eine Challenge f\u00fcr sich. Da Dinge, die mir selbstverst\u00e4ndlich erscheinen es oft gar nicht sind. Explizit schl\u00e4gt implizit &#8211; immer. Und im Umgang mit der KI erst recht.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Vibe Coding nimmt mir also zwar die Generierung von Code ab, jedoch nicht die konzeptionelle Arbeit. Es braucht pr\u00e4zise Anforderungen, Testing und entsprechend begleitete Korrekturschleifen.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Erste Anwendungen&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ich begann verschiedene kleine Anwendungen mit KI zu bauen, um mich auszuprobieren. Als ich langsam an den Punkt kam, etwas mit euch teilen zu wollen, kam mir der ungeplante Soft Relaunch der Variationsphase in die Quere, \u00fcber den ich bereits in einem eigenen Artikel berichtete.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seit ich wieder ein bisschen in die Normalit\u00e4t zur\u00fcckgefunden habe, sind auf der Variationsphase stillschweigend kleine und gr\u00f6\u00dfere interaktive Module eingezogen.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">Meine erste kleine Anwendung, die ich mit euch teilen wollte, ist eine Erg\u00e4nzung zu meinem Artikel \u201eSchreibroutine aufbauen trotz Alltag \u2013 Schreibrituale als Warm-Up\u201c. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In vier verschiedenen \u00dcbungen k\u00f6nnt ihr euch einfach ein bisschen \u201ewarm\u201c schreiben. Da die Story-W\u00fcrfel im Dunkeln echt nicht so gut funktionieren, ist das nun eine super Alternative f\u00fcr jede Gelegenheit. Also falls ihr selbst gern schreibt oder jemanden kennt, gern weitersagen. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div style=\"--vp-topic-image-max-size:250px\" class=\"vp-topic-card has-card-link is-image-fill wp-block-vp-themenkarte\"><figure class=\"wp-block-image size-large vp-topic-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups-1024x1024.png\" alt=\"\" class=\"wp-image-4319\" srcset=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups-1024x1024.png 1024w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups-380x380.png 380w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups-150x150.png 150w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups-768x768.png 768w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_schreib-warm-ups.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"vp-topic-card__body\">\n\n\n\n\n\n<h3 class=\"wp-block-heading\">Schreib-Warm-Ups<\/h3>\n\n<a class=\"vp-topic-card__overlay-link\" href=\"https:\/\/www.variationsphase.de\/vp\/schreib-warm-ups\/\" aria-label=\"Mehr erfahren: Schreib-Warm-Ups\"><\/a><span class=\"vp-topic-card__cta\" aria-hidden=\"true\"><span class=\"vp-topic-card__link-label\">Mehr erfahren<\/span><span class=\"vp-link-indicator\"><\/span><\/span><\/div><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wissensvermittlung mit neuer Perspektive<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Als n\u00e4chstes begann ich dar\u00fcber nachzudenken, wie ich meine bestehenden Artikel durch interaktive Elemente inhaltlich erg\u00e4nzen k\u00f6nnte. So entstand auch die Idee zu einer Anwendung zur Vermittlung von farbtheoretischen Grundlagen, in der man Farbharmonien und Kontraste erkunden k\u00f6nnte. Ein grobes Konzept hatte ich bereits im Studium gemacht, als wir uns mit E-Learning besch\u00e4ftigten. Da das Thema in der Grundschule gerade jedes Jahr in einer Geschmacksrichtung auftaucht, scheint es zumindest teilweise einen Bedarf zu geben. Am Ende entstand \u00fcber viele Iterationen das \u201einteraktive Farblabor\u201c.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zus\u00e4tzlich zogen einzelne Elemente in meinen Artikel \u201eLicht und Schatten\u201c ein. Ausschnitte aus dem Farblabor, aber auch ein Element zum Thema \u201eSchattenwurf\u201c.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div style=\"--vp-topic-image-max-size:250px\" class=\"vp-topic-card has-card-link is-image-fill wp-block-vp-themenkarte\"><figure class=\"wp-block-image size-large vp-topic-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor-1024x1024.jpg\" alt=\"\" class=\"wp-image-4322\" srcset=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor-1024x1024.jpg 1024w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor-380x380.jpg 380w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor-150x150.jpg 150w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor-768x768.jpg 768w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/anwendung_farblabor.jpg 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"vp-topic-card__body\">\n\n\n\n\n\n<h3 class=\"wp-block-heading\">Interaktives Farblabor<\/h3>\n\n<a class=\"vp-topic-card__overlay-link\" href=\"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/\" aria-label=\"Mehr erfahren: Interaktives Farblabor\"><\/a><span class=\"vp-topic-card__cta\" aria-hidden=\"true\"><span class=\"vp-topic-card__link-label\">Mehr erfahren<\/span><span class=\"vp-link-indicator\"><\/span><\/span><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div style=\"--vp-topic-image-max-size:250px\" class=\"vp-topic-card has-card-link is-image-fill wp-block-vp-themenkarte\"><figure class=\"wp-block-image size-large vp-topic-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten-1024x1024.png\" alt=\"\" class=\"wp-image-3892\" srcset=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten-1024x1024.png 1024w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten-380x380.png 380w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten-150x150.png 150w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten-768x768.png 768w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/zeichnen03_licht-schatten.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"vp-topic-card__body\">\n\n\n\n\n\n<h3 class=\"wp-block-heading\">Licht und Schatten<\/h3>\n\n<a class=\"vp-topic-card__overlay-link\" href=\"http:\/\/variationsphase.de\/vp\/2017\/09\/zeichnen-lernen-05-licht-und-schatten\/\" aria-label=\"Mehr erfahren: Licht und Schatten\"><\/a><span class=\"vp-topic-card__cta\" aria-hidden=\"true\"><span class=\"vp-topic-card__link-label\">Mehr erfahren<\/span><span class=\"vp-link-indicator\"><\/span><\/span><\/div><\/div><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ich denke, da werden noch weitere folgen, um auch die anderen Artikel aufzuwerten. Denn mit modernen Mitteln ist es unproblematisch, einfach dreidimensionale Objekte im Browser zu rotieren und zu bewegen.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Das Spielkind in mir&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dass ich immersive Welten und diegetisches Material mag, wisst ihr bereits. In diese Richtung werde ich in Zukunft noch weiter spielen. Denn ich habe mir ein technisches Grundger\u00fcst gebaut, was es mir erlaubt, an verschiedenen Stellen in meinen Beitr\u00e4gen versteckte Inhalte zu platzieren, die sich nur unter gewissen Bedingungen zeigen.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ihr Lust auf das Experiment habt, k\u00f6nnt ihr einfach eure magische Familie festlegen und dann schauen, wo neue Elemente erscheinen. (<a href=\"https:\/\/www.variationsphase.de\/vp\/das-verlorene-gleichgewicht\/\">Zum Projekt<\/a>) Noch gibt es nur eine Stelle, die abseits des eigentlichen Schwurs beeinflusst wird. Doch ich hoffe sehr, dass es bald mehr werden.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die KI erlaubt mir nun wieder, Inhalte auch interaktiv zu denken. Fr\u00fcher habe ich etwa ein interaktives B\u00fccherregal oder Minigames in Flash gebaut. Jetzt kann ich sukzessive die Variationsphase zu einem Raum zum Entdecken machen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gleichzeitig merke ich jedoch auch, dass ich bei meinem wachsenden Netz aus WordPress-Erweiterungen den \u00dcberblick behalten muss. Einerseits darf es nicht zu unn\u00f6tigen Abh\u00e4ngigkeiten kommen, andererseits sollte redundanter Code nat\u00fcrlich vermieden werden. Hier werde ich in Zukunft sicherlich noch die ein oder andere Schleife drehen m\u00fcssen.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In den letzten Jahren schaute ich mir KI vorrangig aus Sicht der Text- und Bildgenerierung an. F\u00fcr Recherchen, Textpr\u00fcfung und diverse Workflow-Experimente. Doch nat\u00fcrlich kann KI auch in anderen Bereichen als massive Beschleunigung fungieren. In meinem Arbeitskontext besch\u00e4ftige ich mich derzeit verst\u00e4rkt mit Vibe Coding, als Hilfsmittel f\u00fcr Rapid Prototyping.&nbsp; Mein Background&nbsp; Urspr\u00fcnglich bin ich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4324,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"Die Zeit, in der ich mit Flash kleine Anwendungen gebaut habe, ist lange her. Doch KI bringt einen Teil des Feelings zur\u00fcck. So habe ich erste kleine interaktive Anwendungen integriert. Welche genau? Das erfahrt ihr in diesem Beitrag. ","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[44,146],"tags":[],"class_list":["post-4313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ki-im-kreativen-prozess"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase<\/title>\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.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase\" \/>\n<meta property=\"og:description\" content=\"In den letzten Jahren schaute ich mir KI vorrangig aus Sicht der Text- und Bildgenerierung an. F\u00fcr Recherchen, Textpr\u00fcfung und diverse Workflow-Experimente. Doch nat\u00fcrlich kann KI auch in anderen Bereichen als massive Beschleunigung fungieren. In meinem Arbeitskontext besch\u00e4ftige ich mich derzeit verst\u00e4rkt mit Vibe Coding, als Hilfsmittel f\u00fcr Rapid Prototyping.&nbsp; Mein Background&nbsp; Urspr\u00fcnglich bin ich [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/\" \/>\n<meta property=\"og:site_name\" content=\"variationsphase\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T18:21:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T18:22:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/\"},\"author\":{\"name\":\"Christina\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\"},\"headline\":\"Interaktive Elemente als Anreicherung meiner Inhalte\",\"datePublished\":\"2026-10-29T18:21:52+00:00\",\"dateModified\":\"2026-10-29T18:22:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/\"},\"wordCount\":773,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\"},\"image\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/2026-10-29_interaktive-anwendungen.jpg\",\"articleSection\":[\"Blog\",\"KI im kreativen Prozess\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/\",\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/\",\"name\":\"Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/2026-10-29_interaktive-anwendungen.jpg\",\"datePublished\":\"2026-10-29T18:21:52+00:00\",\"dateModified\":\"2026-10-29T18:22:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/2026-10-29_interaktive-anwendungen.jpg\",\"contentUrl\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/2026-10-29_interaktive-anwendungen.jpg\",\"width\":1400,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/2026\\\/10\\\/interaktive-elemente-als-anreicherung-meiner-inhalte\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interaktive Elemente als Anreicherung meiner Inhalte\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#website\",\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/\",\"name\":\"variationsphase\",\"description\":\"Visualisierung und Erz\u00e4hlr\u00e4ume\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\",\"name\":\"Christina\",\"logo\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/image\\\/\"},\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase","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.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/","og_locale":"de_DE","og_type":"article","og_title":"Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase","og_description":"In den letzten Jahren schaute ich mir KI vorrangig aus Sicht der Text- und Bildgenerierung an. F\u00fcr Recherchen, Textpr\u00fcfung und diverse Workflow-Experimente. Doch nat\u00fcrlich kann KI auch in anderen Bereichen als massive Beschleunigung fungieren. In meinem Arbeitskontext besch\u00e4ftige ich mich derzeit verst\u00e4rkt mit Vibe Coding, als Hilfsmittel f\u00fcr Rapid Prototyping.&nbsp; Mein Background&nbsp; Urspr\u00fcnglich bin ich [&hellip;]","og_url":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/","og_site_name":"variationsphase","article_published_time":"2026-10-29T18:21:52+00:00","article_modified_time":"2026-10-29T18:22:31+00:00","og_image":[{"width":1400,"height":700,"url":"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg","type":"image\/jpeg"}],"author":"Christina","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Christina","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#article","isPartOf":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/"},"author":{"name":"Christina","@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd"},"headline":"Interaktive Elemente als Anreicherung meiner Inhalte","datePublished":"2026-10-29T18:21:52+00:00","dateModified":"2026-10-29T18:22:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/"},"wordCount":773,"commentCount":0,"publisher":{"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd"},"image":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#primaryimage"},"thumbnailUrl":"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg","articleSection":["Blog","KI im kreativen Prozess"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/","url":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/","name":"Interaktive Elemente als Anreicherung meiner Inhalte - variationsphase","isPartOf":{"@id":"https:\/\/www.variationsphase.de\/vp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#primaryimage"},"image":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#primaryimage"},"thumbnailUrl":"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg","datePublished":"2026-10-29T18:21:52+00:00","dateModified":"2026-10-29T18:22:31+00:00","breadcrumb":{"@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#primaryimage","url":"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg","contentUrl":"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/10\/2026-10-29_interaktive-anwendungen.jpg","width":1400,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/www.variationsphase.de\/vp\/2026\/10\/interaktive-elemente-als-anreicherung-meiner-inhalte\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.variationsphase.de\/vp\/"},{"@type":"ListItem","position":2,"name":"Interaktive Elemente als Anreicherung meiner Inhalte"}]},{"@type":"WebSite","@id":"https:\/\/www.variationsphase.de\/vp\/#website","url":"https:\/\/www.variationsphase.de\/vp\/","name":"variationsphase","description":"Visualisierung und Erz\u00e4hlr\u00e4ume","publisher":{"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.variationsphase.de\/vp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd","name":"Christina","logo":{"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/image\/"},"url":"https:\/\/www.variationsphase.de\/vp\/author\/admin\/"}]}},"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/posts\/4313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/comments?post=4313"}],"version-history":[{"count":9,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/posts\/4313\/revisions"}],"predecessor-version":[{"id":4326,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/posts\/4313\/revisions\/4326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/media\/4324"}],"wp:attachment":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/media?parent=4313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/categories?post=4313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/tags?post=4313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}