{"id":31775,"date":"2021-09-17T03:31:00","date_gmt":"2021-09-17T10:31:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=31775"},"modified":"2021-09-17T03:33:48","modified_gmt":"2021-09-17T10:33:48","slug":"product-development-and-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/","title":{"rendered":"Product development and design: Tips to improve collaboration between designers and developers"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design-1024x512.png\" alt=\"Product development and design\" class=\"wp-image-31776\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Today\u2019s technology means it\u2019s never been easier to foster a collaborative culture between multi-discipline teams. Yet, here\u2019s the rub: while 75% of employers say<a href=\"https:\/\/online.queens.edu\/resources\/infographic\/communicating-in-the-workplace\/\" target=\"_blank\" rel=\"noreferrer noopener\"> teamwork and collaboration are important<\/a>, 39% of employees believe<a href=\"https:\/\/www.visix.com\/resources\/infographics\/10-reasons-collaboration-is-key\/\" target=\"_blank\" rel=\"noreferrer noopener\"> people don\u2019t collaborate enough<\/a> in their organization.\u00a0<\/p>\n\n\n\n<p>In today\u2019s article, we\u2019re going to talk about:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What impacts team collaboration during design and development of products&nbsp;<\/li><li>The tips to make work between designers and developers more effective during software product design<\/li><li>Share two brands that you can draw inspiration from.<\/li><\/ul>\n\n\n\n<p>Let\u2019s dive right in.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Table of contents<\/h2><ul><li><a href=\"#h-product-development-and-design-key-factors-that-influence-team-collaboration\" data-level=\"2\">Product development and design \u2013 key factors that influence team collaboration<\/a><ul><li><a href=\"#h-numbers-and-types-of-design-team-roles\" data-level=\"3\">Numbers and types of design team roles<\/a><\/li><li><a href=\"#h-team-setup\" data-level=\"3\">Team setup<\/a><ul><li><a href=\"#h-1-centralized\" data-level=\"4\">1. Centralized<\/a><\/li><li><a href=\"#h-2-embedded\" data-level=\"4\">2. Embedded<\/a><\/li><li><a href=\"#h-3-flexible\" data-level=\"4\">3. Flexible<\/a><\/li><li><a href=\"#h-4-contractual\" data-level=\"4\">4. Contractual<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#h-5-tips-to-improve-collaboration-between-design-development-teams\" data-level=\"2\">5 tips to improve collaboration between design &amp; development teams<\/a><ul><li><a href=\"#h-1-assess-what-your-current-team-setup-is-and-what-it-needs\" data-level=\"3\">1. Assess what your current team setup is and what it needs<\/a><\/li><li><a href=\"#h-2-designers-should-know-to-whom-they-report-to\" data-level=\"3\">2. Designers should know to whom they report to<\/a><\/li><li><a href=\"#h-3-make-sure-designers-don-t-feel-disregarded\" data-level=\"3\">3. Make sure designers don\u2019t feel disregarded<\/a><\/li><li><a href=\"#h-4-give-designers-access-to-the-right-tools\" data-level=\"3\">4. Give designers access to the right tools<\/a><\/li><li><a href=\"#h-5-a-framework-for-developer-handoffs\" data-level=\"3\">5. A framework for developer handoffs<\/a><\/li><\/ul><\/li><li><a href=\"#h-software-product-development-examples-of-effective-cross-team-collaboration\" data-level=\"2\">Software product development \u2013 examples of effective cross-team collaboration<\/a><ul><li><a href=\"#h-segment\" data-level=\"3\">Segment<\/a><\/li><li><a href=\"#h-airbnb\" data-level=\"3\">Airbnb<\/a><\/li><\/ul><\/li><li><a href=\"#h-summary\" data-level=\"2\">Summary<\/a><\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-product-development-and-design-key-factors-that-influence-team-collaboration\">Product development and design \u2013 key factors that influence team collaboration<\/h2>\n\n\n\n<p>There are two major areas that impact the way teams work with each other. These are: the numbers and variety of roles and the design team setup. Let\u2019s take a look at them below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-numbers-and-types-of-design-team-roles\">Numbers and types of design team roles<\/h3>\n\n\n\n<p>Design teams are an incredibly diverse group. In some organizations, it may only be one person, or it could be a large group, with each person bringing their own skills to a collaborative project.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"240\" src=\"https:\/\/lh4.googleusercontent.com\/3v72t5H0fyYuIu5Gb6EeugVI6SPscDvMNPsuvIx6A0xNQCU4pRVvaplS5_fWnT4jlEuBahzUS8ubwGTb9_J4ctUCNLruJFElLU3W1mJ1fepHyI-sOPw4Ix4nre9-cmlcMvxnyLIc=s0\"><\/p>\n\n\n\n<p>In the pursuit of greater collaboration, it\u2019s more practical to think of members like medical professionals (it\u2019s not that far a reach) or a marketing team (perhaps, an easier comparison) with writers, social media handlers, data analysts, SEO execs.&nbsp;<\/p>\n\n\n\n<p>Similarly, each person on the design team has a unique role and specialization, from usability research and UX design, all the way through to user interface, branding, and interaction design. Every role connects with internal and external projects differently.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-team-setup\">Team setup<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-team-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">Design team structures<\/a>, which influence how designers and developers work together, come in four flavors.\u00a0<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-1-centralized\">1. Centralized<\/h4>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"h-\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/J_dil37kllDDXbf4g7azJW3ktpX9cLx_WIXziZygfi2x3yJhi9UUZj9uCJLg6tbT3_z7DdXPqKcwukER5tOCJT2ly_x0Ef7mJfRuhj8YMm9RmaLZsiB11HTF4G-dc_3Y25PeQhCT=s0\" width=\"602\" height=\"241\"><\/h4>\n\n\n\n<p>A centralized structure is characterized by a single decision-maker and a central base. It\u2019s the most traditional and recognizable method of team management. Separate teams of <strong>designers <\/strong>work on separate projects under <strong>design managers<\/strong> who report to the <strong>UX VP or director<\/strong>. Centralized teams offer simpler collaboration and a shared vision for projects, however, design processes are slower and teams are siloed.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-2-embedded\">2. Embedded<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/i75v7sKiD1opvfQo887VXehSOQn4bTZy-mVPilmYqtDQTE2wQR-grfhY1AHi8BstuhqMFQf8im0sl--6t5Q7W35XzvZDJ4OI0irAWXXGpzoOccKxWMSAbFtNXQRL2Lq5u0jKgW3a=s0\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p>Embedded teams, sometimes known as decentralized or distributed teams, are cross-functional, with members from different departments working together on a particular project. For example, a new website landing page might bring together a designer, a back-end developer, a copywriter, all overseen by a <strong>project manager<\/strong>. Embedded teams foster greater company-wide trust and collaboration, focusing on each team member\u2019s specific expertise, although it\u2019s a structure that\u2019s not always efficient.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-3-flexible\">3. Flexible<img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"241\" src=\"https:\/\/lh3.googleusercontent.com\/QD0Fmv9vRBJUJKAWh93EaAWfwSTCcTo0fmWnmedhF646d2P8Qv_ZXZ44F5uhr50D-kxCmcD-zzeVR3kvtU6v3s85WXjIJ936z6ewGQyHwd69mY3KoTXrlNxs0fbm8_PARh7yDFf9=s0\"><\/h4>\n\n\n\n<p>Flexible teams take a pinch of <em>centralized<\/em> and a dab of <em>embedded <\/em>to form a hybrid hierarchy. Designers act as part of a multi-discipline cross-functional team, working day-to-day under a <strong>team leader<\/strong>, while being managed by a <strong>design manager<\/strong>. A flexible team is focused on the design process and is generally better suited to adapt to changing objectives. But the structure often leads to confusion over the chain of command, making it unsuitable for larger organizations.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-4-contractual\">4. Contractual<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/NN5JB7mv4maiZQ4_fl59_J93PfCf9T5isrDpJTnQL6hq2YKdtv0QJBcnAuhdOlY8FUtPSoXmSkr44X6fTG7s2ATQ5bqim-103A_-VkSn5Rd_nx4dlretguG9zR3TfH7ong3J1Msr=s0\" alt=\"\"\/><\/figure>\n\n\n\n<p>Contractual teams are external designers hired as freelancers. This method is often used by businesses that don\u2019t have the budget for a full-time in-house team, or an existing team that needs additional support on a specific project.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-5-tips-to-improve-collaboration-between-design-development-teams\">5 tips to improve collaboration between design &amp; development teams<\/h2>\n\n\n\n<p>Let\u2019s now take a look at the tips that will help you improve the design and development of products and boost cooperation between your teams.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-assess-what-your-current-team-setup-is-and-what-it-needs\">1. Assess what your current team setup is and what it needs<\/h3>\n\n\n\n<p>Hierarchies and processes will vary across organizations, and it\u2019s important to explore the type that best works for your teams. This will depend on a number of factors, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Company size<\/li><li>Size of design team<\/li><li>Design project type<\/li><li>Design project demands.<\/li><\/ul>\n\n\n\n<p>Alongside key stakeholders, examine your current setup. Consider where it\u2019s working and where you can make improvements. Where possible obtain feedback from those \u2018in the thick of it\u2019, who will likely have valuable insights into the process.&nbsp;<\/p>\n\n\n\n<p>This is an important \u2013 and often overlooked \u2013 aspect of any organizational transformation: employees want to feel valued and heard. Gaining buy-in from those affected by any change is critical if it is to be successfully embraced across teams.&nbsp;<\/p>\n\n\n\n<p>For example, you may currently deploy an embedded design team, but it\u2019s apparent that multiple members are repeating the same tasks as each other. That\u2019s a costly and inefficient endeavor (and it\u2019s not going to have a<a href=\"https:\/\/fridaypulse.com\/whats-the-cost-of-low-employee-morale-in-the-workplace\/\" target=\"_blank\" rel=\"noreferrer noopener\"> positive impact on employee morale<\/a>, either). At that stage, it may be time to trial a more flexible approach, which champions speedy, design-focused collaboration.<\/p>\n\n\n\n<p>Always have a clear, attainable objective before making any changes to team structure.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-designers-should-know-to-whom-they-report-to\">2. Designers should know to whom they report to<\/h3>\n\n\n\n<p>Every team in every business needs a clear chain of command. It establishes expectations, increases efficiencies, and helps team members seeking support. <\/p>\n\n\n\n<p class=\"has-text-align-center\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"240\" src=\"https:\/\/lh3.googleusercontent.com\/JJb8UvooYKrkm3ledV1nzAqiusKKbUoZSVOjG7qLzo79TE-F5VGyPPTlGPqOQan4AflCeshOo86_JVOAaW2KZPi6NJclWJgmFWYfnXWCpJ4GnbGwjtYuJPfewTPg3d1p7UxnoKbf=s0\"><\/p>\n\n\n\n<p>It\u2019s one of the biggest problems for designers in a flexible team setup. Designers find themselves wondering whether to discuss matters with the project manager or their own design team lead. It\u2019s the sort of problem that\u2019s all-too-easily papered over with quick fixes and promises of \u2018<em>next time\u2026<\/em>\u2019, without ever addressing the real problem.&nbsp;<\/p>\n\n\n\n<p>At heart, it\u2019s a communication breakdown. One<a href=\"https:\/\/www.shrm.org\/resourcesandtools\/hr-topics\/behavioral-competencies\/communication\/pages\/the-cost-of-poor-communications.aspx\" target=\"_blank\" rel=\"noreferrer noopener\"> wide-ranging study<\/a> \u2018cited an average loss per company of $62.4 million per year because of inadequate communication to and between employees.\u2019 And poor communication kills collaboration. Teams face an endless carousel of projects with no direction, no purpose, no ownership, and no shared vision in an environment where no one dares innovate.\u00a0<\/p>\n\n\n\n<p>Shifting to a centralized or embedded team type may be more desirable here. Both offer recognizable command hierarchies, improving communication either within a single team (centralized) or driving collaboration across departments (embedded).&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-make-sure-designers-don-t-feel-disregarded\">3. Make sure designers don\u2019t feel disregarded<\/h3>\n\n\n\n<p>Developers almost always outnumber designers. It doesn\u2019t matter the size of the business or the type of work. If there\u2019s only one designer on a team with multiple devs, there\u2019s always the risk that a designer\u2019s opinions are disregarded. In emotional terms, it\u2019s an empathy deficit.&nbsp;<\/p>\n\n\n\n<p>Developers and designers approach projects from very different angles. They don\u2019t see what the other is seeing, because they\u2019re not looking for it in the first place, so they can\u2019t understand it.<\/p>\n\n\n\n<p>This should be addressed swiftly to boost morale and team cohesion. Encourage mutual respect by highlighting the roles, responsibilities, and authority of every team member. Also, make sure to clearly define their areas of expertise. It\u2019ll make it easier for designers to have their say and advocate from a design expert perspective.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-give-designers-access-to-the-right-tools\">4. Give designers access to the right tools<\/h3>\n\n\n\n<p>Technology has made collaboration quicker, faster, and easier than ever before \u2013 no matter where in the world your team is. But choosing the wrong technology or keeping outdated tools and<a href=\"https:\/\/www.dailymail.co.uk\/news\/article-9867059\/Outdated-computers-costing-Government-2-3billion-year-running.html\" target=\"_blank\" rel=\"noreferrer noopener\"> obsolete systems<\/a> can be a costly decision. Efficiency. Competitiveness. Innovation. All of these can be increased by making sure designers have access to not just the best tools but the <em>right<\/em> tools.\u00a0<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a> transforms how designers and developers work together.\u00a0<\/p>\n\n\n\n<p class=\"has-text-align-left\">And it works by bringing teams into the same ecosphere, instead of reinventing the wheel (or overhauling every system and process in the organization, at least). <\/p>\n\n\n\n<p class=\"has-text-align-center\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"240\" src=\"https:\/\/lh3.googleusercontent.com\/ALbbgE3VpnC66gRy2h-NEaKfJP9-DJKGmn90AA698TQdp9D97BLT6f4exW9CLCmtfZ97PLsf5ZcO3rV7Bqo2n5Lw78E_PT_8BlgiPorwuQto3GR-85DKJjSaTRMvdSWO_EtKcvjl=s0\"><\/p>\n\n\n\n<p>Featuring powerful Git and<a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\"> Storybook<\/a> integrations, designers can either use the same React components or any components existing in Storybook. It lets designers use the same technology as developers to achieve full consistency with the final product. At the same time, designers can focus on what\u2019s most important to them: be it a clean UI, perfect UX, or immersive interactions.<\/p>\n\n\n\n<p>As an end-to-end collaboration tool, Merge facilitates smooth communication. Because the same system is used by your designers and devs, both will be working seamlessly together throughout the design process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-a-framework-for-developer-handoffs\">5. A framework for developer handoffs<\/h3>\n\n\n\n<p>The handoff process is one of the most important stages of the product development and design cycle.&nbsp;<\/p>\n\n\n\n<p>Among others, a good handoff will:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Stop avoidable last-minute changes<\/li><li>Communicate clear next steps<\/li><li>Increase efficiencies and prevent delays<\/li><li>Plug information gaps<\/li><li>Gain internal buy-in from key stakeholders early on<\/li><li>Highlight what each team needs from the other.<\/li><\/ul>\n\n\n\n<p>Clarity and accessibility should take precedence to ensure a smooth transition as teams work simultaneously on development and design.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-software-product-development-examples-of-effective-cross-team-collaboration\">Software product development \u2013 examples of effective cross-team collaboration<\/h2>\n\n\n\n<p>Here are a couple of brands that you can draw inspiration from when it comes to software product design.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-segment\">Segment<\/h3>\n\n\n\n<p><a href=\"https:\/\/segment.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Segm<\/a>ent, a leading customer data platform, focuses its software product development process on two stages: <em>discovery <\/em>and <em>delivery<\/em>.\u00a0<\/p>\n\n\n\n<p>The <em>discovery <\/em>phase, driven by product managers and designers, explores whether an idea makes sense. It questions a product\u2019s usability and value to the customer, whether it\u2019s even feasible, and at what cost.&nbsp;<\/p>\n\n\n\n<p>During this stage, user feedback, data analytics, competitive analysis, and experiments are all deployed. For<a href=\"https:\/\/modus.medium.com\/the-product-design-framework-you-never-knew-you-needed-567550960f8f\" target=\"_blank\" rel=\"noreferrer noopener\"> Segment<\/a>, discovery \u2018drives a shared understanding of the problems customers are facing \u2014 without any indication (yet) of how exactly they might be solved.\u2019\u00a0<\/p>\n\n\n\n<p>The <em>delivery <\/em>phase occurs after a successful \u2018discovery\u2019 has been made and handed over to a mixed team of designers and engineers. At this stage, the focus is on how <em>exactly<\/em> the product works. This may involve creating and documenting interactive prototypes that meet the software design descriptions, showing devs how a product should look, feel, and behave. The team will also review and agree on the final designs.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-airbnb\">Airbnb<\/h3>\n\n\n\n<p>Online vacation home company Airbnb was among the first to start thinking of code as a software product design tool.&nbsp;<\/p>\n\n\n\n<p>Recognizing a<a href=\"https:\/\/medium.com\/airbnb-design\/the-way-we-build-511b713c2c7b\" target=\"_blank\" rel=\"noreferrer noopener\"> collaboration gap<\/a> at the company, Alex Schleifer, former CDO, said, \u2018we\u2019re investing in code as a design tool. Moving closer to working with assets that don\u2019t only include layout and design, but also logic and data. This helps bridge the gap between engineers and designers, thus reducing the need for design specs or redlines and the steps between vision and reality.\u2019\u00a0<\/p>\n\n\n\n<p>The Air\/shots tool is one example. Starting life as an off-hand comment \u2013 according to<a href=\"https:\/\/airbnb.design\/airshots-discovering-a-workflow-for-app-screenshots\/\"> design technologist Luke Carter<\/a>, \u2018Schleifer mentioned in passing that it would be cool if we had some sort of tool where designers could see all of the different views of our app. This was exactly the type of project I felt could affect several departments within Airbnb.\u2019&nbsp;<\/p>\n\n\n\n<p>Carter\u2019s hunch was right.&nbsp;<\/p>\n\n\n\n<p>Not only was the product development and design initiative useful to software developers, but the entire company. Engineers found they could use Air\/shots to run experimental flows before launch; the tool made it easier for the localization department to improve translations.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<p>Organizations today understand the power of collaboration to boost productivity and efficiency and build a workplace culture to be proud of. However, attaining that goal can feel somehow just out of reach. It\u2019s all too expensive and too complicated.\u00a0<\/p>\n\n\n\n<p>It\u2019s true, successful projects like Airbnb\u2019s Air\/shot take time. And few organizations have the resources to spare creating design teams to research innovative ideas and build collaborative tools \u2013 but everyone can use powerful, accessible tools like<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/meet-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\"> UXPin Merge<\/a>.\u00a0<\/p>\n\n\n\n<p>Merge makes it easy to nurture true collaboration between teams, simplifying workflows and communication without curbing creativity. Take it for a test drive, and see for yourself!\u00a0<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today\u2019s technology means it\u2019s never been easier to foster a collaborative culture between multi-discipline teams. Yet, here\u2019s the rub: while 75% of employers say teamwork and collaboration are important, 39% of employees believe people don\u2019t collaborate enough in their organization. <\/p>\n","protected":false},"author":3,"featured_media":31776,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[27,428,187,427,223],"class_list":["post-31775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-collaboration","tag-designer","tag-developer","tag-product-design","tag-product-development"],"yoast_title":"Product Development and Design: Collaboration Tips for Designers & Devs","yoast_metadesc":"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.","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>Product Development and Design: Collaboration Tips for Designers &amp; Devs<\/title>\n<meta name=\"description\" content=\"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.\" \/>\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\/product-development-and-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product development and design: Tips to improve collaboration between designers and developers\" \/>\n<meta property=\"og:description\" content=\"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-17T10:31:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-17T10:33:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.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=\"11 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\\\/product-development-and-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Product development and design: Tips to improve collaboration between designers and developers\",\"datePublished\":\"2021-09-17T10:31:00+00:00\",\"dateModified\":\"2021-09-17T10:33:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/\"},\"wordCount\":1979,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/Product-development-and-design.png\",\"keywords\":[\"collaboration\",\"designer\",\"developer\",\"product design\",\"product development\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/\",\"name\":\"Product Development and Design: Collaboration Tips for Designers & Devs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/Product-development-and-design.png\",\"datePublished\":\"2021-09-17T10:31:00+00:00\",\"dateModified\":\"2021-09-17T10:33:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/Product-development-and-design.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/Product-development-and-design.png\",\"width\":1200,\"height\":600,\"caption\":\"Product development and design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/product-development-and-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product development and design: Tips to improve collaboration between designers and 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\\\/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":"Product Development and Design: Collaboration Tips for Designers & Devs","description":"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.","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\/product-development-and-design\/","og_locale":"en_US","og_type":"article","og_title":"Product development and design: Tips to improve collaboration between designers and developers","og_description":"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/","og_site_name":"Studio by UXPin","article_published_time":"2021-09-17T10:31:00+00:00","article_modified_time":"2021-09-17T10:33:48+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Product development and design: Tips to improve collaboration between designers and developers","datePublished":"2021-09-17T10:31:00+00:00","dateModified":"2021-09-17T10:33:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/"},"wordCount":1979,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png","keywords":["collaboration","designer","developer","product design","product development"],"articleSection":["Blog"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/","name":"Product Development and Design: Collaboration Tips for Designers & Devs","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png","datePublished":"2021-09-17T10:31:00+00:00","dateModified":"2021-09-17T10:33:48+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Cooperation between designers and developers can be hard without the right processes and tools in place \u2013 not with these tips.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/09\/Product-development-and-design.png","width":1200,"height":600,"caption":"Product development and design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/product-development-and-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Product development and design: Tips to improve collaboration between designers and 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\/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\/31775","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=31775"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/31775\/revisions"}],"predecessor-version":[{"id":31779,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/31775\/revisions\/31779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/31776"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=31775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=31775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=31775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}