Fechar

Projeto ágil

Processo e diretrizes de design colaborativo

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

[CONTINUED]

Design: ágil, assim como o desenvolvimento

Antes de se aprofundar mais, quero apresentar outro conceito: design colaborativo. Iterar o design do produto não renderá ótimos resultados se estiver fazendo isso sem contexto. Conhecer as perspectivas de seus clientes e desenvolvedores no início de um projeto ajudará no primeiro obstáculo de design que você encontrar e guiará suas iterações durante o progresso do trabalho. Vamos analisar como os designer da Atlassian colaboram 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.

Pro tip:

Essa fase não é "sprint zero". É importante entender esses conceitos básicos corretamente, em vez de encaixá-los ao longo do tempo. Começar o programa com bases sólidas proporciona benefícios durante todo o projeto. Então reserve o tempo que precisar. 

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.

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

In many organizations, designers span multiple teams (or even products!). This is true at Atlassian too. So we set out to make better use of our designers' precious time.

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. Isto remove o obstáculo para decisões sobre design e permite 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.