{"id":23752,"date":"2021-02-25T04:26:00","date_gmt":"2021-02-25T12:26:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=23752"},"modified":"2021-02-23T04:27:44","modified_gmt":"2021-02-23T12:27:44","slug":"create-interactive-prototypes","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/","title":{"rendered":"How to Create Clickable Prototypes"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Zev1l5sLY-aJwyDgCJT8sqGiVcxzVKz1Yz4XxB3NGEVT1d0ZGhsq_AYBvL20uQ9twBAQOG71w1JAPOwNsfHnHGHEioW3jZemm0MK_qfZ1atOozGO7TWSRxreKrX0gaTRKNluSMjQ\" alt=\"\"\/><\/figure>\n\n\n\n<p>Interactive prototyping helps ensure that your product works exactly as you plan. If you cannot test your prototypes before releasing products to the public, you could receive unexpectedly negative feedback. Learn how to create clickable prototypes so you can control the narrative and keep your users coming back often.<\/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\"><strong>Interactive features have psychological effects on users<\/strong><\/h2>\n\n\n\n<p>Some of the most successful apps rely on interactive features to keep users engaged. The social media industry, for example, has learned how to tap into numerous psychological traits that encourage people to keep using their apps. Instagram and Facebook have been accused of using \u201cbehavioral design\u201d to condition people into <a href=\"https:\/\/www.businessinsider.com\/facebook-has-been-deliberately-designed-to-mimic-addictive-painkillers-2018-12\" target=\"_blank\" rel=\"noreferrer noopener\">treating their phones like addictive drugs<\/a>.<img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"249\" src=\"https:\/\/lh4.googleusercontent.com\/ij_ci0w5REY7caM6rMIVjhMYllxzXBAMt0_koH7Cw08y_y3Lz4jX9AEXATXcOXJWGXB_OTN_CdpwNnWf5jscBa3zn5Rk6fyyaZfVPNdDxIYUC7oUuFs0Yo3JFltvBJZoX1yo6bM3\"><\/p>\n\n\n\n<p>Of course, you could level the same accusation at casino games. In a competitive industry, designers will find ways to make their products as appealing as possible. That may involve taking advantage of how humans interact with the world. Is it unfair, or just good design?<\/p>\n\n\n\n<p>Interactive features like clickable buttons and icons create a physical connection between people and apps. Instead of passively watching content on a screen, they get to play a role in what happens. It has an obvious psychological effect that gives users rewarding feelings.<\/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\"><strong>Interactive features make apps easier to use<\/strong><\/h2>\n\n\n\n<p>Interactive prototyping isn\u2019t just about increasing the presence of feel-good neurotransmitters in the user\u2019s brain. They can also <a href=\"https:\/\/uxdesign.cc\/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0\" target=\"_blank\" rel=\"noreferrer noopener\">provide helpful information<\/a> that makes it easier for people to use products, improving user experience in general<\/p>\n\n\n\n<p>Adding microinteractions to websites and apps can:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Improve navigation by making it obvious where users can find the features they need.<\/li><li>Offer immediate feedback that tells users how to complete actions.<\/li><li>Direct the user\u2019s attention to other features, tools, and pieces of content.<\/li><\/ul>\n\n\n\n<p>You know that you want your final product to have interactive features when you release it to customers. Why wouldn\u2019t you use interactive prototyping to make sure all of those features work as intended?<\/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\"><strong>First impressions matter, so test prototypes before you release products<\/strong><\/h2>\n\n\n\n<p>Interactive prototyping lets you experience a mock version of your product before you face user reviews. It gives you a chance to check every detail to make sure they work perfectly. Honestly, you will probably miss a few tiny details. Don\u2019t worry; users will let you know about any flaws they find.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/UXu0YQFlzx7MhY5CTgxKbmM_DksJka5DTvhazvoa8hRGQ4A-07C9c2YdpdOJ2Hz_J8qK8ED7DU4TqMu9f5RLigQ9qEI_GkpLY2JNo4W1zVTv9h4pMoT3vzoO625qnRHlo7WIIuqU\" width=\"624\" height=\"249\"><\/p>\n\n\n\n<p>The prototyping phase is where you test your ideas in an environment that\u2019s nearly identical to the real world. UXPin makes clickable prototypes easier to test by letting you add real data to your tool. For example, you can <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/make-sortable-table-rows-uxpin\/\" target=\"_blank\" rel=\"noreferrer noopener\">simulate a data-sorting feature<\/a> by including the feature and adding real data to make sure it sorts the information correctly.<\/p>\n\n\n\n<p>You don\u2019t get the same level of scrutiny when you use fake data or Lorem ipsum. With nonsense data in your table, you can\u2019t determine whether clicking commands gives you the desired result. Did names in the column get sorted alphabetically? Or did the prototype just rearrange the letters randomly?<\/p>\n\n\n\n<p>The first round of feedback that you get from users will influence whether other people choose to download and install your product. If they encounter interactive features that don\u2019t work correctly, they will warn others to stay away. At that point, updating your product might not matter much. Some users have already been influenced to go elsewhere.<\/p>\n\n\n\n<p>Interactive prototyping will make it easier for you to catch the major issues that annoy\u00a0 early users. When your new release gets positive reviews, more people will install your product to experience it.<\/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\"><strong>Save money with interactive prototyping<\/strong><\/h2>\n\n\n\n<p>The cost of developing a website or app can vary wildly depending on its size, what features you want, and who you hire. The U.S. Bureau of Labor Statistics estimates that <a href=\"https:\/\/www.bls.gov\/ooh\/computer-and-information-technology\/software-developers.htm\" target=\"_blank\" rel=\"noreferrer noopener\">software developers earn about $51.69 per hour<\/a>. That assumes that you use full-time employees who also receive benefits, though. In reality, you will probably use some freelancers in addition to your core team of designers and developers.<\/p>\n\n\n\n<p>When you hire an app developer in the U.S., you can expect to pay them <a href=\"https:\/\/www.codementor.io\/blog\/app-development-costs-6gdnah10b7\" target=\"_blank\" rel=\"noreferrer noopener\">about $121 per hour<\/a>. You can save a lot of money by hiring developers from Eastern Europe, but there may be language, time, and geographic barriers. It\u2019s hard to collaborate with someone who lives in a time zone that\u2019s 6 to 9 hours ahead of you.<\/p>\n\n\n\n<p>No matter which option you choose, you will spend a lot of money designing, developing, and testing your product. That doesn\u2019t even include any marketing that you might use to reach new users.<\/p>\n\n\n\n<p>An interactive prototyping tool that lets you create clickable prototypes that can save you a lot of time and money. Consider that graphic designers <a href=\"https:\/\/www.bls.gov\/ooh\/arts-and-design\/graphic-designers.htm\" target=\"_blank\" rel=\"noreferrer noopener\">get paid about half as much<\/a> as software developers. Letting your graphic designers create and test features in a virtual environment helps ensure that you spend as little as possible on costly developers.<\/p>\n\n\n\n<p>Eventually, you will need someone who knows how to use the <a href=\"https:\/\/www.uxpin.com\/studio\/collaboration-2\/coding-languages-to-know-in-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">latest coding languages for apps<\/a>. Until then, you can save money by relying on your graphic designers.<\/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\"><strong>Clickable prototypes get more people involved in the design process<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/free-and-seamless-collaboration-for-cross-functional-teams\/\" target=\"_blank\" rel=\"noreferrer noopener\">Collaboration between cross-functional teams<\/a> has become a useful trend in app development. When you want to perfect a product, it makes sense to get feedback from as many people as possible. Clickable prototypes make it easy for everyone from the lead developer to the graphic design intern to play with the product before it gets finalized and put into marketplaces.<img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"249\" src=\"https:\/\/lh6.googleusercontent.com\/e5CSGTvngM0mpRR_ic3eYTJq-cupM0-8W4VFNmj9_r0MGr4hXaVar6SywdBPgtwxYrAF3OUinCa9YtDZmVXBI0OdlPHMjqz3QcLtvWVBU4BIvaSECgvqtnAYf7fA4tNhTCURT2Nq\"><\/p>\n\n\n\n<p>When teams can\u2019t interact with prototypes, they can only assume that the features work. If there\u2019s a \u201cshare\u201d button in the corner, pressing it must share content via social media or email. Does the feature actually work? No one knows until <em>after<\/em> production. Clickable, interactive prototypes let you identify and solve potential problems now so you can streamline every step of the production process. With a static prototype, you might have to go back to make repeated updates.<\/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\"><strong>Create clickable prototypes in UXPin<\/strong><\/h2>\n\n\n\n<p>UXPin gives your team a simple way to create and test clickable prototypes. Interactive prototyping in UXPin <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/interactive-prototype-setting-user-interactions-without-coding\/\" target=\"_blank\" rel=\"noreferrer noopener\">doesn\u2019t even require coding<\/a>. When working in the UXPin canvas, you can add interactions with a few clicks of your mouse. During the prototyping stage, you get the same level of functionality.<\/p>\n\n\n\n<p>UXPin\u2019s real-time collaborative environment means that your team members can work on clickable features simultaneously. As long as you have a reliable internet connection, you can collaborate with UXPin as easily as you do in Google Docs.<\/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\"><strong>Start your free trial with UXPin to create interactive prototypes<\/strong><\/h2>\n\n\n\n<p>Want to see how interactive prototyping works in UXPin? Get started today by <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">signing up for a free trial<\/a>. You don\u2019t have to provide your credit card information, so don\u2019t worry about getting automatically charged. Once you see how simple interactive prototyping becomes with UXPin, though, you will want to create an account that gives you and your team access to every feature.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive prototyping helps ensure that your product works exactly as you plan. If you cannot test your prototypes before releasing products to the public, you could receive unexpectedly negative feedback. Learn how to create clickable prototypes so you can control the narrative and keep your users coming back often. Interactive features have psychological effects on<\/p>\n","protected":false},"author":156,"featured_media":23753,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[352,351],"class_list":["post-23752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-clickable-prototype","tag-interactive-prototype"],"yoast_title":"","yoast_metadesc":"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create Clickable Prototypes | UXPin<\/title>\n<meta name=\"description\" content=\"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.\" \/>\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\/create-interactive-prototypes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Clickable Prototypes\" \/>\n<meta property=\"og:description\" content=\"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-25T12:26:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.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: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=\"6 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\\\/create-interactive-prototypes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"headline\":\"How to Create Clickable Prototypes\",\"datePublished\":\"2021-02-25T12:26:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/\"},\"wordCount\":1167,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Create-Clickable-Prototypes.png\",\"keywords\":[\"clickable prototype\",\"interactive prototype\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/\",\"name\":\"How to Create Clickable Prototypes | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Create-Clickable-Prototypes.png\",\"datePublished\":\"2021-02-25T12:26:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"description\":\"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Create-Clickable-Prototypes.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/How-to-Create-Clickable-Prototypes.png\",\"width\":1200,\"height\":600,\"caption\":\"How to Create Clickable Prototypes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/create-interactive-prototypes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Clickable Prototypes\"}]},{\"@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\\\/dfa8a72ffa3bb472596d4442937c7c6a\",\"name\":\"UXPin\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/zbigniew-trzeciakuxpin-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Clickable Prototypes | UXPin","description":"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.","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\/create-interactive-prototypes\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Clickable Prototypes","og_description":"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/","og_site_name":"Studio by UXPin","article_published_time":"2021-02-25T12:26:00+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"UXPin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"headline":"How to Create Clickable Prototypes","datePublished":"2021-02-25T12:26:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/"},"wordCount":1167,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.png","keywords":["clickable prototype","interactive prototype"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/","name":"How to Create Clickable Prototypes | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.png","datePublished":"2021-02-25T12:26:00+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"description":"Interactive prototyping gives you the ability to test products before you release them, making it easier to save money and improve designs.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/How-to-Create-Clickable-Prototypes.png","width":1200,"height":600,"caption":"How to Create Clickable Prototypes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Create Clickable Prototypes"}]},{"@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\/dfa8a72ffa3bb472596d4442937c7c6a","name":"UXPin","url":"https:\/\/www.uxpin.com\/studio\/author\/zbigniew-trzeciakuxpin-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23752","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\/156"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=23752"}],"version-history":[{"count":3,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23752\/revisions"}],"predecessor-version":[{"id":23756,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23752\/revisions\/23756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/23753"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=23752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=23752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=23752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}