Projeto ágil
Processo e diretrizes de design colaborativo

Tenha um design ágil com templates gratuitos do Jira
Com templates de design gratuitos e personalizáveis, é fácil manter todos na mesma página.
O design é uma parte importante de qualquer projeto de software. No entanto, as equipes ágeis muitas vezes lutam com "o que fazer com o design?" devido a esses quatro fatores:
Muitas equipes se concentram em designs de alta fidelidade durante o processo de planejamento, o que força uma cultura de cascata durante a implementação
Normalmente, os designers são compartilhados entre as equipes e têm pouco tempo para passar com uma determinada equipe
Eles nem sempre têm uma maneira fácil de reportar o feedback para a equipe de engenharia
As camadas de apresentação e lógica nem são sempre claramente separadas na base de código, dificultando as mudanças de estilo
Design: ágil, assim como o desenvolvimento
Antes de nos aprofundarmos, quero apresentar outro conceito: design colaborativo. A iteração no design de produtos não vai gerar bons resultados se você não considerar pontos de vista além do seu.
Buscar as perspectivas de seus clientes e desenvolvedores no início de um projeto vai ajudar você a chegar mais perto do design desejado na primeira tentativa, além de guiar suas iterações à medida que você avança.
Na maioria das vezes, o designer e o proprietário do produto passam tempo debatendo e repetindo o plano desde o início. A meta deles é validar o caso de negócio e garantir que o tempo da equipe de engenharia seja bem gasto resolvendo problemas reais que os clientes enfrentam.
Dica profissional
Após o planejamento e a criação de ideias iniciais, o gerente de produto e o designer vão começar a trabalhar com a equipe de desenvolvimento. Durante todo o programa, o design visual e de interação é iterativo, assim como a arquitetura de software: descubra o problema mais importante a resolver e adicione design (e código) suficiente para obter feedback sobre a solução.
À medida que a equipe se engajar no planejamento de sprint e na revisão de tarefas, envolva os designers. Os comentários deles durante as tomadas de decisões sobre a direção futura do produto vão facilitar a conclusão do trabalho.
Desenvolvedores e proprietários de produtos também podem projetar
Em muitas empresas, os designers abrangem várias equipes (ou mesmo produtos), o que também acontece na Atlassian. Então, a gente se empenha em fazer melhor uso do precioso tempo dos designers.
As diretrizes de design da Atlassian são um conjunto de princípios, diretrizes e recursos para projetar e criar experiências incríveis. Elas não abrangem apenas os elementos visuais, mas também sintetizam nossos valores no design da experiência do usuário.
Isso permite que várias equipes ágeis desenvolvam experiências consistentes em nossas famílias de produtos. E como mencionado acima, incluímos desenvolvedores e proprietários de produtos no processo de design. À medida que a equipe inteira colabora usando as diretrizes de design da Atlassian, os desenvolvedores e proprietários de produtos se tornam designers mais eficazes.
Depois, esse conjunto de habilidades é compartilhado com toda a equipe, o que é um valor fundamental na cultura ágil.
Apesar de ter uma mentalidade compartilhada ser importante, queremos ir além em como abordamos o design ágil. As diretrizes de design da Atlassian são entregues por três principais canais:
O site de diretrizes de design da Atlassian, que contém s princípios e a metodologia por trás de nossas decisões de design
O flatpack da interface de usuário da Atlassian (AUI), um conjunto de templates HTML, JavaScript e CSS que implementam todos os nossos elementos de design em código
Templates de Keynote e PowerPoint com as representações visuais de todos os nossos componentes
Os desenvolvedores podem baixar o flatpack da AUI e criar simulações. Da mesma forma, os proprietários podem criar experiências de produto em apresentações de slides similares ao produto real sem precisar escrever uma única linha de código. É uma forma eficaz de coletar feedback significativo e útil sobre o design.
Esses recursos também reforçam a parceria de design em toda a equipe ágil. Um único designer lidera o processo de planejamento, mas o restante da equipe contribui para a tomada de decisões durante as iterações. Isso remove o gargalo das decisões sobre design, permitindo que toda a equipe se torne mais ágil.
Design para uma grande experiência
Cada recurso percorre dois caminhos à medida que é desenvolvido: design de experiência do usuário e design visual. O design de experiência do usuário emprega design thinking para se concentrar na arquitetura da informação e nos fluxos de trabalho em todo o novo recurso. O design visual engloba o design de interação e a forma como um recurso é estilizado.
Às vezes, as equipes se concentram demais no design visual porque é uma parte emocional do processo de desenvolvimento do produto (além de ser brilhante, divertido e tudo mais). Embora importante, o design visual não pode ofuscar um bom design de experiência do usuário.
Sem um bom design de experiência do usuário, mesmo o design visual mais impressionante não vai fazer com que os usuários se apaixonem pelo produto.
Com empatia altamente sintonizada em relação à experiência do usuário e um sexto sentido para encontrar anormalidades em layouts inadequados e em tipografia, os designers são uma fonte incrivelmente valiosa de feedback. Certifique-se de que eles possam capturar facilmente screenshots, marcá-los e reportar defeitos ou sugerir melhorias.
O design flexível está preparado para o futuro
Assim como os paradigmas de desenvolvimento, o design muda com o tempo. Tecnologias modernas como CSS ajudam a separar a aparência da lógica de um aplicativo. Da mesma forma, não deixe de estruturar os testes automatizados para que sejam resilientes quando o design visual evoluir.
O design vai mudar, e é importante garantir que a base de código consiga acompanhar com facilidade as novas tendências.
Projeto ágil
Processo e diretrizes de design colaborativo

Tenha um design ágil com templates gratuitos do Jira
Com templates de design gratuitos e personalizáveis, é fácil manter todos na mesma página.
O design é uma parte importante de qualquer projeto de software. No entanto, as equipes ágeis muitas vezes lutam com "o que fazer com o design?" devido a esses quatro fatores:
Muitas equipes se concentram em designs de alta fidelidade durante o processo de planejamento, o que força uma cultura de cascata durante a implementação
Normalmente, os designers são compartilhados entre as equipes e têm pouco tempo para passar com uma determinada equipe
Eles nem sempre têm uma maneira fácil de reportar o feedback para a equipe de engenharia
As camadas de apresentação e lógica nem são sempre claramente separadas na base de código, dificultando as mudanças de estilo
Design: ágil, assim como o desenvolvimento
Antes de nos aprofundarmos, quero apresentar outro conceito: design colaborativo. A iteração no design de produtos não vai gerar bons resultados se você não considerar pontos de vista além do seu.
Buscar as perspectivas de seus clientes e desenvolvedores no início de um projeto vai ajudar você a chegar mais perto do design desejado na primeira tentativa, além de guiar suas iterações à medida que você avança.
Na maioria das vezes, o designer e o proprietário do produto passam tempo debatendo e repetindo o plano desde o início. A meta deles é validar o caso de negócio e garantir que o tempo da equipe de engenharia seja bem gasto resolvendo problemas reais que os clientes enfrentam.
Dica profissional
Após o planejamento e a criação de ideias iniciais, o gerente de produto e o designer vão começar a trabalhar com a equipe de desenvolvimento. Durante todo o programa, o design visual e de interação é iterativo, assim como a arquitetura de software: descubra o problema mais importante a resolver e adicione design (e código) suficiente para obter feedback sobre a solução.
À medida que a equipe se engajar no planejamento de sprint e na revisão de tarefas, envolva os designers. Os comentários deles durante as tomadas de decisões sobre a direção futura do produto vão facilitar a conclusão do trabalho.
Desenvolvedores e proprietários de produtos também podem projetar
Em muitas empresas, os designers abrangem várias equipes (ou mesmo produtos), o que também acontece na Atlassian. Então, a gente se empenha em fazer melhor uso do precioso tempo dos designers.
As diretrizes de design da Atlassian são um conjunto de princípios, diretrizes e recursos para projetar e criar experiências incríveis. Elas não abrangem apenas os elementos visuais, mas também sintetizam nossos valores no design da experiência do usuário.
Isso permite que várias equipes ágeis desenvolvam experiências consistentes em nossas famílias de produtos. E como mencionado acima, incluímos desenvolvedores e proprietários de produtos no processo de design. À medida que a equipe inteira colabora usando as diretrizes de design da Atlassian, os desenvolvedores e proprietários de produtos se tornam designers mais eficazes.
Depois, esse conjunto de habilidades é compartilhado com toda a equipe, o que é um valor fundamental na cultura ágil.
Apesar de ter uma mentalidade compartilhada ser importante, queremos ir além em como abordamos o design ágil. As diretrizes de design da Atlassian são entregues por três principais canais:
O site de diretrizes de design da Atlassian, que contém s princípios e a metodologia por trás de nossas decisões de design
O flatpack da interface de usuário da Atlassian (AUI), um conjunto de templates HTML, JavaScript e CSS que implementam todos os nossos elementos de design em código
Templates de Keynote e PowerPoint com as representações visuais de todos os nossos componentes
Os desenvolvedores podem baixar o flatpack da AUI e criar simulações. Da mesma forma, os proprietários podem criar experiências de produto em apresentações de slides similares ao produto real sem precisar escrever uma única linha de código. É uma forma eficaz de coletar feedback significativo e útil sobre o design.
Esses recursos também reforçam a parceria de design em toda a equipe ágil. Um único designer lidera o processo de planejamento, mas o restante da equipe contribui para a tomada de decisões durante as iterações. Isso remove o gargalo das decisões sobre design, permitindo que toda a equipe se torne mais ágil.
Design para uma grande experiência
Cada recurso percorre dois caminhos à medida que é desenvolvido: design de experiência do usuário e design visual. O design de experiência do usuário emprega design thinking para se concentrar na arquitetura da informação e nos fluxos de trabalho em todo o novo recurso. O design visual engloba o design de interação e a forma como um recurso é estilizado.
Às vezes, as equipes se concentram demais no design visual porque é uma parte emocional do processo de desenvolvimento do produto (além de ser brilhante, divertido e tudo mais). Embora importante, o design visual não pode ofuscar um bom design de experiência do usuário.
Sem um bom design de experiência do usuário, mesmo o design visual mais impressionante não vai fazer com que os usuários se apaixonem pelo produto.
Com empatia altamente sintonizada em relação à experiência do usuário e um sexto sentido para encontrar anormalidades em layouts inadequados e em tipografia, os designers são uma fonte incrivelmente valiosa de feedback. Certifique-se de que eles possam capturar facilmente screenshots, marcá-los e reportar defeitos ou sugerir melhorias.
O design flexível está preparado para o futuro
Assim como os paradigmas de desenvolvimento, o design muda com o tempo. Tecnologias modernas como CSS ajudam a separar a aparência da lógica de um aplicativo. Da mesma forma, não deixe de estruturar os testes automatizados para que sejam resilientes quando o design visual evoluir.
O design vai mudar, e é importante garantir que a base de código consiga acompanhar com facilidade as novas tendências.
Recommended for you
Templates
Templates prontos do Jira
Confira nossa biblioteca de templates personalizados do Jira para várias equipes, departamentos e fluxos de trabalho.
Guia do produto
Uma introdução completa ao Jira
Use este guia detalhado para descobrir as principais funções e as melhores práticas para maximizar sua produtividade.
Guia do Git
Como entender o básico do Git
De iniciantes a especialistas avançados, use este guia para aprender o básico do Git com dicas e tutoriais úteis.