Por que web designers e desenvolvedores web devem trabalhar juntos?

Parece uma questão de bom senso: designers e desenvolvedores devem trabalhar juntos.
Mas muitas vezes, essas pessoas estão trabalhando por conta própria, no mesmo projeto. O designer trabalha para criar os elementos gráficos, paletas de cores e tipografia que ficam bem, enquanto o desenvolvedor codifica e prepara o material para publicação na web. E isso pode causar um desentendimento entre o designer e o desenvolvedor, e impactar no próprio projeto final.
No entanto, quando designers e desenvolvedores trabalham juntos em projetos de ponta a ponta, o resultado é um projeto web mais coeso, com melhor estética, uma interface de usuário bonita e código limpo. Há também menos trabalho e retrabalho necessários durante o processo de colaboração, resultando em um projeto que pode ser concluído em menos tempo. 

Designers vs. Desenvolvedores

2015-10-14 captura de tela em 12.06.41
Tradicionalmente, web designers e desenvolvedores web têm nomes de profissões diferentes.
Normalmente, os designers usam softwares de design gráfico como o Adobe Photoshop e o Illustrator para criar a aparência dos sites e seus elementos. Essa estética é então codificada usando HTML, JavaScript, jQuery, CSS e outras linguagens de programação por um desenvolvedor web, a fim de trazer todo esse trabalho online.
Embora designers e desenvolvedores possam trabalhar em salas separadas ou mesmo em países diferentes, cada um precisa das habilidades do outro para criar um site completo.

Trabalhando juntos: os benefícios

A grande vantagem do trabalho conjunto entre designers e desenvolvedores é a criação de um projeto web mais completo. Da aparência às interações, à experiência, o projeto só pode ser melhor realizado quando designers e desenvolvedores colaboram. E está se tornando quase impossível não colaborar nos dias de hoje. 
Também não devemos esquecer de convidar os designers da Interacton para esta colaboração, cujas vantagens são múltiplas:

  • Um segundo par de olhos para verificar todo o conteúdo e detectar falhas ou erros
  • Brainstorming mais criativo
  • Uma experiência mais completa: o designer pode entender o que o desenvolvedor é capaz de criar
  • Um produto acabado mais coeso, onde todas as peças têm a aparência original
  • Aprendendo como o design/desenvolvimento funciona
  • Uma fusão das ideias de todos para ter uma visão mais completa da renderização do projeto
  • Maior foco na missão e nos objetivos do projeto
Trabalhando juntos: as desvantagens

Embora eu gostaria de dizer que não há desvantagens em trabalhar juntos, isso seria ingênuo da minha parte. De fato, pode haver algumas desvantagens que é necessário considerar:

  • Pode haver custos associados à reunião de todos ao mesmo tempo, especialmente se as pessoas não estiverem no mesmo local.

Isso significa usar ferramentas de teleconferência e compartilhamento online para se comunicar quando nem todos podem estar na mesma sala ao mesmo tempo.

  • Às vezes as pessoas discordam ou simplesmente não se dão bem. Mas somos todos adultos, certo? Profissionalmente falando, isso não deve prejudicar nosso trabalho.
O que você pode fazer

2015-10-14 captura de tela em 12.06.56
Agora que você já pensou em todas as razões pelas quais você deve trabalhar com um designer ou desenvolvedor, como você pode colocar isso em ação? Tudo começa com uma comunicação clara. Web designers e desenvolvedores da Web devem primeiro planejar o projeto e pensar no quadro geral durante o processo e à medida que as decisões são tomadas. Você tem que entender que não vai ser fácil, e você vai ganhar e perder algumas lutas pelo caminho.
A melhor maneira de começar é levar seu designer ou desenvolvedor para almoçar, tomar um café ou passear. Conheça-o e identifique sua personalidade, sua maneira de trabalhar antes de discutir um projeto como esse pela primeira vez. Em seguida, fale sobre como você planeja trabalhar em equipe e defina algumas regras básicas.
Uma atualização regular com todos os colaboradores do projeto é essencial (talvez devam até ser integrados ao retroplanejamento), para garantir que todos estejam trabalhando e no prazo. Lembre-se de ser legal; oferecer críticas construtivas e estar aberto ao feedback de outras pessoas. O objetivo também é aprender coisas novas ao longo do caminho: ser grato.

5 dicas para designers
  1. Explique a teoria do design de maneira simples, para ajudar os desenvolvedores a entender de onde vem a estética.
  2. Pense nos elementos interativos que você projeta e como eles funcionarão. Certifique-se de que todos os elementos sejam projetados para todos os estágios de interatividade.
  3. Faça um projeto completo. Não espere que um desenvolvedor copie e modifique partes semelhantes. Crie os elementos necessários para cada peça para que tudo esteja pronto quando ele começar a trabalhar.
  4. Peça ajuda durante o projeto. Se você não tiver certeza se uma fonte específica funcionará em um site, pergunte.
  5. Entregue ativos de design em formatos utilizáveis, na resolução e tamanho apropriados para uso na web.
5 dicas para desenvolvedores 
  1. Pergunte sobre o projeto. Ter um conhecimento teórico em termos de cor e tipografia, e até jargão pode te ajudar muito.
  2. Seja honesto sobre o que você pode e não pode fazer. Se um designer está indo para algo que não será traduzível na web, diga algo mais cedo ou mais tarde.
  3. Esteja disponível para responder a perguntas e ajudar durante o processo de design.
  4. Envolva-se no processo desde o início. Ajude a debater ideias de design que funcionem com UX (User eXperience).
  5. Mantenha a integridade do design criado – mesmo para as peças que você não gosta ou com as quais não concorda – no processo de desenvolvimento. Você só faria inimigos mudando as coisas visualmente, sem um objetivo real de "desenvolvimento".

Uma das maiores dicas para designers e desenvolvedores não é totalmente nova, mas ainda é relevante. O Agile Manifesto (de seu nome em inglês "Manifesto for Agile Software Development") destaca quatro princípios que todos os web designers, desenvolvedores web e designers de interação devem seguir:

  1. Indivíduos e suas interações mais do que processos e ferramentas.
  2. Softwares que funcionam mais do que uma documentação completa.
  3. Colaboração com clientes mais do que a negociação de contratos.
  4. Adaptando-se à mudança mais do que seguir um plano.
Habilidades das quais todos podem se beneficiar

2015-10-14 captura de tela em 12.07.05
 
Para se comunicar melhor uns com os outros, designers e desenvolvedores devem se forçar a entender e principalmente a falar a linguagem um do outro. Para isso, eles devem ter uma compreensão básica e conhecimento do seguinte:

  • Princípios de design, como cor, espaço e tipografia
  • Formatos e tamanhos de imagem ideais
  • Noções básicas de HTML e CSS
  • Uso de fontes da web
  • Tendências em design e desenvolvimento
  • Entendendo os desejos e necessidades do usuário
Conclusão

O problema não afeta mais apenas os objetivos da colaboração designer/desenvolvedor, mas também se estende ao entendimento e aos direitos recíprocos de cada um. No final das contas, ambos os trabalhos têm um objetivo comum: criar um site fenomenal. 
O que realmente precisamos começar a pensar é o design de desenvolvimento.

Porque realmente, todo desenvolvimento é design, e todo web design é desenvolvimento.

Você não pode ter um sem o outro e, à medida que o design fica cada vez mais complicado, isso se torna ainda mais verdadeiro. Então, talvez o que precisamos é uma nova descrição do trabalho, ou um título de trabalho que mostre que designers e desenvolvedores web estão relacionados.
Aqui está minha sugestão: que tal nos referirmos a essa combinação como "designer de desenvolvimento web"?
Compartilhe suas ideias e cargos em potencial conosco através dos comentários.
 
Isabelle De Carvalho – UX-Humanista @UXrepublic
Tradução do artigo da Carrie Almofadas