{"id":113,"date":"2025-01-27T11:23:48","date_gmt":"2025-01-27T10:23:48","guid":{"rendered":"http:\/\/via.localhost\/digital-do\/?p=113"},"modified":"2025-03-31T00:24:21","modified_gmt":"2025-03-30T22:24:21","slug":"was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung","status":"publish","type":"post","link":"https:\/\/www.viazenetti.de\/digital-do\/ux-design\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/","title":{"rendered":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung"},"content":{"rendered":"\n<p class=\"has-normal-font-size\"><strong>In der modernen Webentwicklung spielen Mikroanimationen eine immer wichtigere Rolle. Sie sind kleine, subtile Animationen, die das Benutzererlebnis verbessern und Interaktionen intuitiver gestalten. Im UI\/UX-Design dienen sie dazu, Nutzern visuelles Feedback zu geben, den Benutzerfluss zu optimieren und emotionale Verbindungen zu schaffen. In diesem Artikel beleuchten wir die Vorteile von Mikroanimationen im Webdesign und warum sie ein unverzichtbares Element f\u00fcr eine moderne Benutzeroberfl\u00e4che sind.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong>Verbesserung der Benutzerf\u00fchrung<\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Mikroanimationen helfen Nutzern, sich auf einer Website besser zurechtzufinden. Sie k\u00f6nnen beispielsweise bei einer Navigation subtil anzeigen, welcher Bereich aktiv ist, oder einen Button leicht pulsieren lassen, um darauf hinzuweisen, dass er anklickbar ist. Diese kleinen Hinweise reduzieren die kognitive Belastung und machen die Bedienung intuitiver.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong>Feedback und Reaktionsf\u00e4higkeit<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Eine Website oder App, die dem Nutzer kein visuelles Feedback gibt, kann schnell verwirrend wirken. Mikroanimationen sorgen daf\u00fcr, dass jede Aktion eine Reaktion ausl\u00f6st \u2013 sei es das Ver\u00e4ndern der Farbe eines Buttons nach dem Klick oder das sanfte Einblenden von Formularfeldern bei einer Eingabe. Dadurch f\u00fchlen sich Nutzer sicherer und verstehen besser, wie das Interface funktioniert.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong><strong>F\u00f6rderung der Benutzerinteraktion<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Eine ansprechend gestaltete Website l\u00e4dt zum Erkunden ein. Mikroanimationen k\u00f6nnen beispielsweise das Scrollverhalten dynamischer gestalten oder Hinweise darauf geben, dass weitere Inhalte verf\u00fcgbar sind. Dies erh\u00f6ht die Verweildauer der Nutzer auf der Website und verbessert die Interaktionsrate.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong><strong><strong>\u00c4sthetische Aufwertung und Markenidentit\u00e4t<\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Mikroanimationen verleihen einer Website mehr Pers\u00f6nlichkeit und tragen zur Markenidentit\u00e4t bei. Ein sanft animiertes Logo, dezente Hover-Effekte oder fl\u00fcssige \u00dcberg\u00e4nge zwischen Seitenwechseln lassen eine Website professioneller und moderner wirken. Besonders Startups und Unternehmen mit einem hohen Fokus auf Design nutzen Mikroanimationen, um sich visuell von der Konkurrenz abzuheben.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong><strong><strong><strong>Erh\u00f6hung der Wahrnehmungsgeschwindigkeit<\/strong><\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Menschen nehmen bewegte Elemente schneller wahr als statische Inhalte. Durch Mikroanimationen lassen sich wichtige Informationen effektiver hervorheben. Beispielsweise kann ein Call-to-Action-Button durch eine leichte Bewegung die Aufmerksamkeit des Nutzers auf sich ziehen, ohne aufdringlich zu wirken.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong><strong><strong><strong><strong>Verbesserung der Nutzererfahrung auf mobilen Ger\u00e4ten<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Im mobilen Webdesign sind Mikroanimationen besonders n\u00fctzlich, da sie die Interaktion mit Touchscreens intuitiver machen. Ein Beispiel ist die \u201ePull-to-Refresh\u201c-Geste, bei der durch eine Animation signalisiert wird, dass Inhalte aktualisiert werden. Solche kleinen Animationen sorgen f\u00fcr eine angenehmere Bedienung und ein reibungsloses Nutzererlebnis.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"01-adaptives-logo\"><strong><strong><strong><strong><strong><strong><strong>Fazit<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-normal-font-size\">Mikroanimationen sind weit mehr als nur visuelle Spielereien. Sie verbessern die Benutzerf\u00fchrung, sorgen f\u00fcr intuitives Feedback, erh\u00f6hen die Interaktionsrate und verleihen einer Website eine moderne \u00c4sthetik. Im UI\/UX-Design tragen sie ma\u00dfgeblich dazu bei, eine positive Nutzererfahrung zu schaffen und die Markenidentit\u00e4t zu st\u00e4rken. Richtig eingesetzt, sind sie ein m\u00e4chtiges Werkzeug f\u00fcr ansprechendes und funktionales Webdesign.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"zum-beispiel-fur-unsren-partner-im-bereich-enterprise-e-commerce-striped-giraffe\">Hier einige Beispiele aus unseren Projekten:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/VIA_professional_services_loop_end.svg\" alt=\"\" class=\"wp-image-475\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-4 alignwide wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"466\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_kommunikation_red_neu_vorlage.svg\" alt=\"\" class=\"wp-image-466\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignleft size-full\"><img decoding=\"async\" data-id=\"464\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_ico_red_service_vorlage.svg\" alt=\"\" class=\"wp-image-464\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-id=\"462\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_ico_read_leoxikon_animated.svg\" alt=\"\" class=\"wp-image-462\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-id=\"463\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_ico_red_e-mail_vorlage.svg\" alt=\"\" class=\"wp-image-463\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-id=\"461\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_ico_darkblue_wlan_animated_blue.svg\" alt=\"\" class=\"wp-image-461\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" data-id=\"473\" src=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/TONI_ico_red_telefon_vorlage.svg\" alt=\"\" class=\"wp-image-473\"\/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In der modernen Webentwicklung spielen Mikroanimationen eine immer wichtigere Rolle.<\/p>\n","protected":false},"author":5,"featured_media":383,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8,9,11,5],"tags":[12,14,13],"class_list":["post-113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-passion","category-top-themen","category-ui-design","category-ux-design","tag-animation","tag-benutzererlebnis","tag-svg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do<\/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.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do\" \/>\n<meta property=\"og:description\" content=\"In der modernen Webentwicklung spielen Mikroanimationen eine immer wichtigere Rolle.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/\" \/>\n<meta property=\"og:site_name\" content=\"digital:do\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/viazenetti\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-27T10:23:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-30T22:24:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/dummie_image_03.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"951\" \/>\n\t<meta property=\"og:image:height\" content=\"520\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ludwig Falkenstein\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ludwig Falkenstein\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/\"},\"author\":{\"name\":\"Ludwig Falkenstein\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#\\\/schema\\\/person\\\/a218eeea5a13a183b1e0dd736aed9463\"},\"headline\":\"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung\",\"datePublished\":\"2025-01-27T10:23:48+00:00\",\"dateModified\":\"2025-03-30T22:24:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/\"},\"wordCount\":457,\"publisher\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/viazenetti-mikroanimationen.jpg\",\"keywords\":[\"Animation\",\"Benutzererlebnis\",\"svg\"],\"articleSection\":[\"passion\",\"top-themen\",\"ui design\",\"ux design\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/\",\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/\",\"name\":\"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/viazenetti-mikroanimationen.jpg\",\"datePublished\":\"2025-01-27T10:23:48+00:00\",\"dateModified\":\"2025-03-30T22:24:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/viazenetti-mikroanimationen.jpg\",\"contentUrl\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/viazenetti-mikroanimationen.jpg\",\"width\":951,\"height\":520},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/passion\\\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#website\",\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/\",\"name\":\"digital:do\",\"description\":\"Der Blog f\u00fcr Digitale Leidenschaft\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#organization\",\"name\":\"viazenetti GmbH\",\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/digital-do-200.png\",\"contentUrl\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/wp-content\\\/uploads\\\/digital-do-200.png\",\"width\":200,\"height\":200,\"caption\":\"viazenetti GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/viazenetti\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/viazenetti-gmbh\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/#\\\/schema\\\/person\\\/a218eeea5a13a183b1e0dd736aed9463\",\"name\":\"Ludwig Falkenstein\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g\",\"caption\":\"Ludwig Falkenstein\"},\"url\":\"https:\\\/\\\/www.viazenetti.de\\\/digital-do\\\/author\\\/lf\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do","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.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/","og_locale":"de_DE","og_type":"article","og_title":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do","og_description":"In der modernen Webentwicklung spielen Mikroanimationen eine immer wichtigere Rolle.","og_url":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/","og_site_name":"digital:do","article_publisher":"https:\/\/www.facebook.com\/viazenetti","article_published_time":"2025-01-27T10:23:48+00:00","article_modified_time":"2025-03-30T22:24:21+00:00","og_image":[{"width":951,"height":520,"url":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/dummie_image_03.jpg","type":"image\/jpeg"}],"author":"Ludwig Falkenstein","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Ludwig Falkenstein","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#article","isPartOf":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/"},"author":{"name":"Ludwig Falkenstein","@id":"https:\/\/www.viazenetti.de\/digital-do\/#\/schema\/person\/a218eeea5a13a183b1e0dd736aed9463"},"headline":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung","datePublished":"2025-01-27T10:23:48+00:00","dateModified":"2025-03-30T22:24:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/"},"wordCount":457,"publisher":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/#organization"},"image":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/viazenetti-mikroanimationen.jpg","keywords":["Animation","Benutzererlebnis","svg"],"articleSection":["passion","top-themen","ui design","ux design"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/","url":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/","name":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung - digital:do","isPartOf":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#primaryimage"},"image":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/viazenetti-mikroanimationen.jpg","datePublished":"2025-01-27T10:23:48+00:00","dateModified":"2025-03-30T22:24:21+00:00","breadcrumb":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#primaryimage","url":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/viazenetti-mikroanimationen.jpg","contentUrl":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/viazenetti-mikroanimationen.jpg","width":951,"height":520},{"@type":"BreadcrumbList","@id":"https:\/\/www.viazenetti.de\/digital-do\/passion\/was-sich-bewegt-bewegt-mikroanimationen-zur-visuellen-unterstuetzung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.viazenetti.de\/digital-do\/"},{"@type":"ListItem","position":2,"name":"Was sich bewegt, bewegt. Mikroanimationen zur visuellen Unterst\u00fctzung"}]},{"@type":"WebSite","@id":"https:\/\/www.viazenetti.de\/digital-do\/#website","url":"https:\/\/www.viazenetti.de\/digital-do\/","name":"digital:do","description":"Der Blog f\u00fcr Digitale Leidenschaft","publisher":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viazenetti.de\/digital-do\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.viazenetti.de\/digital-do\/#organization","name":"viazenetti GmbH","url":"https:\/\/www.viazenetti.de\/digital-do\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.viazenetti.de\/digital-do\/#\/schema\/logo\/image\/","url":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/digital-do-200.png","contentUrl":"https:\/\/www.viazenetti.de\/digital-do\/wp-content\/uploads\/digital-do-200.png","width":200,"height":200,"caption":"viazenetti GmbH"},"image":{"@id":"https:\/\/www.viazenetti.de\/digital-do\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/viazenetti","https:\/\/www.linkedin.com\/company\/viazenetti-gmbh\/"]},{"@type":"Person","@id":"https:\/\/www.viazenetti.de\/digital-do\/#\/schema\/person\/a218eeea5a13a183b1e0dd736aed9463","name":"Ludwig Falkenstein","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aada38136a1a72e8aaa08802a02c6545f5ac4c3282f288b445bf3b408d3953ea?s=96&d=mm&r=g","caption":"Ludwig Falkenstein"},"url":"https:\/\/www.viazenetti.de\/digital-do\/author\/lf\/"}]}},"_links":{"self":[{"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":0,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/media\/383"}],"wp:attachment":[{"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viazenetti.de\/digital-do\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}