Personalizar cartões num quadro

Azure DevOps Serviços | Azure DevOps Server | Azure DevOps Server 2022

Personalize cartões de tabuleiro para exibir as informações que sua equipe mais precisa. Os cartões mostram itens de trabalho como elementos visuais que facilitam atualizações rápidas, acompanhamento de progresso e avaliação rápida do status. Você pode atualizar campos diretamente em cartões sem abrir itens de trabalho e aplicar estilo visual para destacar itens importantes.

Tip

Pode usar IA para ajudar nesta tarefa mais adiante neste artigo, ou consultar Enable AI assistance with Azure DevOps MCP Server para começar.

Note

Este artigo aborda a personalização do cartão de bordo. Para personalizar o cartão de tarefas, consulte Personalizar quadros de tarefas de sprint.

Prerequisites

Requisito	Description
Acesso	Acesso básico ou superior
Permissões	Membro do grupo de segurança Administradores de Projeto ou da função de Administrador de Equipe

Para obter mais informações, consulte Alterar permissões ao nível do projeto.

Opções de personalização

Cada equipa pode personalizar de forma independente os seus cartões de tabuleiro. As personalizações não são herdadas de outras equipes, mesmo ao compartilhar caminhos de área.

Você pode personalizar os seguintes aspetos dos cartões de tabuleiro:

Setting	Propósito
Fields	Controlar quais campos aparecem nos cartões, incluindo informações do item de trabalho pai
Estilos	Alterar as cores do cartão e o estilo do texto com base nos critérios de campo
Cores das etiquetas	Atribuir cores específicas a tags para categorização visual
Anotações	Ativar ou desativar ícones que mostrem itens relacionados (tarefas, testes, GitHub)
Testes	Definir como os testes inline aparecem e se comportam
Reordenação de cartões	Controlar o comportamento ao reordenar cartões

Configurações do painel de acesso

Abra seu quadro e selecione o nível de lista de pendências que deseja personalizar (Lista de pendências do produto, Recursos, Épicos).
Selecione Configurações.

Captura de ecrã a mostrar como abrir as definições do quadro.

Adicionar campos a cartões

Exiba campos relevantes em cartões para permitir visualização e edição rápidas sem abrir itens de trabalho.

Nas configurações do quadro, selecione Campos e escolha o tipo de item de trabalho a ser configurado.

Captura de tela das configurações de Campos para o tipo de item de trabalho User Story.
Marque as caixas dos campos que deseja exibir nos cartões:
- Mostrar esforço: exibe pontos de história, esforço ou tamanho, dependendo do seu processo
- Pai: Mostra o título do item de trabalho pai (habilita a filtragem por pai)
- Campos personalizados que adicionou ao seu processo
Para adicionar um campo:
- Selecione Adicionar campo
- Insira o nome do campo
- Selecione Guardar
Para remover um campo, selecione ao lado do nome do campo.

Tip

Você pode editar a maioria dos campos diretamente nos cartões. Campos somente leitura, como Alterado por e Data Alterada, exibem-se apenas para referência.

Aplicar regras de estilo

Use regras de estilo para realçar cartões com base em valores de campo. Os cartões mudam de cor automaticamente quando os itens de trabalho atendem aos critérios especificados.

Cenários de estilo comuns

Scenario	Exemplo de critérios
Itens de alta prioridade	`Priority = 1`
Grandes itens de trabalho	`Story Points >= 20`
Itens obsoletos	`Changed Date <= @Today-5`
Bugs críticos	`Severity = 1 - Critical AND Work Item Type = Bug`
Trabalho bloqueado	`Blocked = Yes`
Foco na área de funcionalidades	`Area Path Under Fabrikam\Mobile`

Criar regras de estilo

Nas configurações do painel, selecione EstilosAdicionar regra de estilo.

Captura de tela da caixa de diálogo de configuração da regra de estilo.
Escolha uma cor de cartão e defina os critérios: Configure critérios usando sintaxe semelhante a uma consulta:
- Todas as cláusulas usam lógica E
- As regras aplicam-se pela ordem indicada
- Regras mais elevadas têm precedência
Use o menu de ações ( ) para Clonar ou Excluir regras.
Selecione Guardar.

Definir cores de tag

Atribua cores a tags específicas para categorização visual.

Nas configurações do painel, selecione Cores da tagAdicionar cor da tag.
Escolha a tag e sua cor de exibição:

Captura de tela da configuração da cor da tag.
Selecione Guardar.

Tip

Certifique-se de que Mostrar Etiquetas está ativado nas definições de Campos para que as cores das etiquetas sejam apresentadas.

Gerenciar anotações

As anotações exibem ícones em cartões que indicam itens relacionados, como tarefas, testes ou commits no GitHub.

Nas configurações do quadro, selecione Anotações.
Marque a caixa ao lado das anotações que você deseja usar.

Captura de ecrã das definições de anotação a mostrar as opções disponíveis.
Selecione Guardar.

As anotações ativadas aparecem como ícones numerados em cartões:

Tipo de anotação	Example
Tasks	Captura de ecrã das anotações de tarefas ativadas.
Testes	Captura de ecrã das anotações de teste ativadas.

Importante

Quando desativas uma anotação, também desativas a capacidade de adicionar esses itens diretamente do tabuleiro.
As anotações de teste aparecem nos cartões apenas quando existe um conjunto de testes baseado em requisitos para o item de trabalho. Criar testes diretamente a partir do cartão cria automaticamente esta suíte. No entanto, ligar testes a um item de trabalho apenas a partir do formulário de trabalho não cria um conjunto baseado em requisitos, por isso esses testes não aparecem como anotações no cartão. Para mais informações, consulte Gerir testes em linha.

Configurar testes

Controla como os testes inline são organizados quando são criados a partir de quadros.

Nas definições do teu tabuleiro, seleciona Testes (requer que a anotação de Teste esteja ativada).
Escolha as opções de organização de teste:
- Criar novo plano de teste para cada teste
- Adicionar todos os testes a um plano de teste selecionado
- Habilite resultados de teste compartilhados entre suítes
Captura de tela das opções de configuração de teste.
Selecione Guardar.

Configurar a reordenação de cartões

Controla como a ordem das cartas é mantida quando moves cartas entre colunas.

Nas configurações do seu painel, selecione Reordenação do cartão.
Escolha o comportamento de reordenação:
- Manter a ordem de prioridade da lista de pendências
- Permitir reordenação livre dentro de colunas
Captura de ecrã das opções de reordenação do cartão.
Selecione Guardar.

Mover cartões para posições específicas

Selecione ··· (Mais ações) em um cartão de item de trabalho.
Escolha Mover para posição.
Insira o número da posição de destino.

Captura de ecrã da caixa de diálogo Mover para posição.

Melhores práticas

Comece de forma simples: Comece pelos campos essenciais e adicione mais conforme necessário.
Use um estilo consistente: Aplique regras de estilo que apoiem o fluxo de trabalho da sua equipa.
Revisão regular: Avalie periodicamente quais as personalizações que trazem valor.
Alinhamento da equipa: Certifique-se de que todos os membros compreendem as convenções visuais.

Use IA para consultar itens de trabalho exibidos em cartões

Se tiver o Azure Boards MCP Server ligado ao seu agente de IA em modo agente, pode usar prompts em linguagem natural para consultar e atualizar os itens de trabalho que aparecem nos seus cartões de quadro.

Tarefa	Exemplo de prompt
Localizar itens por tag	`Show me all work items on my board that have the 'blocked' tag`
Ver itens com campos específicos	`List all active user stories with their priority, assigned to, and story points`
Atualizar campos sobre itens de trabalho	`Set the priority of bug 4567 to 1 and add the tag 'regression'`
Encontre itens por critérios de estilo	`Show me all work items assigned to <me> that are past their target date`
Identificar campos de cartão em falta	`List active user stories in the current sprint for <Contoso> that are missing priority or effort values`
Consistência da etiqueta de auditoria	`Show all distinct tags used on work items in area path <Contoso\\Frontend> sorted by usage count`
Destaque itens em atraso	`List work items in <Contoso> where the target date is in the past and the state is not Closed or Removed`
Anotações do cartão de avaliação	`For each active user story in the current sprint for <Contoso>, show the count of child tasks, linked bugs, and linked tests`
Identificar itens não etiquetados	`List active work items in the current sprint for <Contoso> that have no tags assigned`
Atualização de etiquetas em massa	`Add tag 'Q2-release' to all user stories under feature <1500> in <Contoso>`