{"id":24380,"date":"2021-04-29T07:16:59","date_gmt":"2021-04-29T14:16:59","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=24380"},"modified":"2021-04-29T07:17:01","modified_gmt":"2021-04-29T14:17:01","slug":"engaging-prototype-gif","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/","title":{"rendered":"Add GIFs to Your Prototypes to Build More Engaging Products"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4-1024x512.png\" alt=\"Prototypes more engaging with gifs\" class=\"wp-image-24381\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adding <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/landing-page-design-trends\/\" target=\"_blank\" rel=\"noreferrer noopener\">movement to your landing pages<\/a> plays a role in improving engagement and increasing conversions. The benefits of movement aren&#8217;t limited to your landing pages, though. People feel more engaged with digital products that include any type of movement, including video, interactions, and GIFs.<\/p>\n\n\n\n<p>For many people, GIFs have become a fun way to respond to social media comments. Within the digital design world, though, GIFs play a notably more critical role. Whether you create web pages, smartphone apps, or other digital products, you will want to learn about the benefits of adding GIFs to your prototypes.<\/p>\n\n\n\n<p><em>Recommended reading: <\/em><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-trends-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Design Trends 2021<\/em><\/a><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-benefits-of-adding-gifs-to-your-prototypes\"><strong>Benefits of adding GIFs to your prototypes<\/strong><\/h2>\n\n\n\n<p>The most significant benefit that you can get from adding GIFs to your prototypes is that you improve user engagement. Most people prefer movement over static images. The moving image becomes even more engaging when users can interact with it. For example, scrolling down the screen might make a GIF of ocean waves move.&nbsp;<\/p>\n\n\n\n<p>Using GIFs in a web page or mobile prototype increases engagement, but the benefits don&#8217;t end there. Motion design combined with interactions can:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Improve a product&#8217;s functionality by displaying essential information users need to make decisions.<\/li><li>Encourage people to spend more time with your product, which can increase advertising revenues, sales, and authority.<\/li><li>Lead consumers down the sales funnel so they&#8217;re more likely to complete purchases.<\/li><li>Boost your brand recognition by making a lasting impression on users.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-not-use-video-to-increase-engagement\"><strong>Why not use video to increase engagement?<\/strong><\/h3>\n\n\n\n<p>Video can also increase engagement with users. In some instances, it makes sense for you to add a Quicktime MOV file to your design.<\/p>\n\n\n\n<p>There are <a href=\"https:\/\/www.bloggingpro.com\/archives\/2021\/02\/25\/video-vs-animated-gif-pros-and-cons\/\" target=\"_blank\" rel=\"noreferrer noopener\">downsides to using video<\/a>, though. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>It can take much more time for your creative team to make a video than a GIF.<\/li><li>You might need to spend a lot of money on cameras, editing, and personnel when making a high-quality video.<\/li><li>You might not reach consumers who have limited bandwidths or only access your product through mobile networks.<\/li><\/ul>\n\n\n\n<p>There are also some benefits to choosing GIFs. Many people find that they prefer GIFs because:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>They have small file sizes that tend to suit the needs of more users.<\/li><li>The looping nature of GIFs can help emphasize a specific point.<\/li><li>Most designers can create attractive, effective GIFs quickly and inexpensively.<\/li><\/ul>\n\n\n\n<p>GIFs aren&#8217;t always the right choice, but they often work better than video when you want to keep your file sizes small and want to engage users with small amounts of information instead of long-form content.<\/p>\n\n\n\n<p><em>Recommended reading: <\/em><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Create Clickable Prototypes<\/em><\/a><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-animated-gifs-to-your-prototypes-in-uxpin\"><strong>Add animated GIFs to your prototypes in UXPin<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/01.png\" alt=\"upload gif in uxpin\" class=\"wp-image-24382\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/01.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/01-450x300.png 450w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>With UXPin you can easily add GIFs to your designs. You add GIFs by simply uploading them from your files or following the same steps you use to <a href=\"https:\/\/www.uxpin.com\/studio\/user-guide\/importing-assets\/\" target=\"_blank\" rel=\"noreferrer noopener\">import other assets<\/a> from software like Sketch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-control-states-with-interactions\"><strong>Control states with interactions&nbsp;<\/strong><\/h3>\n\n\n\n<p>You also have a straightforward way to <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/states\/#controlling-states-with-interactions\" target=\"_blank\" rel=\"noreferrer noopener\">control states between interactions<\/a>, giving another engagement boost. Controlling states with interactions means you can have an image change when a cursor hovers over it. For example, an app that helps people find hotel rooms could show a picture of the room but switch to information (price, size, amenities, etc.) when a mouse cursor hovers over the image.<\/p>\n\n\n\n<p>You can also use interactions such as accordion menus that expand when someone clicks them or a carousel that swaps pictures every few seconds that someone remains on the page. All to make your prototype feel more real.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-examples-of-digital-products-that-engage-users-with-gifs\"><strong>Examples of digital products that engage users with GIFs<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/menu_mercedes_prototype.gif\" alt=\"menu mercedes prototype\" class=\"wp-image-24390\"\/><figcaption><a href=\"https:\/\/dribbble.com\/shots\/15005466--67-Menu-Mercedes-99-Days-in-the-Lab\/attachments\/6727320?mode=media\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/google_earth_gif.gif\" alt=\"google earth gif\" class=\"wp-image-24391\"\/><figcaption><a href=\"https:\/\/dribbble.com\/shots\/14199346--31-Google-Earth-Studio-GIF-99-Days-in-the-Lab\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/music_app_gif.gif\" alt=\"music app gif\" class=\"wp-image-24392\"\/><figcaption><a href=\"https:\/\/dribbble.com\/shots\/4650389-Music-Playlist-App-Interaction\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/prototype_gif.gif\" alt=\"prototype gif\" class=\"wp-image-24393\"\/><figcaption><a href=\"https:\/\/www.behance.net\/gallery\/42567175\/GIFs-2\/modules\/256263459\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-try-uxpin-for-better-prototyping\"><strong>Try UXPin for better prototyping&nbsp;<\/strong><\/h2>\n\n\n\n<p>UXPin lets you add GIFs to your prototype long before you release your product. The interactive and engaging prototyping lets you experience your designs exactly as they will work after you release them. When you know your prototype works, you know that your product will work.<\/p>\n\n\n\n<p>Try how easy and engaging it is with a UXPin 14-days trial &#8211; you won\u2019t even need to add your card details to start using the tool. <a href=\"https:\/\/www.uxpin.com\/sign-up\">Sign up<\/a> now.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding movement to your landing pages plays a role in improving engagement and increasing conversions. The benefits of movement aren&#8217;t limited to your landing pages, though. People feel more engaged with digital products that include any type of movement, including video, interactions, and GIFs. For many people, GIFs have become a fun way to respond<\/p>\n","protected":false},"author":3,"featured_media":24381,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-24380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Add GIFs to Your Prototypes to Build More Engaging Products | UXPin<\/title>\n<meta name=\"description\" content=\"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.\" \/>\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.uxpin.com\/studio\/blog\/engaging-prototype-gif\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add GIFs to Your Prototypes to Build More Engaging Products\" \/>\n<meta property=\"og:description\" content=\"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-29T14:16:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-29T14:17:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Add GIFs to Your Prototypes to Build More Engaging Products\",\"datePublished\":\"2021-04-29T14:16:59+00:00\",\"dateModified\":\"2021-04-29T14:17:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/\"},\"wordCount\":689,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/\",\"name\":\"Add GIFs to Your Prototypes to Build More Engaging Products | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png\",\"datePublished\":\"2021-04-29T14:16:59+00:00\",\"dateModified\":\"2021-04-29T14:17:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png\",\"width\":1200,\"height\":600,\"caption\":\"Gifs make prototypes more engaging\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/engaging-prototype-gif\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add GIFs to Your Prototypes to Build More Engaging Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Add GIFs to Your Prototypes to Build More Engaging Products | UXPin","description":"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.","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.uxpin.com\/studio\/blog\/engaging-prototype-gif\/","og_locale":"en_US","og_type":"article","og_title":"Add GIFs to Your Prototypes to Build More Engaging Products","og_description":"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/","og_site_name":"Studio by UXPin","article_published_time":"2021-04-29T14:16:59+00:00","article_modified_time":"2021-04-29T14:17:01+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Add GIFs to Your Prototypes to Build More Engaging Products","datePublished":"2021-04-29T14:16:59+00:00","dateModified":"2021-04-29T14:17:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/"},"wordCount":689,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/","name":"Add GIFs to Your Prototypes to Build More Engaging Products | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png","datePublished":"2021-04-29T14:16:59+00:00","dateModified":"2021-04-29T14:17:01+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Making a prototype with GIFs helps you making them much more real and engaging! That\u2019s what you need when you show it to your team members or stakeholders.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Improve-Your-Product-Design-and-Development-Model-copy-4.png","width":1200,"height":600,"caption":"Gifs make prototypes more engaging"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/engaging-prototype-gif\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Add GIFs to Your Prototypes to Build More Engaging Products"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=24380"}],"version-history":[{"count":7,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24380\/revisions"}],"predecessor-version":[{"id":24395,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24380\/revisions\/24395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/24381"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=24380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=24380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=24380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}