{"id":79499,"date":"2020-12-07T18:17:18","date_gmt":"2020-12-07T12:47:18","guid":{"rendered":"https:\/\/www.opendesignsin.com\/blog\/?p=79499"},"modified":"2021-03-10T12:24:02","modified_gmt":"2021-03-10T06:54:02","slug":"dos-and-donts-of-adding-animation-to-your-website","status":"publish","type":"post","link":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/","title":{"rendered":"Dos and Donts of adding Animation to your website"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e78788758a7\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #ed2327;color:#ed2327\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #ed2327;color:#ed2327\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e78788758a7\"  aria-label=\"Toggle\" \/><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.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Dos\" title=\"Do\u2019s :\">Do\u2019s :<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Use_animation_in_moderation\" title=\"Use animation in moderation:\">Use animation in moderation:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Keep_the_animation_short\" title=\"Keep the animation short:\">Keep the animation short:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Keep_animation_consistent_with_the_theme\" title=\"Keep animation consistent with the theme:\">Keep animation consistent with the theme:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Do_animation_that_works_on_all_devices\" title=\"Do animation that works on all devices:\">Do animation that works on all devices:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Donts\" title=\"Don\u2019ts:\">Don\u2019ts:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Dont_force_the_animation_on_the_user\" title=\"Don\u2019t force the animation on the user:\">Don\u2019t force the animation on the user:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Dont_use_animations_for_the_sake_of_it\" title=\"Don\u2019t use animations for the sake of it:\">Don\u2019t use animations for the sake of it:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#Dont_forget_the_audience_preferences\" title=\"Don\u2019t forget the audience preferences:\">Don\u2019t forget the audience preferences:<\/a><\/li><\/ul><\/nav><\/div>\n<p><span style=\"font-weight: 400;\">Animations have gone from being used in movies, cartoons, presentations to a tool to spice up websites. Businesses are beginning to acknowledge the particular power that animations have over the audience. The <\/span><span style=\"font-weight: 400;\">Best Web design company in Chennai<\/span><span style=\"font-weight: 400;\"> offers Pro Do&#8217;s and Don&#8217;ts on the use of animations in websites, from their experience.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dos\"><\/span><b>Do\u2019s :<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Use_animation_in_moderation\"><\/span><b>Use animation in moderation:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Animation can become a tempting wormhole to fall into. Too much animation compromises the performance of the website. In addition to reduced loading speed, overloaded animations distract the visitors from the Call to Actions.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One can always use a healthy dose of animation for the following purposes.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">As a navigation guide<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To supplement the textual content<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To help customers visualise products<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Creating relief from static web layouts<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To bring attention to a CTA<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Keep_the_animation_short\"><\/span><b>Keep the animation short:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Animations are only effective if they keep within the right time frame. The purpose of the animation is defeated if it goes on for too long. Keep the animation short so that the point is conveyed without the visitor losing interest in what you have to say. The animation must be short, and slow-paced so it keeps the viewing experience pleasant for all the visitors.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Keep_animation_consistent_with_the_theme\"><\/span><b>Keep animation consistent with the theme:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Every website needs a nice colour and image theme that keeps true to the business\u2019s tone and personality. Anything that doesn\u2019t fit with this theme will look out of place and divert attention from the main points. It can even topple the entire aesthetics of your site. The <\/span><span style=\"font-weight: 400;\">Best web design companies<\/span><span style=\"font-weight: 400;\"> make the animated elements fit well into the layout of the pages.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Do_animation_that_works_on_all_devices\"><\/span><b>Do animation that works on all devices:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You cannot expect the animation to play out the same way on different devices and on different sized screens. Have the animation respond differently in each. In computers, the animation starts when the mouse pointer is hovered over it, on mobile screens, it starts playing automatically when the user scrolls to that point of the page. This way all visitors no matter the device they use can access the animation.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Donts\"><\/span><b>Don\u2019ts:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Dont_force_the_animation_on_the_user\"><\/span><b>Don\u2019t force the animation on the user:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Some people find flashy animation distracting to the point of being a physical discomfort. It is important to consider the needs of such users. <\/span><span style=\"font-weight: 400;\">The best web design companies<\/span><span style=\"font-weight: 400;\"> make the animation optional so viewers who do not want it to play out can turn it into a static image. This can be achieved with little tweaks in the code with Javascript. Animations can engage your audience, but don\u2019t force it on users who don\u2019t want it.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dont_use_animations_for_the_sake_of_it\"><\/span><b>Don\u2019t use animations for the sake of it:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You don\u2019t need to have animations on your site just because your competitor does or it makes your site look fancy. You have to take into consideration the actual usability and effectiveness of it. Good animations are expensive and don\u2019t always work out the way you want them to. Figure out the goals you want to achieve with the animations. Add animations only if you actually have a purpose for them and not just because you can.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dont_forget_the_audience_preferences\"><\/span><b>Don\u2019t forget the audience preferences:<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The target audience of any website is always mixed. They are separated by so many factors like age, culture, location, etc. The kind of animations you use must be relatable to a major chunk of your audience. Fast-paced and colourful animations work well with a younger audience, while older ones prefer, simple and soothing animations. Any and all aesthetics of the animations must be to the preferences of the customers. You should also consider the devices and the user interface that the majority of your audience uses. Old devices or older versions of software may not support modern animations.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Open Designs is the <\/span><a href=\"https:\/\/www.opendesignsin.com\"><span style=\"font-weight: 400;\">best web design company in Chennai<\/span><\/a><span style=\"font-weight: 400;\"> that has been developing websites for over 20 years. Their team of experts and comprehensive <\/span><span style=\"font-weight: 400;\">web design services<\/span><span style=\"font-weight: 400;\"> put them on the top of the list of <\/span><span style=\"font-weight: 400;\">web development companies in Chennai<\/span><span style=\"font-weight: 400;\">. They have excellent graphics designers and animators that are behind some of the most innovative websites out there. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Animations have gone from being used in movies, cartoons, presentations to a tool to spice up websites. Businesses are beginning to acknowledge the particular power&#8230;<\/p>\n","protected":false},"author":2,"featured_media":79504,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[432,1,530],"tags":[705,532,720],"class_list":{"0":"post-79499","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design-and-communication-agency","8":"category-ui-ux-design-agency","9":"category-website-design-and-development-company","10":"tag-best-web-design-company-in-chennai","11":"tag-web-design-services","12":"tag-web-development-companies-in-chennai"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dos and Donts of adding Animation to your website - Open Designs India<\/title>\n<meta name=\"description\" content=\"Here are some pro tips from the Best web design company in Chennai on the Dos and Don&#039;ts of Animation used in the web development industry.\" \/>\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.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dos and Donts of adding Animation to your website - Open Designs India\" \/>\n<meta property=\"og:description\" content=\"Here are some pro tips from the Best web design company in Chennai on the Dos and Don&#039;ts of Animation used in the web development industry.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Open Designs India\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/opendesignsindia\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-07T12:47:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-10T06:54:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"OPEN DESIGNS INDIA\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@opendesignsin\" \/>\n<meta name=\"twitter:site\" content=\"@opendesignsin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"OPEN DESIGNS INDIA\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/\",\"url\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/\",\"name\":\"Dos and Donts of adding Animation to your website - Open Designs India\",\"isPartOf\":{\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg\",\"datePublished\":\"2020-12-07T12:47:18+00:00\",\"dateModified\":\"2021-03-10T06:54:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/56b66d4573913a6c4bf892b737ab9f6e\"},\"description\":\"Here are some pro tips from the Best web design company in Chennai on the Dos and Don'ts of Animation used in the web development industry.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage\",\"url\":\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg\",\"contentUrl\":\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg\",\"width\":960,\"height\":440,\"caption\":\"Do\u2019s and Don\u2019ts of adding animation to your website - Open Designs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.opendesignsin.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dos and Donts of adding Animation to your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/#website\",\"url\":\"https:\/\/www.opendesignsin.com\/blog\/\",\"name\":\"Open Designs India\",\"description\":\"Digital Media Agency in Chennai\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.opendesignsin.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/56b66d4573913a6c4bf892b737ab9f6e\",\"name\":\"OPEN DESIGNS INDIA\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/litespeed\/avatar\/ce901279eacd94f07827e9b11f073701.jpg?ver=1776760062\",\"contentUrl\":\"https:\/\/www.opendesignsin.com\/blog\/wp-content\/litespeed\/avatar\/ce901279eacd94f07827e9b11f073701.jpg?ver=1776760062\",\"caption\":\"OPEN DESIGNS INDIA\"},\"url\":\"https:\/\/www.opendesignsin.com\/blog\/author\/open-designs-india\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dos and Donts of adding Animation to your website - Open Designs India","description":"Here are some pro tips from the Best web design company in Chennai on the Dos and Don'ts of Animation used in the web development industry.","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.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/","og_locale":"en_US","og_type":"article","og_title":"Dos and Donts of adding Animation to your website - Open Designs India","og_description":"Here are some pro tips from the Best web design company in Chennai on the Dos and Don'ts of Animation used in the web development industry.","og_url":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/","og_site_name":"Open Designs India","article_publisher":"https:\/\/www.facebook.com\/opendesignsindia","article_published_time":"2020-12-07T12:47:18+00:00","article_modified_time":"2021-03-10T06:54:02+00:00","og_image":[{"width":960,"height":440,"url":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg","type":"image\/jpeg"}],"author":"OPEN DESIGNS INDIA","twitter_card":"summary_large_image","twitter_creator":"@opendesignsin","twitter_site":"@opendesignsin","twitter_misc":{"Written by":"OPEN DESIGNS INDIA","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/","url":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/","name":"Dos and Donts of adding Animation to your website - Open Designs India","isPartOf":{"@id":"https:\/\/www.opendesignsin.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg","datePublished":"2020-12-07T12:47:18+00:00","dateModified":"2021-03-10T06:54:02+00:00","author":{"@id":"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/56b66d4573913a6c4bf892b737ab9f6e"},"description":"Here are some pro tips from the Best web design company in Chennai on the Dos and Don'ts of Animation used in the web development industry.","breadcrumb":{"@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#primaryimage","url":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg","contentUrl":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/uploads\/2020\/12\/web-design-animation.jpg","width":960,"height":440,"caption":"Do\u2019s and Don\u2019ts of adding animation to your website - Open Designs"},{"@type":"BreadcrumbList","@id":"https:\/\/www.opendesignsin.com\/blog\/dos-and-donts-of-adding-animation-to-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.opendesignsin.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dos and Donts of adding Animation to your website"}]},{"@type":"WebSite","@id":"https:\/\/www.opendesignsin.com\/blog\/#website","url":"https:\/\/www.opendesignsin.com\/blog\/","name":"Open Designs India","description":"Digital Media Agency in Chennai","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.opendesignsin.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/56b66d4573913a6c4bf892b737ab9f6e","name":"OPEN DESIGNS INDIA","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.opendesignsin.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/litespeed\/avatar\/ce901279eacd94f07827e9b11f073701.jpg?ver=1776760062","contentUrl":"https:\/\/www.opendesignsin.com\/blog\/wp-content\/litespeed\/avatar\/ce901279eacd94f07827e9b11f073701.jpg?ver=1776760062","caption":"OPEN DESIGNS INDIA"},"url":"https:\/\/www.opendesignsin.com\/blog\/author\/open-designs-india\/"}]}},"_links":{"self":[{"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/posts\/79499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/comments?post=79499"}],"version-history":[{"count":6,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/posts\/79499\/revisions"}],"predecessor-version":[{"id":99868,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/posts\/79499\/revisions\/99868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/media\/79504"}],"wp:attachment":[{"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/media?parent=79499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/categories?post=79499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.opendesignsin.com\/blog\/wp-json\/wp\/v2\/tags?post=79499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}