{"id":139752,"date":"2019-05-30T10:15:26","date_gmt":"2019-05-30T15:15:26","guid":{"rendered":"https:\/\/getflywheel.com\/?p=24868"},"modified":"2024-06-30T15:22:28","modified_gmt":"2024-06-30T20:22:28","slug":"best-collaboration-tips-designers-developers","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/","title":{"rendered":"The Best Tips for Collaboration Between Designers and Developers"},"content":{"rendered":"\n

Designers and developers can be a match made in heaven. When working together effectively, they can literally change the world.<\/p>\n\n\n\n

So why is it that most projects start with design and end with development? This process causes a massive disconnect, with designers handing over their precious designs, then anxiously waiting to see if developers interpret them as intended.<\/p>\n\n\n\n

It shouldn\u2019t be this way. Designers and developers are on the same team; they simply have different roles, skillsets, and strengths.<\/p>\n\n\n\n

[twitter_link]If you want to make successful websites, you need to work collaboratively, not competitively.[\/twitter_link]<\/strong><\/p>\n\n\n\n

The Importance of Collaboration<\/h2>\n\n\n\n

To take a project from basic idea to outstanding product, designers and developers need to work in sync, with close collaboration and clear communication throughout.<\/p>\n\n\n\n

At the end of the day, we\u2019re all in this together. So guessing, assuming, arguing, finger pointing, and rolling eyes at each other will only result in friction, which ultimately spills over into a substandard product.<\/p>\n\n\n\n

It\u2019s easy to blame the other \u201cside\u201d when things don\u2019t turn out as expected, but it\u2019s important to remember that designers and developers each have their own talents and different ways of viewing things. Therefore, what may be obvious to one could be an alien concept to the other.<\/p>\n\n\n\n

Collaboration is a learned skill, and it\u2019s one that must be mastered if your web team wants to fulfill its potential. <\/p>\n\n\n\n

Here are my best tips for better designer-developer collaboration<\/strong>: <\/p>\n\n\n\n

  1. Work together from the outset<\/a><\/li>
  2. Develop standards for collaboration<\/a><\/li>
  3. Embrace open, respectful conversation<\/a><\/li>
  4. Create prototypes<\/a><\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    1. Work Together from the Outset<\/h2>\n\n\n\n

    In a traditional web design process, the designer takes care of the initial phases of a project \u2013 researching, analyzing, and creating prototypes \u2013 leaving developers in the dark until the designs are pinged over to their desk and they\u2019re given their instructions. <\/p>\n\n\n\n

    This process is filled with problems. Designers may have dreamed up a magnificent design, only to find out that it\u2019s difficult, time-consuming, or downright impossible to implement. Meanwhile, developers will feel disconnected from the project, as they won\u2019t have a full understanding of the reasons behind it.<\/p>\n\n\n\n

    If developers are invited into the design huddle from the outset, they\u2019ll understand the problems the product is aiming to solve and gain an appreciation of the user\u2019s needs. They\u2019ll also be able to validate designs and uncover technical considerations that could cause issues further down the line.<\/p>\n\n\n\n

    In other words, if designers and developers work together on a project from its inception, there\u2019s less chance of poor or unworkable designs, a higher chance of satisfaction for the end user, and plenty of room for creative solutions.<\/p>\n\n\n\n

    \n\n\n\n

    2. Develop Standards<\/h2>\n\n\n\n

    When designers and developers have the appropriate knowledge and correct tools for a job, they can get things done quickly. But all too often, time is wasted on discussing logistics.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    For example, deciding on a WordPress plugin that has the power to pull together design considerations with technical constraints can cause considerable discussion. Once you\u2019ve agreed on something, however, it makes perfect sense to adopt that plugin as standard on other similar projects, unless it\u2019s unsuitable for logistical reasons. <\/p>\n\n\n\n

    The same can be true of naming conventions, sizes, grids, margins, etc. By standardizing your systems and processes, everybody will know what\u2019s expected of them, you won\u2019t get bogged down in sweating the small stuff, and you\u2019ll have more time to focus on creating a product that works for everybody.<\/p>\n\n\n\n

    \n\n\n\n

    3. Open, Respectful Communication<\/h2>\n\n\n\n

    Frequent, open communication is essential if you want your project to be successful. And I\u2019m not talking about banging off a load of emails throughout the day.<\/p>\n\n\n\n

    Emails are great for some things \u2013 providing a written summary of a discussion, for example. But they can also be problematic. It\u2019s easy to skim an email to get an overall impression of its contents, especially when you\u2019re flat out on a project and your inbox is overloaded. But it\u2019s equally easy to miss something important, or get the wrong impression thanks to somebody\u2019s tone or style of writing. This is especially true for designers and developers, as they\u2019re often arriving at a situation from different expectations, conflicting viewpoints, and speaking a different language.<\/p>\n\n\n\n

    Emails often create an illusion of communication, but this is a mere mirage. All members of your project team should communicate regularly, either in person, on the phone, or via video conferencing, to ensure nothing gets lost in translation. Communicate with respect and empathy, actively seek feedback, and bounce ideas off each other. This creates an environment of trust and a platform for creativity.<\/p>\n\n\n\n

    \n\n\n\n

    4. Create Prototypes<\/h2>\n\n\n\n

    As the old adage goes, showing is better than telling. But experiencing trumps them both.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Start prototyping as early as possible on a project. For a start, it helps the client to better understand your ideas and means you can start user testing. But more importantly, it eliminates misinterpretation and shows developers exactly how you envision the product to work. Because developers speak the language of interaction, it\u2019s easier for them to map out how the product should be built. It also cements the designer-developer collaboration from an early stage, highlighting the single goal that everybody is working towards.<\/p>\n\n\n\n

    \n\n\n\n

    This article was originally published 11-28-2017. It was last updated 5-30-2019. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    Designers and developers can be a match made in heaven. When working together effectively, they can literally change the world. So why is it that most projects start with design and end with development? This process causes a massive disconnect, with designers handing over their precious designs, then anxiously waiting to see if developers interpret…<\/span><\/span><\/p>\n","protected":false},"author":297,"featured_media":34497,"template":"","resource-topic":[],"resource-role":[],"resource-type":[916],"class_list":["post-139752","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nThe Best Tips for Collaboration Between Designers and Developers | WP Engine<\/title>\n<meta name=\"description\" content=\"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Best Tips for Collaboration Between Designers and Developers | WP Engine\" \/>\n<meta property=\"og:description\" content=\"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-30T20:22:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/01\/bitcoin4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"203\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/\",\"name\":\"The Best Tips for Collaboration Between Designers and Developers | WP Engine\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2019-05-30T15:15:26+00:00\",\"dateModified\":\"2024-06-30T20:22:28+00:00\",\"description\":\"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Best Tips for Collaboration Between Designers and Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521\",\"name\":\"Erin Myers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"caption\":\"Erin Myers\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Best Tips for Collaboration Between Designers and Developers | WP Engine","description":"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"The Best Tips for Collaboration Between Designers and Developers | WP Engine","og_description":"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-06-30T20:22:28+00:00","og_image":[{"width":"630","height":"203","url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/01\/bitcoin4.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/","name":"The Best Tips for Collaboration Between Designers and Developers | WP Engine","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2019-05-30T15:15:26+00:00","dateModified":"2024-06-30T20:22:28+00:00","description":"Discover the best collaboration tips for designers and developers. Enhance your teamwork and project outcomes with these expert strategies.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/best-collaboration-tips-designers-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"The Best Tips for Collaboration Between Designers and Developers"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521","name":"Erin Myers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","caption":"Erin Myers"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/01\/bitcoin4.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":false,"topic":false,"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/34497"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139752"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139752"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139752"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}