{"id":7110,"date":"2015-07-24T19:29:49","date_gmt":"2015-07-25T02:29:49","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=7110"},"modified":"2024-05-13T23:03:29","modified_gmt":"2024-05-14T06:03:29","slug":"free-e-book-the-guide-to-interactive-wireframing","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/","title":{"rendered":"Free e-book: The Guide to Interactive Wireframing"},"content":{"rendered":"<p>The newest release in our <a href=\"https:\/\/www.uxpin.com\/knowledge.html\">free design library<\/a> explains everything you need to know about how to add interactivity to wireframes.<\/p>\n<p>Take a peek inside.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-interactive-wireframing\/\">The Guide to Interactive Wireframing<\/a> covers the ins and outs of turning your simple wireframes into workable, testable, lo-fi prototypes. The earlier you test usability the better, so interactive wireframes are one of the best methods for early feedback. The sooner these insights are incorporated into the design, the better each iteration will be.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-interactive-wireframing\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7111\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/Screen-Shot-2015-07-24-at-7.02.49-PM.png\" alt=\"Screen Shot 2015-07-24 at 7.02.49 PM\" width=\"720\" height=\"529\" \/><\/a><\/p>\n<p>We\u2019re proud to welcome UX\/UI expert <a href=\"https:\/\/about.me\/RealTomGreen\">Tom Green<\/a> as the main author of this book. A professor of interactive media at Toronto\u2019s Humber Institute of Technology, Tom Green has previously written several best-selling books on web animations and is an active member of the Adobe Education Leaders. He now brings his advice to interactive wireframing.<\/p>\n<p>In this ebook, we cover the topics like:<\/p>\n<ul>\n<li>The best use of wireframes, mockups, and prototypes in the UX design process<\/li>\n<\/ul>\n<ul>\n<li>How to iterate your wireframe at every stage, from lo-fi to interactive<\/li>\n<\/ul>\n<ul>\n<li>Adding animations to wireframes to communicate more complex designs<\/li>\n<\/ul>\n<ul>\n<li>Straightforward tutorials on wireframing and prototyping<\/li>\n<\/ul>\n<ul>\n<li>Real screenshots to help you follow along<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-interactive-wireframing\/\">Download this free ebook now<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>79-page e-book written by design professors &#038; UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work. <\/p>\n","protected":false},"author":9,"featured_media":7112,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,8,11,4,6,7],"tags":[],"class_list":["post-7110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-prototyping","category-tutorials","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"Free e-book: The Guide to Interactive Wireframing | UXPin","yoast_metadesc":"79-page e-book written by design professors & UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Free e-book: The Guide to Interactive Wireframing | UXPin<\/title>\n<meta name=\"description\" content=\"79-page e-book written by design professors &amp; UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.\" \/>\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\/free-e-book-the-guide-to-interactive-wireframing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free e-book: The Guide to Interactive Wireframing\" \/>\n<meta property=\"og:description\" content=\"79-page e-book written by design professors &amp; UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-25T02:29:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T06:03:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 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\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Free e-book: The Guide to Interactive Wireframing\",\"datePublished\":\"2015-07-25T02:29:49+00:00\",\"dateModified\":\"2024-05-14T06:03:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/\"},\"wordCount\":204,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/blog-book-2.png\",\"articleSection\":[\"Blog\",\"Prototyping\",\"Tutorials\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/\",\"name\":\"Free e-book: The Guide to Interactive Wireframing | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/blog-book-2.png\",\"datePublished\":\"2015-07-25T02:29:49+00:00\",\"dateModified\":\"2024-05-14T06:03:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"79-page e-book written by design professors & UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/blog-book-2.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/blog-book-2.png\",\"width\":720,\"height\":330,\"caption\":\"blog book 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-the-guide-to-interactive-wireframing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free e-book: The Guide to Interactive Wireframing\"}]},{\"@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\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Free e-book: The Guide to Interactive Wireframing | UXPin","description":"79-page e-book written by design professors & UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.","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\/free-e-book-the-guide-to-interactive-wireframing\/","og_locale":"en_US","og_type":"article","og_title":"Free e-book: The Guide to Interactive Wireframing","og_description":"79-page e-book written by design professors & UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/","og_site_name":"Studio by UXPin","article_published_time":"2015-07-25T02:29:49+00:00","article_modified_time":"2024-05-14T06:03:29+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Free e-book: The Guide to Interactive Wireframing","datePublished":"2015-07-25T02:29:49+00:00","dateModified":"2024-05-14T06:03:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/"},"wordCount":204,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png","articleSection":["Blog","Prototyping","Tutorials","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/","name":"Free e-book: The Guide to Interactive Wireframing | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png","datePublished":"2015-07-25T02:29:49+00:00","dateModified":"2024-05-14T06:03:29+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"79-page e-book written by design professors & UX designers. Know how to wireframe and prototype at the same time. More useful wireframes, no extra work.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/07\/blog-book-2.png","width":720,"height":330,"caption":"blog book 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-the-guide-to-interactive-wireframing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Free e-book: The Guide to Interactive Wireframing"}]},{"@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\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/7110","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=7110"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/7110\/revisions"}],"predecessor-version":[{"id":52995,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/7110\/revisions\/52995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/7112"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=7110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=7110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=7110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}