Você pode e deve ser mais ágil na comunicação entre Designers e Desenvolvedores(as)

Daniel Maiuri
Mar 29, 2019 · 2 min read

Esse assunto sempre foi um pouco complicado de se discutir. Temos, no mínimo, sempre duas visões: a de designers e a de programadores(as) e, normalmente, essa comunicação é bem difícil de ser estabelecida.

Mas antes de falarmos o como, vamos falar sobre o quê.

O que seria essa comunicação? Um falar com o outro? Um explicar o projeto para o outro? Não. Essa comunicação refere-se ao momento em que o projeto vai passar da mão do(a) designer para a mão do(a) programador(a). Nós chamamos essa situação de Handoff.

Photo by Milada Vigerova on Unsplash

Nesta etapa do projeto, é necessário passar todas as informações técnicas para quem for codificar. Aqui na Espresso Labs utilizamos uma ferramenta do software Adobe XD, chamada "Compartilhe para Desenvolver". Nesta ferramenta, o(a) desenvolvedor(a) consegue visualizar todas as especificações de design criadas.

Como funciona?

A ferramenta funciona de maneira a traduzir em informações técnicas tudo o que o(a) designer prototipou. Ou seja, coleta tamanhos, cores, distâncias, sombras, bordas e etc, facilitando esta troca de informações entre a etapa de prototipação e a etapa de desenvolvimento.

Exemplo de funcionamento da ferramenta de Handoff do Adobe XD (Projeto criado pela Espresso Labs)

Um exemplo pode ser visto na imagem acima, que mostra as informações do parágrafo selecionado. A ferramenta traz, para quem for desenvolver, a largura e altura do parágrafo, sua posição na tela, fonte, tamanho, alinhamento, cor, opacidade e seu conteúdo.

Se olharem com atenção, é possível ver que o XD mostra a distância entre o parágrafo e o próximo título, não apenas detalhes do que foi selecionado. A ferramenta não somente facilita a entrega dessas informações, mas também salva o tempo das pessoas, concentrando tudo o que era necessário ser entregue em um lugar só.

Por que usar?

A etapa de Handoff é muito delicada e, caso seja feita de maneira errada ou incompleta, pode causar muitos problemas para o desenvolvimento do produto. Esse tipo de ferramenta tira a necessidade do(a) designer especificar todo o conteúdo criado, pois otimiza o recebimento das informações para quem for desenvolver. Isso diminui o tempo necessário para comunicação entre a equipe e agiliza a próxima etapa.

E aí, quer facilitar o trabalho em equipe? Confira essa listinha com alguns exemplos e comece a utilizar ferramentas de Handoff.

Launchpad

Tecnologia, negócios e desenvolvimento pessoal em uma só…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store