Como facilitar o relacionamento de Devs e Designers com o Invision
Descubra como o novo produto da Invision vai te ajudar a integrar melhor os times de design e desenvolvimento da sua startup
O desenvolvimento de protótipos e mockups ajudaram a agilizar o desenvolvimento de apps, aplicativos web e mesmo websites, porém nem sempre a conversão de um mockup para códigos é tão simples assim, afinal, programadores nem sempre possuem os softwares de edição de imagem usados pelos designers (Photoshop e Sketch por exemplo), e ao mesmo tempo, nem sempre designers se lembram de enviar juntamente com os mockups os detalhes de cores e tamanhos usados.
Esse gargalo de comunicação entre duas das áreas mais importantes na hora de transformar uma ideia em um produto real, pode gerar não só perdas em termos de agilidade no desenvolvimento, como também atritos no time, que caso se acumulem podem levar a um rompimento que poderia ser evitado com a definição de um escopo para o fluxo de trabalho, onde o designer envia juntamente com os mockups dados detalhados de cores, tamanhos e outras informações importantes para o desenvolvimento, especialmente na questão de desenvolvimento do CSS e da parte visual dos projetos.
Uma boa comunicação entre Devs e Designers é fundamental para o sucesso de um projeto, e a construção de um bom produto!
Porém, mesmo esse fluxo de trabalho sendo capaz de reduzir atritos, ele possui um custo de tempo que agora a nova ferramenta do Invision chamada Inspect Mode.
Antes de tudo, diga Oi ao Invision
Mas antes de falar dessa ferramenta, vamos falar um pouco do Invision para quem ainda não conhece. O Invision é uma ferramenta para desenvolver protótipos, imagine que você crie todas as telas usadas no seu app ou sistema online, o Invision permite que você una todas em uma ferramenta online onde elas viram uma versão “animada” desse protótipo, assim a experiência de teste para feedbacks se torna muito mais completa e próxima do que seria na realidade do que seria caso você simplesmente envia um link onde a pessoa tem a possibilidade de explorar o que você criou de uma forma muito similar ao que seria a experiência real.
Veja o protótipo do Empreenda Junto 2017 pelo Invision
Você também pode conferir um dos primeiros protótipos do Learn In Drops feito usando o Marvel (alternativa muito boa ao Invision) clicando nesse link!: Confira o protótipo do Learn In Drops
Tanto o Marvel quanto o Invision possuem versões pagas e gratuitas, estude qual apresenta o melhor custo beneficio para o seu projeto!
Hello Inspect
Mas bem, se ao Invision por si só já existem alternativas tão boas quanto ou até melhores se analisarmos outras questões de custo beneficio e facilidade de uso para a questão de design e testes, o lançamento do Inspect mode tornou ele simplesmente imbatível como solução completa, facilitando o fluxo de trabalho ao integrar de forma quase perfeita designers e desenvolvedores.
O foco do Inspect é colocar Devs e Designers “na mesma página”, melhorando a comunicação, reduzindo atritos e ruídos.
O Inspect mode basicamente faz com que os mockups que criam o protótipo dentro do Invision se tornem-se elementos inspecionados, assim de uma forma simples os desenvolvedores podem pegar informações de tamanho, cor, posicionamento e fontes usadas, sem precisar se preocupar se o designer passou os dados corretamente.
Conclusões
O desenvolvimento de mockups e protótipos ajudou startups e negócios de modo geral a ganharem mais agilidade no desenvolvimento de novos produtos e funcionalidades, e agora com o lançamento do Inspect Mode, essa agilidade ganhou um impulso considerável, tornando a integração entre os times ainda melhor.
Portanto, se você está desenvolvendo um novo produto que se enquadre no desenvolvimento de protótipos, experimente usar o Invision com o Inspect Mode para ganhar mais tempo e produtividade para o seu time!
