{"id":37619,"date":"2022-11-22T03:55:48","date_gmt":"2022-11-22T11:55:48","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=37619"},"modified":"2022-12-09T01:51:13","modified_gmt":"2022-12-09T09:51:13","slug":"collaborative-prototyping","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/","title":{"rendered":"What is Collaborative Prototyping?"},"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\/2022\/11\/collaborative-prototyping-1024x512.png\" alt=\"collaborative prototyping\" class=\"wp-image-37620\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>We&#8217;re always looking for new ways to enhance prototyping and cross-functional collaboration. Collaborative prototyping is a &#8220;hyper-efficient&#8221; sprint methodology to create a prototype in one day.<\/p>\n\n\n\n<p>Bring collaboration between designers and developers to the ultimate level. Introduce a single source of truth for design and create high-fidelity interactive prototypes in minutes that devs can replicate 1:1. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page<\/a> for more details about this revolutionary technology that united hunderds of teams.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\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-what-is-collaborative-prototyping\">What is Collaborative Prototyping?<\/h2>\n\n\n\n<p>Collaborative prototyping (rapid collaborative prototyping) is a design sprint methodology <a href=\"https:\/\/voltagecontrol.com\/blog\/how-to-create-a-collaborative-rapid-prototype\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">created by Douglas Ferguson<\/a>, President of <a href=\"https:\/\/voltagecontrol.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Voltage Control<\/a>, an Austin-based design agency.<\/p>\n\n\n\n<p>Where a typical <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-sprints\/\" target=\"_blank\" rel=\"noreferrer noopener\">design sprint<\/a> takes five days, the collaborative prototyping process produces an outcome in just one. Team members work in parallel on a single digital whiteboard and then collaborate using a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-design-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">design tool<\/a> to build a prototype.\u00a0<\/p>\n\n\n\n<p>While this is a basic prototype, it gives <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-team-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">design teams<\/a> a head start in the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-process-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">design process<\/a>, allowing them to begin testing and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-iteration-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">iterating their idea<\/a> within a day.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-are-the-benefits-of-collaborative-prototyping\">What are the benefits of collaborative prototyping?<\/h3>\n\n\n\n<p>The main benefit of Douglas Ferguson&#8217;s rapid collaborative prototyping method is that it explores many ideas <em>efficiently<\/em>. As Douglas describes in this article, <em>&#8220;<a href=\"https:\/\/voltagecontrol.com\/blog\/how-to-use-mural-to-support-your-design-sprint-stitcher\/\" target=\"_blank\" rel=\"noreferrer noopener\">This approach unleashes the entire Design Sprint team and supports everyone contributing in an efficient and productive manner<\/a>.&#8221;<\/em><\/p>\n\n\n\n<p>Rapid collaborative prototyping can produce comparable results in one day if you don&#8217;t have a week available for a design sprint. By the end of the day, the team has a basic prototype to start the iterative process of prototyping and testing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1.png\" alt=\"process direction 1\" class=\"wp-image-34870\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/process-direction-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Collaborative prototyping is also an excellent teamwork exercise. Organizations can use a group of designers or a cross-functional team to develop many ideas and iterate on the best solution.<\/p>\n\n\n\n<p>Lastly, rapid collaborative prototyping is just as effective as a remote exercise as in-person. Douglas&#8217;s team uses digital whiteboards and design tools for collaborative prototyping so everyone can take part and share their ideas quickly.<\/p>\n\n\n\n<p>With team members connected to the same tools, everyone is focused and engaged during the various collaborative prototyping tasks. Because this prototyping methodology is so short and people can connect from anywhere, it makes the process more accessible to busy stakeholders who generally don&#8217;t have time to participate in 5-day design sprints.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-rapid-collaborative-prototyping-process\">The Rapid Collaborative Prototyping Process<\/h2>\n\n\n\n<p>Here is an overview of the 7-step rapid collaborative prototyping process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way.png\" alt=\"direction process path way\" class=\"wp-image-32636\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/direction-process-path-way-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><strong><em>Note:<\/em><\/strong><em> this process uses sprint terms and methods. <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-sprints\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check out <\/a><\/em><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-sprints\/\"><em>this article on Design Sprints<\/em><\/a><em> for more context and understanding of the methodology.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-preparation\">Preparation<\/h3>\n\n\n\n<p>What you will need for a collaborative prototyping session:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Time:<\/strong> One full 8-hour day<\/li>\n\n\n\n<li><strong>Participants:<\/strong> 3 &#8211; 12 team members (7 is optimal for a standard design sprint) \u2013 including a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-sprints\/#h-what-happens-before-a-design-sprint-process-sprint-preparation\" target=\"_blank\" rel=\"noreferrer noopener\">decider<\/a><\/li>\n\n\n\n<li><strong>Design facilitator:<\/strong> 1 (must understand the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-sprints\/\" target=\"_blank\" rel=\"noreferrer noopener\">design sprint framework<\/a>)<\/li>\n<\/ul>\n\n\n\n<p>Tools (everyone must have access to these tools to provide input and collaborate):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Digital whiteboard:<\/strong> Mural, Miro, Google Jamboard (you can copy <a href=\"https:\/\/mural.co\/templates\/collaborative-prototyping\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Douglas&#8217; Collaborative Prototyping Mural Template<\/a> to save time)<\/li>\n\n\n\n<li><strong>Design tool:<\/strong> <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin with Merge<\/a> \u2013 a collaborative design tool for creating fully functioning prototypes to which you can bring interactive components to build prototypes with<\/li>\n<\/ul>\n\n\n\n<p><strong>In-person collaborative prototyping:<\/strong> use a boardroom-style layout so team members can use their laptops and talk to one another.<\/p>\n\n\n\n<p><strong>Remote collaborative prototyping:<\/strong> everyone connects via Zoom (other videoconferencing software).<\/p>\n\n\n\n<p>If your team has never done collaborative prototyping, it&#8217;s a good idea to tell them what to expect and the format\u2013you could share this article as a reference.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-introduction-5-minutes\">Step 1. Introduction (5 minutes)<\/h3>\n\n\n\n<p>Introduce the rapid prototyping process outlining the steps below and the day&#8217;s objective\u2013<em>what problem are you aiming to solve?<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-storyboard-60-90-minutes\">Step 2. Storyboard (60 &#8211; 90 minutes)<\/h3>\n\n\n\n<p>The storyboard should map the user flow you want to prototype\u2013i.e., an onboarding sequence or eCommerce checkout. This first step helps to align team members on the day&#8217;s goal with a shared understanding of the problem.<\/p>\n\n\n\n<p>Douglas recommends focusing on four or five key moments in the flow rather than getting too granular. Remember, this prototype is a foundation for further iteration rather than a final solution.<\/p>\n\n\n\n<p>Each team member writes seven steps people will encounter during testing. They review these as a group and vote on the best four or five. The facilitator draws these five steps on the whiteboard using post-it notes, and the team adds details to each step to enhance the story and fill missing gaps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-create-a-kanban-30-minutes\">Step 3. Create a Kanban (30 minutes)<\/h3>\n\n\n\n<p>The Kanban lists the tasks on post-it notes in three columns:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To do<\/li>\n\n\n\n<li>Doing<\/li>\n\n\n\n<li>Done<\/li>\n<\/ul>\n\n\n\n<p>Sort these tasks by priority, with the highest at the top. Team members can self-select tasks by adding their initials to the post-it note, always taking the highest priority first.&nbsp;<\/p>\n\n\n\n<p>If you&#8217;re running an in-person collaborative prototyping session, it&#8217;s best to use a physical whiteboard so it&#8217;s always visible and everyone can monitor progress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-4-narrate-the-storyboard-20-minutes\">Step 4. Narrate the Storyboard (20 minutes)<\/h3>\n\n\n\n<p>The facilitator recaps by narrating the storyboard to everyone as they follow along. They may add additional notes as they narrate. Team members take individual notes, which the facilitator adds to the Kanban after the recap.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-collaborative-prototyping-4-hours\">Step 5. Collaborative Prototyping (4 hours)<\/h3>\n\n\n\n<p>Create a shared whiteboard divided into sections representing each screen of the prototype. Based on the Kanban tasks, team members place assets and content into each section.&nbsp;<\/p>\n\n\n\n<p>The stitcher (or design facilitator) organizes the assets on the whiteboard and ensures everything is accurate for prototyping.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/lo-fi-pencil.png\" alt=\"lo fi pencil\" class=\"wp-image-35476\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/lo-fi-pencil.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/05\/lo-fi-pencil-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>At the same time, the prototype makers use a design tool to create each screen. They grab content and assets from the whiteboard to produce a mockup for each screen.<\/p>\n\n\n\n<p>Team members communicate through comments and annotations (on the whiteboard and prototype) to maximize efficiency. Sharing feedback on the whiteboard and prototype enables the facilitator to keep track of tasks and follow up where necessary.<\/p>\n\n\n\n<p>This collaborative workflow creates a prototyping production line where each task feeds the next to maximize productivity and efficiency.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-6-adding-interactivity\">Step 6. Adding interactivity<\/h3>\n\n\n\n<p>Once the mockups are complete, the team finishes the user flow by adding interactions and pages flow. <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/interactions\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin&#8217;s Interactions<\/a> allow designers to copy and duplicate interactions. One team member can create interactions for others to replicate throughout the prototype\u2013maximizing collaborative prototyping efficiency.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-7-prototype-playback\">Step 7. Prototype playback<\/h3>\n\n\n\n<p>The final step reviews the prototype and lists any revisions as tasks, adding them to the Kanban. The design facilitator clicks through the prototype, discussing each step. At the same time, the group follows and creates tasks to revise the prototype\u2013for example, during playback, the facilitator notices that the input fields don&#8217;t have error messages.<\/p>\n\n\n\n<p>Team members add these revisions to the Kanban and assign them for fixing before testing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-collaborative-prototyping-with-uxpin-merge\">Collaborative Prototyping With UXPin Merge<\/h2>\n\n\n\n<p>Douglass&#8217; method is great for getting an initial project. Yet, few teams will be able to complete a prototype that can be pushed to development. For a prototype to be a design handoff ready, designers need to think about every state, micro-interaction, etc. That&#8217;s why they need to  build a prototype a while longer.<\/p>\n\n\n\n<p>What can significantly enhances prototyping accuracy and efficiency is UXPin Merge. Go from ideation to a fully functioning prototype ready for testing in less than a day! That&#8217;s all using interactive building blocks of an app or a website that you want to build.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Design Using Your Favorite React UI Libraries\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/0qAFWWrQCoI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Use the built-in <a href=\"https:\/\/www.uxpin.com\/merge\/mui-library\" target=\"_blank\" rel=\"noreferrer noopener\">MUI library<\/a> or connect your product&#8217;s design system to build a fully functioning prototype in minutes. <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">PayPal&#8217;s product designers create one-page Merge prototypes<\/a> that look and feel like the final product using the company&#8217;s custom <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/bring-fluent-design-system-for-react-into-uxpin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fluent UI design system<\/a> in under 10 minutes\u2013<em>perfect for rapid collaborative prototyping<\/em>.<\/p>\n\n\n\n<p><em>&#8220;With this new UXPin approach, we&#8217;re seeing a more <\/em><strong><em>collaborative, integrative design process<\/em><\/strong><em>. Rather than separating design, prototyping, and development, UXPin allows us to create an integrated flow where we engage engineering and product teams throughout the process.&#8221;<\/em> &#8211; <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">Erica Rider, UX Lead EPX @ PayPal<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-merge-works\">How Merge Works<\/h3>\n\n\n\n<p>Merge lets you sync a design system with UXPin&#8217;s design editor so designers can build prototypes using interactive components, complete with basic interactivity, states, colors, sizing, and other properties defined by the design system.<\/p>\n\n\n\n<p>Merge components are interactive by default, saving designers countless hours from adding interactions to user interface elements for each project. The example below shows several UI components from the MUI library, all of which have default MUI interactions. We simply dragged these components onto the canvas and hit preview.<\/p>\n\n\n\n<p>[ADD mui-component-example]<\/p>\n\n\n\n<p>These default interactions make Merge the perfect collaborative prototyping, maximizing consistency when more than one person is working on the same project. Using interactive components means designers create fewer interactions, saving time while allowing them to focus more on navigation and user flows.<\/p>\n\n\n\n<p>For example, creating a dynamic, functioning date picker using an image-based design tool is impossible. With endless date possibilities, designers can&#8217;t replicate this component, no matter how many frames they use!<\/p>\n\n\n\n<p>With UXPin Merge, designers can drag a fully functioning date picker from the component library onto the canvas, ready to go.<\/p>\n\n\n\n<p>[ADD date-picker-demo]<\/p>\n\n\n\n<p>With this prototyping efficiency, designers can achieve significantly better results during rapid collaborative prototyping in a shorter time!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-better-collaboration\">Better collaboration<\/h3>\n\n\n\n<p>With <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Comments<\/a>, team members can <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments#assigning-comments\" target=\"_blank\" rel=\"noreferrer noopener\">assign comments<\/a> to each other and mark them as <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments#resolving-comments\" target=\"_blank\" rel=\"noreferrer noopener\">resolved<\/a> once actioned\u2013perfect for in-person and remote collaborative prototyping sessions. Team members can also <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments#filtering-comments\" target=\"_blank\" rel=\"noreferrer noopener\">filter comments<\/a> by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comments assigned to them<\/li>\n\n\n\n<li>Unassigned comments<\/li>\n\n\n\n<li>Comments from all pages<\/li>\n\n\n\n<li>Unresolved comments<\/li>\n<\/ul>\n\n\n\n<p>The team can also invite stakeholders to preview prototypes and add feedback via <a href=\"https:\/\/www.uxpin.com\/docs\/sharing\/comments#team-and-public-comments\" target=\"_blank\" rel=\"noreferrer noopener\">Public Comments<\/a>\u2013<em>even if they don&#8217;t have a UXPin account<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-meaningful-testing-results\">Meaningful testing results<\/h3>\n\n\n\n<p>Better quality prototypes mean better results during testing. End-users can interact with Merge prototypes during testing as they would the final product\u2013giving designers meaningful, actionable results to iterate and improve much faster.<\/p>\n\n\n\n<p>Designers also get better feedback from stakeholders, who can engage with prototypes and use every feature instead of asking why they can&#8217;t use text fields or select a date and time.<\/p>\n\n\n\n<p><em>&#8220;Our stakeholders are able to provide feedback pretty quickly using UXPin. We can send them a link to play with the prototype in their own time and UXPin allows them to provide comments directly on the prototypes. UXPin&#8217;s comments functionality is great because we can follow along and mark comments as resolved once we address them.&#8221; <\/em>&#8211; <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">Erica Rider, UX Lead EPX @ PayPal<\/a>.<\/p>\n\n\n\n<p>Achieve better results with the world&#8217;s most advanced collaborative prototyping tool. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page for more details<\/a> and how to request access.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re always looking for new ways to enhance prototyping and cross-functional collaboration. Collaborative prototyping is a &#8220;hyper-efficient&#8221; sprint methodology to create a prototype in one day. Bring collaboration between designers and developers to the ultimate level. Introduce a single source of truth for design and create high-fidelity interactive prototypes in minutes that devs can replicate<\/p>\n","protected":false},"author":3,"featured_media":37620,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,442,18],"tags":[],"class_list":["post-37619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-component-driven-prototyping","category-process"],"yoast_title":"","yoast_metadesc":"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.","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>What is Collaborative Prototyping? | UXPin<\/title>\n<meta name=\"description\" content=\"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.\" \/>\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\/collaborative-prototyping\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Collaborative Prototyping?\" \/>\n<meta property=\"og:description\" content=\"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-22T11:55:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-09T09:51:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.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=\"9 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\\\/collaborative-prototyping\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"What is Collaborative Prototyping?\",\"datePublished\":\"2022-11-22T11:55:48+00:00\",\"dateModified\":\"2022-12-09T09:51:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/\"},\"wordCount\":1739,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/collaborative-prototyping.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Component-Driven Prototyping\",\"Process\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/\",\"name\":\"What is Collaborative Prototyping? | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/collaborative-prototyping.png\",\"datePublished\":\"2022-11-22T11:55:48+00:00\",\"dateModified\":\"2022-12-09T09:51:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/collaborative-prototyping.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/collaborative-prototyping.png\",\"width\":1200,\"height\":600,\"caption\":\"collaborative prototyping\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/collaborative-prototyping\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Collaborative Prototyping?\"}]},{\"@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":"What is Collaborative Prototyping? | UXPin","description":"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.","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\/collaborative-prototyping\/","og_locale":"en_US","og_type":"article","og_title":"What is Collaborative Prototyping?","og_description":"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/","og_site_name":"Studio by UXPin","article_published_time":"2022-11-22T11:55:48+00:00","article_modified_time":"2022-12-09T09:51:13+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"What is Collaborative Prototyping?","datePublished":"2022-11-22T11:55:48+00:00","dateModified":"2022-12-09T09:51:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/"},"wordCount":1739,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png","articleSection":["Blog","Collaboration","Component-Driven Prototyping","Process"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/","name":"What is Collaborative Prototyping? | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png","datePublished":"2022-11-22T11:55:48+00:00","dateModified":"2022-12-09T09:51:13+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Collaborative prototyping is an excellent way of making the most of your team and their unique skills. Gain more understanding and apply it.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/11\/collaborative-prototyping.png","width":1200,"height":600,"caption":"collaborative prototyping"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/collaborative-prototyping\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"What is Collaborative Prototyping?"}]},{"@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\/37619","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=37619"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/37619\/revisions"}],"predecessor-version":[{"id":37635,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/37619\/revisions\/37635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/37620"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=37619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=37619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=37619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}