Close

Projeto ágil

Processo e diretrizes de design colaborativo

Buscar tópicos

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

Artigos de design

[CONTINUAÇÃO]

Design: ágil, assim como o desenvolvimento

Antes de ir mais adiante, quero apresentar outro conceito: design colaborativo. Iterar o design do produto não vai render ótimos resultados se você estiver fazendo isso sozinho. Conhecer as perspectivas dos clientes e desenvolvedores no início de um projeto vai ajudar a quase atingir o alvo logo na primeira tentativa de design e vai guiar as iterações durante o progresso do trabalho. Vamos ver como os designers da Atlassian trabalham de modo colaborativo nesse breve webinar.

Como visto, o proprietário do produto e o designer passarão um tempo fazendo brainstorm e iterando o plano do produto desde o início. O objetivo é validar o caso de negócios e certificar-se de que tempo da equipe de engenharia está sendo bem gasto resolvendo problemas reais que clientes reais enfrentam.

Dica profissional:

Essa fase não é "sprint zero". É importante entender bem esses conceitos básicos, em vez de determinar um prazo para eles. Começar o programa com bases sólidas traz benefícios durante todo o projeto. Então reserve o tempo que for preciso.

Após o planejamento e a criação de ideias iniciais, o gerente de produtos e o designer começarão 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: descobrir problema mais importante a resolver e adicionar design suficiente (e código) para obter feedback sobre a solução.

À medida que a equipe trabalha no planejamento de sprint e na preparação da lista de pendências, os designers são envolvidos. Receber comentários deles para a tomada de decisões sobre a direção futura do produto facilitará a conclusão do trabalho.

Seta ágil

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.

Desenvolvedores e proprietários de produto também podem projetar!

Em muitas organizações, os designers abrangem várias equipes (ou mesmo produtos). Isso 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 ativos para projetar e criar experiências incríveis. Nossas diretrizes de design não abrangem apenas elementos do design visual, como também nossos valores no design de experiência do usuário. Isso permite que várias equipes ágeis desenvolvam experiências consistentes em nossas famílias de produtos. Como mencionado acima, incluímos desenvolvedores e proprietários de produtos no processo de design. Como toda a equipe trabalha junto usando as Diretrizes de design da Atlassian, os desenvolvedores e os proprietários de produto se tornam designers melhores. Então, esse conjunto de habilidades se torna compartilhado na 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 de produto podem fazer experiências de produto em conjuntos de slides que se parecem com o produto real sem escrever uma única linha de código. É uma forma eficaz de obter feedback de design significativo e acionável. Esses ativos também reforçam a parceria de design em toda a equipe ágil. Um único designer assume a liderança no processo de planejamento, mas o resto da equipe contribui para decisões durante as iterações. Assim o gargalo para decisões sobre design é eliminado, permitindo que a equipe inteira se torne mais ágil.

Design para uma grande experiência

Cada recurso passa por dois caminhos enquanto é desenvolvido: design visual e design de experiência do usuário. O design de experiência do usuário emprega o pensamento sobre o design com foco na arquitetura de informação e fluxos de trabalho em todo o novo recurso. O design visual abrange o design de interação e como um recurso é estilizado. Às vezes, as equipes se focam muito design visual, pois é uma parte emocional do processo de desenvolvimento de produto. (Além disso, tudo é reluzente, divertido, etc.) Mas, embora importante, o design visual não pode ofuscar o bom design de experiência do usuário. De fato, sem um bom design de experiência do usuário, até mesmo o design visual mais impressionante não fará os usuários amarem um 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 é à prova de obsolência

De modo semelhante aos paradigmas de desenvolvimento, o design muda ao longo do tempo. Tecnologias modernas, como CSS, facilitam a separação da aparência de um aplicativo da lógica em um aplicativo. De modo semelhante, certifique-se de estruturar testes automatizados para que eles sejam resilientes quando o design visual evoluir. O design mudará, e é importante garantir que a base de código possa facilmente seguir novas tendências.

Sven Peters
Sven Peters

Sven trabalha na Atlassian e adora softwares. Ela adora programar e ajudar as equipes de desenvolvimento.