Seja qual for o estágio em que sua empresa esteja, gerenciar a comunicação entre designers e desenvolvedores é crucial.
Gerenciar esse processo geralmente pode ser desafiador e envolver rodadas aparentemente intermináveis de e-mail, mensagens do Slack e reuniões breves. Designers e desenvolvedores são igualmente cruciais para dar vida ao seu produto digital.
Mas, como eles geralmente vêm de origens totalmente diferentes e possuem conjuntos de habilidades muito diferentes, a comunicação nem sempre é suave e intuitiva.
O que é o processo de transferência de design-desenvolvedor?
Simplificando, o processo de entrega do projeto é todas as ações que o projetista ou a equipe de projeto precisa realizar após a conclusão de um projeto para disponibilizá-lo para a equipe de engenharia iniciar a implementação. O objetivo do handoff é alinhar todos os envolvidos e entregar todas as informações necessárias para que os desenvolvedores comecem a codificar ou, às vezes, dar uma estimativa realista de quais seriam as tarefas de implementação.
Handoffs Design-Desenvolvedor e o Processo Scrum
Esse processo de handoff não é necessariamente sincronizado ou mesmo conectado ao sprint do Scrum. Uma tarefa de design pode levar mais de um sprint para ser concluída ou pode ser dividida em marcos que se encaixam em sprints até que seja concluída para implementação. Então, de certa forma, não faz sentido entregar todas as informações de projeto antes que a tarefa de projeto seja concluída.
No entanto, lembre-se de que ainda é extremamente importante que haja comunicação e colaboração contínuas entre designers e desenvolvedores antes e durante cada tarefa de design. Isso é algo que vamos voltar, mas realmente não pode ser enfatizado o suficiente.
Uma maneira de fazer as coisas é seguir uma abordagem de duas vias, com dois backlogs separados, mas conectados — um para a equipe de design e outro para a equipe de desenvolvimento: o backlog de descoberta e o backlog de implementação.
A lista de pendências da descoberta
Os designers trabalham de uma maneira bem diferente dos desenvolvedores. Eles geralmente trabalham com requisitos que eles reformulam como suposições e, em seguida, visam validá-los. Existem alguns benefícios em não forçar os designers em um modelo de sprint, pois permite que eles trabalhem livremente dentro do contexto e da complexidade dos requisitos com os quais estão trabalhando. O resultado são requisitos validados que podem ser inseridos em um backlog de sprint tradicional.
A lista de pendências de implementação
Este é o backlog tradicional do desenvolvedor, onde vivem as histórias do usuário, os critérios de aceitação e o nível correto de documentação. Quando designers e desenvolvedores decidem o que deve ser implementado em conjunto, nesta fase, cada requisito foi validado para projeto e viabilidade técnica.
Como criar um ótimo processo de transferência
Vou orientá-lo sobre como executar uma transferência de design para desenvolvimento realmente boa.
A transferência do designer para os desenvolvedores é uma etapa crucial no desenvolvimento de seu produto digital, mas também é uma etapa que pode ser um pouco complicada. Existem muitos problemas potenciais durante a fase de transferência.
A entrega ocorre quando o design de interface do usuário finalizado está pronto para ser implementado pela equipe de desenvolvimento. Como designer de interface do usuário, você geralmente fica muito empolgado neste estágio, mas, muitas vezes, você descobrirá que a transferência apresenta alguns obstáculos no caminho.
Agora, por que isso? Por que é tão desafiador entregar seus esboços de design para a equipe de desenvolvimento e para eles simplesmente girá-los da maneira que você os imaginou?
Bem, existem várias razões pelas quais muitas vezes há alguns soluços na transferência, e tentarei cobrir todos eles.
Ainda assim, existem algumas dicas e truques que compartilharei com você para tornar o processo de transferência e iteração o mais suave possível.
Vamos dar uma olhada em alguns dos desafios comuns na colaboração entre designers e desenvolvedores.
Falta de comunicação
Enquanto os designers tendem a se concentrar na aparência da interface do usuário, os desenvolvedores geralmente estão mais preocupados com os aspectos práticos de como realmente fazer as coisas funcionarem. Para nos entendermos melhor, uma comunicação eficiente é fundamental.
Este é um dos aspectos mais críticos da colaboração eficiente. Muitas vezes, desenvolvedores e designers não têm uma linguagem e um vocabulário compartilhados para se comunicar. Isso pode levar a mal-entendidos e muito tempo de ida e volta.
Um erro prevalente é que as equipes esperam muito antes de começar a colaborar. Por exemplo, os designers geralmente terminam os designs completos antes de entregá-los à equipe de desenvolvimento. O que geralmente acontece é que haverá vários problemas que a equipe de desenvolvimento não poderá resolver. Se, por outro lado, os desenvolvedores estivessem envolvidos desde o início, eles poderiam ter guiado os projetistas para soluções mais viáveis.
Implemente estas cinco coisas que terão um impacto muito positivo na comunicação:
- Tenha um canal dedicado no Slack com todas as partes relevantes convidadas.
- Estabeleça diretrizes e rotinas para sua comunicação.
- Use os mesmos sistemas de compartilhamento de arquivos e armazenamento de dados, seja Google Drive, Dropbox ou qualquer outra ferramenta semelhante.
- Planeje reuniões regulares com todos os membros da equipe envolvidos no projeto.
- Crie o hábito de atender uma ligação se algo não estiver claro, em vez de criar conversas intermináveis de e-mail.
Não é informação suficiente
Quando o designer de interface do usuário cria um design, por exemplo, no Figma, é tentador apenas enviar o link para os engenheiros e assumir que eles o farão a partir daí. Mas o fato é que os desenvolvedores precisam de muito mais informações do que o mero esboço do projeto fornecerá. Eles precisam entender o fluxo e o movimento das coisas, as diferentes fases da jornada do usuário e o que ter em mente para cada etapa.
Implemente essas cinco coisas para garantir que a equipe de desenvolvimento receba as informações de que precisa:
- Crie processos que garantam que todos os componentes necessários estejam bem documentados.
- Compartilhe informações adicionais sobre coisas como gatilhos e diferentes estágios na jornada do usuário.}
- Peça aos desenvolvedores para criar uma lista de verificação para garantir que você não perca elementos essenciais.
- Mantenha uma estrutura e um sistema lógicos em sua ferramenta de design e adicione comentários sempre que houver espaço para diferentes interpretações.
- Use as atualizações de status em sua ferramenta de design para mostrar quais partes dos designs estão em andamento, pausadas ou concluídas.
Sem especificações claras
Às vezes, a falta de modelos claros, detalhados e fáceis de usar cria um problema para a equipe de desenvolvimento. No entanto, isso está se tornando cada vez menos um problema, porque hoje em dia, uma grande variedade de software está disponível para ajudar os designers a fornecer todas essas especificações de maneira rápida e fácil.
Ao carregar o design e os modelos mais recentes para o respectivo ambiente online de cada software, os engenheiros obtêm acesso a todas as especificações necessárias (paleta, tipografia, preenchimento, etc.) que tornam a interface do usuário facilmente acessível e pronta para ser implementada.
Alguns dos programas de software mais conhecidos nesta categoria incluem Zeplin, Marvel, InVision e Abstract (se você o estiver usando como uma ferramenta de controle de versão). Além disso, quase todas as ferramentas de interface do usuário, como Sketch, Figma e Adobe XD, têm seus próprios recursos para exportar essas especificações.
Implemente essas cinco coisas para garantir que a equipe de desenvolvimento receba as especificações e a documentação de que precisam:
- Se você ainda estiver usando uma ferramenta sem interface do usuário ao projetar interfaces de usuário, como o Photoshop ou o Illustrator, faça um favor a si mesmo e mude para o software de interface do usuário adequado. Faz toda a diferença do mundo para todos os envolvidos.
- Concorde em uma plataforma para maquetes que seja fácil de usar para designers e desenvolvedores.
- Use um serviço baseado em nuvem para que todas as partes interessadas possam acessar todas as informações o tempo todo.
- Certifique-se de que o sistema de design esteja implementado e prontamente disponível na plataforma de sua escolha.
- Mantenha uma estrutura ordenada na ferramenta que todos entendam e aderem para evitar confusão e mal-entendidos.
Sem sistema de design
Quando não há um sistema de design em vigor, o que significa que não há diretrizes de estilo para os designers aderirem, isso pode levar a muitas iterações. Designers sem restrições podem ser muito criativos e torna-se difícil criar um produto final visualmente coerente.
A solução aqui é concordar com diretrizes realmente claras e anotá-las em um documento compartilhado ao qual todos tenham acesso. Dessa forma, todos conhecem as regras e podem ser criativos dentro desses limites compartilhados. O resultado será um produto final visualmente agradável e coerente.
Uma ferramenta que é ótima para sistemas de design é o Abstract. Muitas equipes de design estão usando o Abstract como um sistema centralizado de registro e uma única fonte de verdade. Outra ferramenta popular é o Zeplin, onde você pode publicar designs finalizados do Figma, Sketch, Adobe XD e Photoshop.
Implemente essas cinco coisas e isso terá um impacto muito positivo no design:
- Use protótipos interativos para ajudar todos na equipe a entender quais são os objetivos comuns e em que direção o produto está indo.
- Crie um guia de estilo para desenvolvedores e transforme-o em um sistema de design.
- Concorde com uma nomenclatura padrão. Use convenções de nomenclatura consistentes e lógicas ao nomear e classificar arquivos.
- Crie uma lista de verificação para que os designers sempre saibam quais elementos precisam criar e não falte nada.
- Mantenha apenas as versões e iterações atualizadas e relevantes para evitar confusão e mal-entendidos.
Os benefícios de construir um sistema de design e colaborar nele com os desenvolvedores
Um sistema de design ajuda profissionais de marketing, designers, engenheiros e analistas de dados a colaborar de forma rápida e eficiente, mantendo a consistência que sua marca precisa. Não ter isso no lugar rapidamente resulta em caos criativo.
No mínimo, um sistema de design é uma coleção de todos os elementos de design reutilizáveis, componentes de interface do usuário e também os padrões que orientam seu uso.
Um bom sistema de design deve abranger toda a plataforma de design. Isso inclui ferramentas de design, identidade da marca, cor, tipografia, voz e fotografia. E também componentes de interface do usuário e aplicativos, bibliotecas de código, bibliotecas de conteúdo, documentação e fluxos de trabalho.
Um sistema de design permite que você projete colaborativamente em escala, com consistência mantida.
Lacunas de conhecimento entre as equipes
Muitas vezes há situações em que os desenvolvedores simplesmente não sabem do que os designers estão falando e vice-versa.
Criar tempo e espaço para o compartilhamento regular de conhecimento é um investimento que valerá a pena, tanto em termos de um produto melhor quanto de colegas de trabalho mais felizes. É benéfico para todas as partes se os designers, por exemplo, entenderem quais tipos de recursos de design exigem codificação mais complexa. E também, é ótimo se os desenvolvedores entenderem por que a equipe de design é tão inflexível sobre certos aspectos. Entender o “porquê” por trás das respostas e ações da outra equipe reduz o atrito e a frustração e abre caminho para melhores soluções.
Implemente estas cinco coisas para diminuir as lacunas de conhecimento entre as equipes:
- Reserve um tempo para aprender e compartilhar conhecimento. Talvez um almoço e aprendizado toda semana ou uma sessão de breakout todo mês?
- Dê tempo para sessões de brainstorming, onde as equipes podem colaborar sem a pressão da entrega instantânea. Isso estimulará a criatividade e aumentará a colaboração.
- Crie um canal do Slack chamado “aprendizagens” ou algo semelhante e incentive todos a compartilhar leituras, vídeos e podcasts interessantes.
- Convide especialistas externos para realizar workshops entre equipes para fins educacionais e inspiradores.
- Crie processos para feedback e acompanhamento após a conclusão dos projetos, para que todos possam aprender com o que deu certo e com o que pode ser melhorado.
Silos e falta de espírito de equipe
O senso de um objetivo comum e a vontade de resolver problemas juntos são componentes cruciais do sucesso. Mas, muitas vezes, desenvolvedores e designers trabalham em silos e dificilmente se conhecem fora dos e-mails e mensagens do Slack que estão sendo enviadas e recebidas. Isso pode, na pior das hipóteses, gerar atrito desnecessário, frustração e até rivalidade entre as equipes.
A solução para isso é garantir que as equipes tenham a chance de socializar e se conhecer fora do trabalho e dos projetos. Investir em atividades de formação de equipe envolvendo designers e desenvolvedores é um dinheiro bem gasto, pois um grande espírito de equipe tornará a colaboração geral muito mais suave.
Implemente estas cinco coisas para melhorar o espírito de equipe e ajudar suas equipes a se unirem:
- Planeje atividades regulares de formação de equipe. Não precisa ser coisas enormes; pode ser apenas um pós-trabalho aqui e uma oficina ali.
- Realize sessões regulares de brainstorming com ambas as equipes e incentive todos a trazer suas ideias para a mesa.
- Convide um facilitador para uma sessão dinâmica inteira sobre dinâmica de grupo, colaboração e inovação.
- Certifique-se de criar uma base sólida de segurança psicológica, onde todos sintam que todas as ideias são bem-vindas e ouvidas.
A cópia chega tarde demais no processo
Um erro muito comum nos processos de design é que o copywriting é tratado um pouco como uma reflexão tardia. Isso significa que haverá muitas iterações e idas e vindas assim que os redatores forem convidados para o processo – já que, compreensivelmente, eles também vão querer ter uma palavra a dizer.
Implemente essas cinco coisas para garantir que a cópia não seja introduzida tarde demais:
- Convide redatores no processo desde o início.
- Pergunte aos seus escritores quais seções e recursos os ajudarão a transmitir a mensagem da melhor maneira possível.
- Sempre traga os redatores para o seu projeto bem antes da hora de começar a construir os designs – porque tenha certeza, eles vão mudar isso.
- Certifique-se de incluir os escritores nos canais e fóruns que você tem para a equipe de design e os desenvolvedores.
- Desenvolva uma lista de verificação e um guia de estilo junto com seus redatores para consistência e coerência em todo o seu projeto.
Animações não são compreendidas ou feitas corretamente
As animações desempenham um papel essencial na maioria dos projetos de design digital, mas transmitir como elas devem se desenrolar e o que deve ativá-las pode ser um desafio. Como todos os outros elementos de design, é vital nunca fazer suposições quando se trata de animações. Cada pequeno detalhe precisa ser comunicado com clareza, e nada deve ser deixado ao acaso.
Implemente essas cinco coisas para capacitar a equipe de desenvolvimento a criar animações fantásticas:
- Crie um processo e uma estrutura para comunicação em torno de animações.
- Inclua notas e comentários detalhados sobre animações ao fazer a entrega do design.
- Quando necessário, crie protótipos interativos para mostrar exatamente como você pretende que as coisas fluam e se movam.
- Nunca hesite em entrar em uma ligação e explicar como você deseja que sua animação seja reproduzida com mais detalhes.
- Além disso, crie um ciclo de feedback para que os designers aprendam quais tipos de solicitações são mais exigentes e quais são fáceis de corrigir. Isso facilitará a priorização.
Entrega de design no Figma
O Figma é um ótimo ambiente para entregar o design aos desenvolvedores. Uma ótima abordagem é criar um arquivo para cada projeto maior, com páginas contendo as várias iterações e versões. Dessa forma, você só precisa compartilhar um único link com a equipe de desenvolvimento. Todos os comentários, protótipos e iterações permanecerão visíveis e acessíveis por meio desse link.
Convidar membros da equipe para seus projetos Figma é fácil: basta clicar no botão azul Compartilhar no canto superior direito. Você pode definir sua função como Editor ou Visualizador.
À medida que os desenvolvedores obtêm acesso aos arquivos figma, é uma boa prática comunicar quais partes estão prontas para implementação e quais ainda estão em andamento. A ideia de convidar desenvolvedores para arquivos de design que ainda estão em andamento pode parecer intimidante, mas envolver os desenvolvedores cedo geralmente é uma ótima maneira de acelerar e melhorar o processo de transferência.
O recurso Team Library no Figma é uma maneira de os designers criarem, organizarem e compartilharem componentes e estilos em todos os seus projetos com a equipe de desenvolvimento.
aprendizado
A colaboração entre desenvolvedores e designers é sempre uma fonte de atrito, e as dificuldades geralmente se resumem à comunicação. O que é mais uma razão para tornar sua missão construir confiança e confiança entre as diferentes equipes e membros da equipe e estabelecer uma maneira melhor de trabalhar como uma equipe unida com um objetivo compartilhado.
O produto final inevitavelmente resultará de uma equação linear (y=x) e refletirá quão bem os desenvolvedores e designers conseguiram trabalhar juntos e colaborar.
Fonte:
Publicado em
Fonte: Publicado em Planeta UX