Setas e linhas

As setas e linhas mostram como os elementos se relacionam. Use-as para fluxos, dependências, balões explicativos (callouts), caminhos de antes-e-depois, entregas (handoffs), cadeias de causa e efeito e diagramas leves. Elas ajudam as pessoas a ler o canvas na ordem correta em vez de adivinhar quais objetos estão associados.

No ALLO, as setas e linhas fazem parte da família de ferramentas Formas. A barra de ferramentas para desktop pode mostrar o ponto de entrada como Formas e Setas em vez de um botão permanente e separado de seta. Use formas para os objetos de um diagrama e setas ou linhas para conectá-los.

Disponibilidade e permissões

Setas e linhas não são suportadas como ferramentas de criação ou edição em dispositivos móveis. Use o desktop quando precisar construir ou ajustar diagramas.

Quando usar setas e linhas

Use uma seta quando a direção for importante. Um passo do fluxo do cliente que leva a outro passo, uma causa que leva a um efeito ou uma decisão que leva a um resultado devem usar uma ponta de seta. Use uma linha simples quando a conexão for neutra, como agrupar capturas de tela relacionadas, associar um rótulo a uma região ou demonstrar que dois itens fazem parte do mesmo sistema.

Use desenhos à caneta para ênfases temporárias, como circular um item durante uma revisão. Use setas e linhas para relações que devem continuar legíveis após a reunião.

Não use as setas como a única fonte de significado. Se uma seta significa "bloqueado pela revisão jurídica", adicione um rótulo a ela. Se uma linha significa "mesmo segmento de cliente", adicione um texto explicativo por perto. Um diagrama deve ser compreensível para qualquer pessoa que o leia, mesmo que não tenha participado da sessão ao vivo.

Em um whiteboard de formato livre, as setas podem fazer mais do que desenhar uma relação visível. As setas inteligentes podem se conectar a objetos do canvas e ajudar o AI Studio ou o Chat do Objeto a entender o contexto anterior quando um objeto leva a outro.

Adicionar setas e linhas

Pressione A quando o canvas estiver com o foco do teclado para selecionar a família de linhas no estilo de seta. Você também pode abrir o seletor de Formas e escolher uma opção de linha ou seta. O atalho S abre a ferramenta geral Formas.

Posicione a linha no canvas e ajuste a posição e o tamanho a partir das alças selecionadas. Ao desenhar uma relação entre dois objetos, comece com um posicionamento provisório e faça ajustes finos depois que os objetos conectados estiverem em suas posições definitivas. Mover as caixas primeiro e ajustar as setas depois evita trabalhos adicionais de correção.

Os controles de origem diferenciam linhas simples de linhas no estilo de seta. Uma linha simples não possui marcador por padrão. Uma linha no estilo de seta suporta várias opções de marcadores, incluindo pontas de seta clássicas e outros formatos exibidos no seletor.

Formatar estilo de linha e marcadores

Use a barra de ferramentas embutida para os controles de linha exibidos no objeto selecionado. As seleções de seta e linha podem mostrar cor de traço, opacidade, sombra, estilo de linha, controles de curva ou suavização onde disponível, controles de marcadores, comentários e ações de exclusão.

A barra de ferramentas é a forma mais rápida de refinar um diagrama existente. Selecione a seta, ajuste os pontos finais ou o estilo e, em seguida, use a mesma linguagem visual nas setas próximas para que os colaboradores possam compreender o canvas sem precisar perguntar o que cada linha significa.

As opções de estilo de linha incluem sólida, tracejada e pontilhada. Use linhas sólidas para o fluxo principal. Use linhas tracejadas ou pontilhadas para caminhos alternativos, suposições, conexões de estados futuros ou relações de menor confiança. Torne essa convenção visível com uma legenda de texto se o diagrama for importante.

As opções de marcadores dependem da família de linhas. As linhas no estilo de seta podem exibir marcadores como ponta de seta clássica, círculo, retângulo, losango ou outros formatos de marcadores disponíveis. Adote uma única convenção de marcadores para cada diagrama. Misturar marcadores só é útil se houver uma justificativa clara.

Organizar e ordenar diagramas em camadas

As setas devem ficar visualmente colocadas entre os objetos que conectam, e não sobrepostas a todo o conteúdo do canvas. Use "trazer para frente" ou "enviar para trás" a partir do menu do elemento quando uma linha desaparecer atrás de uma forma grande ou flutuar sobre um conteúdo que não deveria cobrir.

Agrupe as setas com objetos relacionados apenas quando todo o conjunto precisar ser movido junto. Por exemplo, uma seta pequena explicativa e seu rótulo podem ser agrupados. Um diagrama de fluxo de trabalho completo pode ser mantido desagrupado enquanto ainda estiver sendo editado e, posteriormente, agrupado ou bloqueado após a revisão.

Se o canvas utiliza formas de fundo como raias (lanes), posicione as setas acima da forma da raia, mas abaixo dos rótulos mais importantes, sempre que possível. Depois de mover os objetos conectados, inspecione as pontas de seta e os pontos finais. Trate as setas como elementos visíveis do diagrama que podem precisar de um ajuste final após alterações de layout.

Colaboração e comentários

Os comentários em setas são úteis quando a relação é questionada: "Essa entrega realmente acontece aqui?", "Essa dependência ainda é válida?" ou "Isso deveria ser opcional?". Se a dúvida for sobre um ponto final específico, faça o comentário diretamente no objeto de destino. Isso mantém a discussão vinculada ao item exato que está sendo alterado. Para ler sobre o fluxo de trabalho de discussões completo, consulte Comentários e menções.

Durante workshops ao vivo, as setas podem fazer um canvas bagunçado parecer mais organizado do que realmente está. Adicione setas depois que o grupo chegar a um consenso sobre as relações, e não enquanto as pessoas ainda estão gerando ideias brutas. Para a fase de ideação, comece com notas adesivas e depois conecte as ideias mais importantes.

Exemplos

Em um fluxo de cliente, use setas para mostrar o caminho da descoberta até a compra e o suporte. Use setas tracejadas para caminhos que apenas alguns clientes percorrem.

Em um diagrama de sistema, use retângulos para serviços, cilindros para repositórios de dados e setas para dados ou entregas. Adicione objetos de texto curtos próximos às setas quando o significado não for óbvio.

Em um canvas de crítica técnica, use uma seta curta partindo de um rótulo apontando para um detalhe específico em uma imagem ou mockup. Se a marcação for temporária, um círculo feito com a caneta pode ser suficiente; se precisar permanecer no canvas, use uma seta.

O que pode dar errado

Se a tecla A não funcionar, verifique o foco do teclado. Os atalhos são desconsiderados enquanto você digita em textos, comentários ou campos de entrada do navegador. Clique em um espaço vazio do canvas e tente novamente.

Se uma seta parecer conectada, mas o diagrama tiver sido reorganizado, verifique os dois pontos finais antes de compartilhar o canvas. O hábito ideal e seguro é mover os objetos primeiro para depois ajustar as setas e os rótulos.

Se o estilo de linha possui um significado específico, documente essa convenção. Linhas pontilhadas e tracejadas podem não ser compreensíveis de forma imediata para todos os leitores.