As melhores dicas para colaboração entre designers e desenvolvedores

Publicados: 2019-05-30

Designers e desenvolvedores podem ser uma combinação perfeita. Ao trabalharem juntos de forma eficaz, eles podem literalmente mudar o mundo.

Então, por que a maioria dos projetos começa com design e termina com desenvolvimento? Esse processo causa uma grande desconexão, com designers entregando seus preciosos designs e esperando ansiosamente para ver se os desenvolvedores os interpretam como pretendido.

Não deveria ser assim. Designers e desenvolvedores estão na mesma equipe; eles simplesmente têm diferentes papéis, habilidades e pontos fortes.

“Se você quer fazer sites de sucesso, precisa trabalhar de forma colaborativa, não competitiva.

A importância da colaboração

Para levar um projeto da ideia básica ao produto excepcional, designers e desenvolvedores precisam trabalhar em sincronia, com colaboração próxima e comunicação clara.

No final do dia, estamos todos juntos nisso. Portanto, adivinhar, supor, argumentar, apontar o dedo e revirar os olhos um para o outro só resultará em atrito, que acabará se espalhando em um produto abaixo do padrão.

É fácil culpar o outro “lado” quando as coisas não saem como esperado, mas é importante lembrar que designers e desenvolvedores têm seus próprios talentos e maneiras diferentes de ver as coisas. Portanto, o que pode ser óbvio para um pode ser um conceito estranho para o outro.

A colaboração é uma habilidade aprendida e deve ser dominada se sua equipe da web quiser atingir seu potencial.

Aqui estão minhas melhores dicas para uma melhor colaboração entre designer e desenvolvedor :

  1. Trabalhe em conjunto desde o início
  2. Desenvolva padrões para colaboração
  3. Abrace uma conversa aberta e respeitosa
  4. Criar protótipos

1. Trabalhe em conjunto desde o início

Em um processo tradicional de web design, o designer cuida das fases iniciais de um projeto – pesquisando, analisando e criando protótipos – deixando os desenvolvedores no escuro até que os designs sejam enviados para sua mesa e recebam suas instruções.

Este processo está cheio de problemas. Os designers podem ter sonhado com um design magnífico, apenas para descobrir que é difícil, demorado ou totalmente impossível de implementar. Enquanto isso, os desenvolvedores se sentirão desconectados do projeto, pois não terão uma compreensão completa das razões por trás dele.

Se os desenvolvedores forem convidados para a reunião de design desde o início, eles entenderão os problemas que o produto pretende resolver e obterão uma avaliação das necessidades do usuário. Eles também poderão validar projetos e descobrir considerações técnicas que podem causar problemas mais adiante.

Em outras palavras, se designers e desenvolvedores trabalham juntos em um projeto desde o início, há menos chance de projetos ruins ou impraticáveis, uma chance maior de satisfação para o usuário final e muito espaço para soluções criativas.


2. Desenvolva padrões

Quando designers e desenvolvedores têm o conhecimento apropriado e as ferramentas corretas para um trabalho, eles podem fazer as coisas rapidamente. Mas, muitas vezes, perde-se tempo discutindo logística.

O desenvolvedor front-end do Flywheel, Josh, e nosso estagiário de design, Rese, sentam-se lado a lado!

Por exemplo, decidir sobre um plugin do WordPress que tenha o poder de reunir considerações de design com restrições técnicas pode causar uma discussão considerável. Depois de concordar com algo, no entanto, faz todo o sentido adotar esse plug-in como padrão em outros projetos semelhantes, a menos que seja inadequado por razões logísticas.

O mesmo pode ser verdade para convenções de nomenclatura, tamanhos, grades, margens, etc. Ao padronizar seus sistemas e processos, todos saberão o que se espera deles, você não ficará atolado em suar com as pequenas coisas e terá mais tempo para se concentrar na criação de um produto que funcione para todos.


3. Comunicação aberta e respeitosa

A comunicação frequente e aberta é essencial se você deseja que seu projeto seja bem-sucedido. E não estou falando de enviar um monte de e-mails ao longo do dia.

E-mails são ótimos para algumas coisas – fornecer um resumo escrito de uma discussão, por exemplo. Mas eles também podem ser problemáticos. É fácil examinar um e-mail para obter uma impressão geral de seu conteúdo, especialmente quando você está em um projeto e sua caixa de entrada está sobrecarregada. Mas é igualmente fácil perder algo importante ou ter uma impressão errada graças ao tom ou estilo de escrita de alguém. Isso é especialmente verdadeiro para designers e desenvolvedores, pois eles geralmente chegam a uma situação com expectativas diferentes, pontos de vista conflitantes e falam uma linguagem diferente.

Os e-mails geralmente criam uma ilusão de comunicação, mas isso é uma mera miragem. Todos os membros da sua equipe de projeto devem se comunicar regularmente, pessoalmente, por telefone ou por videoconferência, para garantir que nada se perca na tradução. Comunique-se com respeito e empatia, busque feedback ativamente e troque ideias entre si. Isso cria um ambiente de confiança e uma plataforma para a criatividade.


4. Crie protótipos

Como diz o velho ditado, mostrar é melhor do que contar. Mas experimentar supera os dois.

Comece a prototipagem o mais cedo possível em um projeto. Para começar, isso ajuda o cliente a entender melhor suas ideias e significa que você pode iniciar o teste do usuário. Mas, mais importante, elimina interpretações errôneas e mostra aos desenvolvedores exatamente como você imagina que o produto funcione. Como os desenvolvedores falam a linguagem da interação, é mais fácil para eles mapear como o produto deve ser construído. Ele também consolida a colaboração designer-desenvolvedor desde o início, destacando o objetivo único para o qual todos estão trabalhando.

“Designers e desenvolvedores que colaboram de perto desde o início e se comunicam abertamente são muito mais propensos a desenvolver sites excelentes. ”

Continue lendo: Por que você deve incluir seu desenvolvedor em seu processo de design

A internet está cheia de discussões sobre por que os designers devem aprender a codificar, ou pelo menos estar cientes dos fundamentos do desenvolvimento web. Se os designers sabem uma coisa ou duas sobre desenvolvimento web, eles podem entender melhor como seu design ficará quando for finalizado e codificado em um modelo. Talvez essa área de widget estranha no rodapé precise de um preenchimento extra para funcionar totalmente com seu design responsivo, afinal?

Essa é apenas uma das razões pelas quais você deve incluir seu desenvolvedor em seu processo de design. Para obter mais dicas de colaboração, baixe este guia gratuito!

Quais dicas você tem para garantir uma melhor colaboração entre designers e desenvolvedores? Você pode adicionar algo à nossa lista? Participe da conversa abaixo.


Este artigo foi originalmente publicado em 28-11-2017. Foi atualizado pela última vez em 30-05-2019.