{"id":10362,"date":"2015-12-04T17:34:26","date_gmt":"2015-12-05T01:34:26","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=10362"},"modified":"2020-04-29T15:54:49","modified_gmt":"2020-04-29T22:54:49","slug":"free-guide-collaborative-wireframing-prototyping-with-developers","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/","title":{"rendered":"Free Guide:  Collaborative Wireframing &#038; Prototyping With Developers"},"content":{"rendered":"<p>As part of our dedication to helping to bridge the gap between designers and developers, our free\u00a0pocket guide\u00a0explains the best approaches for collaborating on wireframing and prototyping. <\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/design-collaboration-devs-intro-wireframing-prototyping\/\" target=\"_blank\" rel=\"noopener noreferrer\">Designing UX with Developers: Introduction to Collaborative Wireframing &amp; Prototyping<\/a> concentrates exclusively on the wireframing and prototyping phases. These areas hold extra weight, because developers can spot production problems early on before they\u2019re real problems.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10364\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image016.png\" alt=\"image01\" width=\"720\" height=\"503\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image016.png 946w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image016-429x300.png 429w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Across\u00a020 pages, this pocket guide dives right into practical advice for\u00a0bringing developers in on design, communicating with them, and how to navigate potential issues. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10363\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image006.png\" alt=\"image00\" width=\"720\" height=\"504\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image006.png 945w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image006-428x300.png 428w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>This pocket guide covers topics like: <\/p>\n<ul>\n<li>How documents like story boards, personas, and flow charts can help communicate design ideas in a language developers understand<\/li>\n<\/ul>\n<ul>\n<li>Various approaches to wireframing and prototyping collaboratively, such as paper prototyping and interaction wireframes<\/li>\n<\/ul>\n<ul>\n<li>How differences in fidelity for wireframes and prototypes lead to different insights from developers<\/li>\n<\/ul>\n<ul>\n<li>Quickly\u00a0conducting user research, and sharing the results with developers.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/design-collaboration-devs-intro-wireframing-prototyping\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download this free e-book now<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.<\/p>\n","protected":false},"author":9,"featured_media":10365,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,18,6],"tags":[],"class_list":["post-10362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-process","category-ux-design"],"yoast_title":"","yoast_metadesc":"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Free Guide: Collaborative Wireframing &amp; Prototyping With Developers | UXPin<\/title>\n<meta name=\"description\" content=\"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.\" \/>\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-guide-collaborative-wireframing-prototyping-with-developers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Guide: Collaborative Wireframing &amp; Prototyping With Developers\" \/>\n<meta property=\"og:description\" content=\"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-05T01:34:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-29T22:54:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\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=\"1 minute\" \/>\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-guide-collaborative-wireframing-prototyping-with-developers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Free Guide: Collaborative Wireframing &#038; Prototyping With Developers\",\"datePublished\":\"2015-12-05T01:34:26+00:00\",\"dateModified\":\"2020-04-29T22:54:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/\"},\"wordCount\":165,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-promo.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Process\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/\",\"name\":\"Free Guide: Collaborative Wireframing & Prototyping With Developers | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-promo.png\",\"datePublished\":\"2015-12-05T01:34:26+00:00\",\"dateModified\":\"2020-04-29T22:54:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-promo.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-promo.png\",\"width\":950,\"height\":400,\"caption\":\"fb promo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-guide-collaborative-wireframing-prototyping-with-developers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free Guide: Collaborative Wireframing &#038; Prototyping With Developers\"}]},{\"@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 Guide: Collaborative Wireframing & Prototyping With Developers | UXPin","description":"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.","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-guide-collaborative-wireframing-prototyping-with-developers\/","og_locale":"en_US","og_type":"article","og_title":"Free Guide: Collaborative Wireframing & Prototyping With Developers","og_description":"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/","og_site_name":"Studio by UXPin","article_published_time":"2015-12-05T01:34:26+00:00","article_modified_time":"2020-04-29T22:54:49+00:00","og_image":[{"width":950,"height":400,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Free Guide: Collaborative Wireframing &#038; Prototyping With Developers","datePublished":"2015-12-05T01:34:26+00:00","dateModified":"2020-04-29T22:54:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/"},"wordCount":165,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png","articleSection":["Blog","Collaboration","Process","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/","name":"Free Guide: Collaborative Wireframing & Prototyping With Developers | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png","datePublished":"2015-12-05T01:34:26+00:00","dateModified":"2020-04-29T22:54:49+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Across 20 pages, the pocket guide dives right into practical advice for involving developers in design and how to navigate potential issues.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/fb-promo.png","width":950,"height":400,"caption":"fb promo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-guide-collaborative-wireframing-prototyping-with-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Free Guide: Collaborative Wireframing &#038; Prototyping With Developers"}]},{"@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\/10362","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=10362"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/10365"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=10362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=10362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=10362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}