Partilhar via


Links de comando

Observação

Este guia de design foi criado para o Windows 7 e não foi atualizado para versões mais recentes do Windows. Grande parte das orientações ainda se aplica em princípio, mas a apresentação e os exemplos não refletem as nossas orientações de conceção atuais .

Com links de comando, os usuários selecionam uma única resposta para uma instrução principal e, ao fazer isso, passam para a próxima etapa de uma tarefa.

Os links de comando têm uma aparência limpa e leve que permite rótulos descritivos e são exibidos com uma seta padrão ou ícone personalizado, além de uma explicação suplementar opcional.

captura de tela de uma caixa de diálogo típica de link de comando

Um conjunto típico de links de comando.

Os links de comando são semelhantes aos botões de opção na medida em que são usados para selecionar a partir de um conjunto de opções mutuamente exclusivas e relacionadas. Como os botões de opção, os links de comando são sempre apresentados em conjuntos, nunca individualmente. Na aparência, os links de comando têm a aparência leve semelhante aos links de comuns, sem um quadro ou outro clique forte acessibilidade. Os links de comando também são semelhantes aos botões de comando , na medida em que podem ser o "botão de comando" padrão e podem ter uma chave de acesso atribuída. Como botões de confirmação, ao clicar eles fecham a janela (para caixas de diálogo) ou avançam para a próxima página (para assistentes e fluxos de páginas).

Observação

As diretrizes relacionadas a links e layout são apresentadas em artigos separados.

Será este o controlo correto?

Para decidir, considere estas questões:

  • As opções são respostas à instrução principal e estão relacionadas com o objetivo principal da janela ou página? Os usuários devem responder a eles para fazer algo diferente de apenas navegar para uma página diferente? Caso contrário, use outro controle, como botões de comando ou links. Os links de comando não são apropriados para opções secundárias ou opcionais, ou navegação pura.

    captura de tela de um item do painel de controle personalizado

    Embora o item Painel de Controle de Personalização pareça estar usando links de comando, as opções são links regulares porque esse de página de hub é para navegação pura.

  • O controle é usado para escolher uma resposta de um conjunto de respostas mutuamente exclusivas? Se não, use outro controle. Para permitir que os usuários escolham comandos individuais, use botões de comando ou links.

  • Para caixas de diálogo, clicar no controle fecha a janela? Caso contrário, use um controle que não exija fechar a janela, como botões de opção, botões de comando ou links.

    Incorreto:

    captura de tela da caixa de diálogo Configurações do firewall com guias

    Os links de comando não podem ser usados em janelas de propriedade ou caixas de diálogo com guias porque clicar no controle fecha a janela.

  • Para assistentes e fluxos de página, clicar avança para a próxima página sem compromisso? Não use links de comando para se comprometer com uma tarefa; Em vez disso, use os botões de confirmação. Como os links de comando se parecem com links e os usuários associam links à navegação dentro de um fluxo de página, os links não são apropriados para páginas de confirmação porque os usuários sempre devem poder fazer backup.

  • Para assistentes e fluxos de página, outras páginas estão usando links de comando? Em caso afirmativo, e todos os outros fatores sendo iguais, prefira links de comando para consistência entre as páginas.

  • O número de respostas situa-se entre duas e cinco? Nunca deve haver um único link de comando. Como os links de comando são controles grandes e o espaço na tela usado é proporcional ao número de opções, mantenha o número de respostas em cinco ou menos. Para seis ou mais opções, use botões de opção, links regulares ou uma única seleção exibição de lista.

    captura de tela da caixa de diálogo com a lista de comandos

    Neste exemplo, o recurso de Reprodução Automática no Microsoft Windows usa um modo de exibição de lista.

  • Uma combinação de botões de opção e um botão de confirmação seria uma escolha melhor? Os botões de opção são uma escolha melhor quando qualquer uma das seguintes opções for verdadeira:

    • Há uma opção padrão forte que você deseja que a maioria dos usuários selecione. Os usuários são menos propensos a alterar um botão de opção padrão do que um link de comando padrão, especialmente em um assistente, onde os usuários estão acostumados a clicar em Avançar para aceitar os padrões apropriados. Por outro lado, os links de comando são uma escolha melhor se você quiser incentivar os usuários a fazer uma escolha explícita.

    • Os usuários precisam interagir com as escolhas (talvez para ver informações adicionais) antes de tomar uma decisão. Por exemplo, selecionar um botão de opção pode exibir uma descrição sobre a opção dinamicamente.

      captura de tela da caixa de diálogo com botões de opção

      Neste exemplo, selecionar um botão de opção exibe uma descrição da opção.

    • Existem opções secundárias ou relacionadas na página. Os links de comando tendem a dominar a página, tornando mais fácil ignorar todo o resto. Além disso, uma vez que um link de comando é clicado, é impossível selecionar opções secundárias.

      Incorreto:

      captura de tela da caixa de diálogo com controles mistos

      Neste exemplo, há duas maneiras diferentes de responder à instrução principal. Um link de comando não foi usado para a primeira resposta porque seria difícil selecionar opções secundárias.

      Correto:

      captura de tela da caixa de diálogo com os mesmos controles

      Neste exemplo, os botões de opção tornam as respostas claras, permitindo que os usuários selecionem opções secundárias.

  • Para caixas de diálogo, um grupo de botões de confirmação seria uma escolha melhor? Os links de comando funcionam melhor quando as opções exigem respostas mais longas e explicativas e suplementares, mas um grupo de botões de confirmação é uma escolha melhor se houver algumas opções simples.

    Incorreto:

    captura de tela da caixa de diálogo com salvar e não salvar

    Neste exemplo, o uso de links de comando para comandos simples torna a caixa de diálogo desnecessariamente complicada.

    Correto:

    Captura de tela que mostra uma caixa de diálogo com os botões de confirmação 'Salvar', 'Não salvar' e 'Cancelar'.

    Neste exemplo, o uso de botões de confirmação simples vai direto ao ponto.

    No entanto, links de comando autoexplicativos são sempre melhor escolha quando o texto é usado para explicar botões de confirmação.

    Incorreto:

    captura de tela da caixa de diálogo com texto desnecessário

    Neste exemplo, o texto é usado para explicar os botões de confirmação.

    Correto:

    captura de ecrã de etiquetas que não precisam de mais de texto

    Neste exemplo, os links de comando são autoexplicativos.

Observação

Os links de comando exigem o Windows Vista ou posterior, portanto, não são adequados para versões anteriores do Windows. Você pode usar links regulares como um substituto.

captura de tela de links regulares com ícones e de texto

Neste exemplo, links regulares com um ícone e uma explicação suplementar são usados como um substituto para links de comando no Windows XP.

Conceitos de design

Só porque os links de comando permitem que você use rótulos mais descritivos e explicações suplementares opcionais não significa que você deveria. Considere o seguinte exemplo:

Incorreto:

captura de tela da caixa de diálogo com muito texto

Esta caixa de diálogo está seriamente sobre-comunicando.

Esta caixa de diálogo pega uma pergunta simples e a complica desnecessariamente com o texto do link de comando. Os usuários não querem ler todo esse texto para perguntas tão simples.

Podemos simplificar essa caixa de diálogo aplicando três diretrizes de link de comando:

  • Não use uma explicação suplementar que seja uma reafirmação prolixa do link de comando. Use uma explicação suplementar somente quando não for possível tornar um link de comando autoexplicativo. Fornecer uma explicação suplementar para um link de comando não significa que você tenha que fornecê-los para todos os comandos.
  • Selecione a resposta mais segura (para evitar a perda de dados ou acesso ao sistema) e mais segura para ser o padrão. Se a segurança não for um fator, selecione a resposta mais provável ou conveniente.
  • Forneça um botão Cancelar explícito. Não use um link de comando para essa finalidade.

Ao aplicar essas diretrizes, podemos eliminar as explicações suplementares desnecessárias, tornar a resposta mais conveniente padrão e fornecer um botão Cancelar explícito.

Melhor:

captura de tela da caixa de diálogo com comandos e rótulos

Uma versão melhorada com links de comando mais simples.

Embora seja verdade que esta versão não explica explicitamente que não salvar é contado como uma perda, poucos usuários mudarão sua decisão com base nessas informações, tornando isso uma boa compensação.

Esta caixa de diálogo poderia ser ainda melhor, analisando se os links de comando são ou não o controle certo para usar neste caso. Os botões de confirmação são, na verdade, uma escolha melhor, porque não são necessárias respostas mais longas e explicativas.

Melhor:

captura de tela da caixa de diálogo com botões de confirmação

A versão correta usa botões de confirmação para ir direto ao ponto.

Os links de comando têm muitas vantagens, mas quando usados de forma imprudente levam ao excesso de comunicação. Para caixas de diálogo, considere usar botões de confirmação primeiro e usar links de comando somente se os botões de confirmação não fizerem o trabalho bem.

Quando usados adequadamente, os links de comando devem simplificar e esclarecer sua interface do usuário. Se os resultados forem o oposto, dê um passo atrás, reveja as alternativas e concentre-se no que você realmente precisa comunicar.

Se você fizer apenas uma coisa... Não use links de comando para se comunicar demais. Os links de comando devem simplificar e esclarecer a comunicação, não torná-la mais complicada.

Padrões de utilização

Os links de comando têm vários padrões de uso:

Utilização Exemplo
Respostas da página links de comando são usados para responder à instrução principal e avançar para a próxima página. Com esse padrão, os links de comando substituem o botão Avançar, mas ainda há um botão Cancelar.
As respostas da página não implicam compromisso. Como os links de comando se parecem com links e os usuários associam links à navegação dentro de um fluxo de página, os links não são apropriados para páginas de confirmação. os utilizadores devem poder sempre recuar.
Captura de ecrã que mostra uma caixa de diálogo 'Ligar à Internet' com ligações de comando 'Sem fios', 'Banda larga (PPPoE)' e 'Acesso telefónico'.
Neste exemplo, os links de comando são usados para dar respostas descritivas à instrução principal. Embora os botões de opção possam ser usados aqui, os links de comando permitem que os usuários respondam com um único clique.
respostas da caixa de diálogo links de comando são usados para responder à instrução principal e fechar a caixa de diálogo. Com esse padrão, os links de comando substituem os botões de confirmação (como OK), mas ainda há um botão Cancelar.
Ao contrário dos fluxos de página, não há como sair de uma resposta baseada em caixa de diálogo depois que ela for feita. Consequentemente, os links de comando da caixa de diálogo implicam compromisso.
captura de tela da caixa de diálogo com links de comando
Neste exemplo, os links de comando são usados para dar respostas descritivas à instrução principal. Embora os botões de opção possam ser usados aqui, os links de comando permitem que os usuários escolham com um único clique.
Respostas detalhadas Uma resposta de página ou caixa de diálogo que inclui informações detalhadas. Ocasionalmente, os utilizadores podem necessitar de informações mais detalhadas para escolher a sua resposta.
captura de tela da caixa de diálogo de cópia de arquivo e miniaturas
Neste exemplo, links de comando detalhados são usados para que os usuários possam tomar decisões informadas. As miniaturas e os detalhes do arquivo ajudam os usuários a decidir.

Orientações

Interação

  • Exiba um ponteiro ocupado se o resultado de clicar em um link de comando não for instantâneo. Sem comentários, os usuários podem presumir que o clique não aconteceu e clicar novamente.

Apresentação

  • Sempre apresente links de comando em um conjunto de dois ou mais. Logicamente, não há razão para fazer uma pergunta que tem apenas uma resposta.

    Incorreto:

    captura de tela da caixa de diálogo com um link de comando

    Neste exemplo, a caixa de diálogo parece estar oferecendo ao usuário uma escolha, mas há apenas uma instrução. Em vez disso, este deve ser um diálogo informativo.

  • Apresente primeiro os links de comando mais usados. A ordem resultante deve seguir aproximadamente a probabilidade de uso, mas também ter um fluxo lógico.

    • Exceção: links de comando que resultam em fazer tudo devem ser colocados em primeiro lugar.
  • Forneça um botão Cancelar explícito. Não use um link de comando para essa finalidade. Muitas vezes, os usuários percebem que não querem executar uma tarefa. Usar um link de comando para cancelar exigiria que os usuários lessem todos os links de comando cuidadosamente para determinar qual deles significa cancelar. Ter um botão Cancelar explícito permite que os usuários cancelem uma tarefa de forma eficiente.

    Incorreto:

    captura de tela da caixa de diálogo com o link 'não sair'

    Neste exemplo, o link do comando Não sair deve ser um botão Cancelar.

  • Se o fornecimento de um botão Cancelar explícito deixar um único link de comando, forneça um link de comando para cancelar e um botão Cancelar. Isso deixa claro que os usuários têm escolha. Fraseie este link de comando em termos de como ele difere da primeira resposta, em vez de apenas "Cancelar" ou alguma variação.

    captura de tela de dois links e um botão de cancelamento

    Neste exemplo, o segundo link de comando indica que o usuário tem uma escolha, mas tudo o que ele faz é cancelar. No entanto, ele é formulado em termos de como ele difere do primeiro link de comando.

  • Use Fechar em vez de Cancelar se não puder retornar o ambiente ao seu estado anterior, não deixando nenhum efeito colateral.

  • Não exiba links de comando desativados. Se um link de comando não se aplicar ao contexto atual, remova-o. Se a remoção de todos os links de comando que não se aplicam deixar um único link de comando, elimine a janela ou a página ou exiba um de confirmação se o consentimento explícito do usuário for necessário.

Ícones

  • Todos os links de comando precisam de um ícone. Os ícones ajudam os usuários a distinguir links de comando de links regulares e texto da interface do usuário.

  • Use o ícone de seta apenas para links de comando. Os links regulares não devem usar o ícone de seta, a menos que estejam sendo usados como um substituto para links de comando no Windows XP.

  • Use o ícone do escudo de segurança para indicar que uma resposta requer elevação imediata. Para obter diretrizes adicionais sobre como usar o ícone do escudo de segurança, consulte o Controle de Conta de Usuário.

  • Use ícones personalizados somente se eles ajudarem os usuários a identificar visualmente e diferenciar as opções. Não use ícones personalizados se eles não forem imediatamente reconhecíveis ou significativos.

    Incorreto:

    captura de tela de dois links de comando com ícones personalizados

    Neste exemplo, os ícones personalizados não são imediatamente reconhecíveis.

  • Para ícones personalizados, use ícones de 16x16 ou 32x32 pixels. Use os ícones maiores se houver espaço suficiente e eles se beneficiarem visualmente do tamanho maior. Se precisar de sobreposições de escudo de segurança, use ícones de 32x32 ou 48x48 pixels.

    captura de tela de três links de comando com ícones

    Este exemplo usa ícones personalizados de 32x32 pixels.

    captura de tela de dois links de comando com ícones maiores

    Este exemplo usa ícones personalizados de 48x48 pixels, com uma sobreposição de escudo de segurança.

  • Evite misturar ícones personalizados com o ícone de seta padrão em uma janela ou página. Se utilizar um ícone personalizado numa superfície, tente utilizar todos os ícones personalizados. No entanto, prefira o ícone de seta padrão em vez de ícones personalizados sem sentido.

Valores padrão

  • Selecione a resposta mais segura (para evitar a perda de dados ou acesso ao sistema) e mais segura para ser o padrão. Se a segurança não for um fator, selecione a resposta mais provável ou conveniente.
  • Quando prático, torne a primeira resposta a opção padrão porque os usuários geralmente esperam isso, a menos que essa ordem não seja lógica.
  • Para caixas de diálogo, não torne uma ação destrutiva o link de comando padrão a menos que haja uma maneira fácil de desfazer a ação.

captura de tela do de dimensionamento e espaçamento do link de comando

Rótulos

Observação

Como os links de comando são respostas a uma instrução principal, você deve criar um bom de instrução principal antes de determinar suas respostas.

Rótulos de link de comando

  • Escolha um rótulo conciso que comunique claramente e diferencie o que o link de comando faz. Deve ser autoexplicativo e corresponder à instrução principal. Concentre os rótulos nas diferenças entre as respostas. Os usuários não devem ter que descobrir o que o link de comando realmente significa ou como ele difere de outros links de comando.

    Incorreto:

    captura de tela de um link de comando redundante

    Neste exemplo, qual é a diferença entre a segunda e a terceira respostas? Você não está feliz por haver um botão Cancelar?

  • Concentre os rótulos de link de comando em ajudar os usuários a tomar a decisão certa. Omitir detalhes que não afetem a escolha. Os rótulos não precisam ser uma especificação completa do que vai acontecer.

  • Iniciar links de comando com um verbo. Não use clique, no entanto, porque o rótulo deve comunicar o que o link de comando faz, não como ele funciona.

    • Exceção: Se todos os links de comando começarem com o mesmo verbo ou frase, elimine o verbo ou frase redundante.
  • Em geral, usam frases positivas (fornecendo uma escolha para fazer algo). O fraseado negativo (que permite escolher não fazer algo) é aceitável se tornar os rótulos mais fáceis de compreender.

  • Use frases paralelas e rótulos de linha única. Rótulos longos desencorajam a leitura e não deveriam ser necessários. Além disso, etiquetas de tamanho moderado são mais fáceis de consultar na documentação.

  • Use maiúsculas no estilo de frase.

  • Não use pontuação final, a menos que o rótulo seja uma pergunta.

  • Atribua uma chave de acesso exclusiva. Para obter diretrizes, consulte Keyboard.

  • Não use elipses. Elipses significam que mais informações podem ser necessárias para executar a ação. Os links de comando usados corretamente não precisam de elipses porque têm um efeito imediato.

  • Se uma resposta for altamente recomendada, adicione "(recomendado)" ao rótulo. Certifique-se de adicionar ao rótulo, não a explicação suplementar.

  • Se uma resposta se destinar apenas a utilizadores avançados, considere adicionar "(avançado)" à etiqueta. Certifique-se de adicionar ao rótulo, não a explicação suplementar.

Dica: Você pode avaliar links de comando imaginando que um amigo declarou a instrução principal e você respondeu com os links de comando. Se responder com os links de comando for antinatural ou estranho, revise os links de comando e, possivelmente, a instrução principal.

Explicações complementares

  • Se um link de comando exigir mais explicações, fornecer uma explicação suplementar. Explicações suplementares descrevem por que os usuários podem querer escolher uma resposta ou o que acontece se uma resposta for escolhida.

    captura de tela do texto descrevendo os resultados da opção

    Neste exemplo, a explicação suplementar descreve as implicações da opção.

  • Não use uma explicação suplementar que seja uma reafirmação prolixa do link de comando. Use uma explicação suplementar somente quando não for possível tornar um link de comando autoexplicativo. Fornecer uma explicação suplementar para um link de comando não significa que você tenha que fornecê-los para todos.

  • Concentre-se em explicações suplementares em ajudar os usuários a tomar a decisão certa. Omitir detalhes que não afetem a escolha. As explicações complementares não precisam ser uma especificação completa do que acontecerá.

  • Use frases paralelas e, no máximo, três linhas de texto. Longas explicações complementares desencorajam a leitura e não devem ser necessárias.

  • Use frases completas e pontuação final.

Rótulos do grupo de links de comando

  • Não use rótulos de grupo. As instruções principais funcionam como o rótulo de grupo para links de comando.

Documentação

Ao se referir a links de comando:

  • Use o texto exato do rótulo, incluindo sua maiúscula, mas não inclua o sublinhado da chave de acesso.
  • Se o rótulo incluir um nome de objeto, omita o nome do objeto ou use texto de espaço reservado.
  • Para descrever a interação do usuário, use click.
  • Sempre que possível, formate o rótulo usando texto em negrito. Caso contrário, coloque o rótulo entre aspas apenas se necessário para evitar confusão.

Exemplos: Para copiar a imagem, clique em Copiar e Substituir.

Clique em Redefinir o adaptador de rede. (Para um link de comando rotulado "Redefinir o adaptador de rede o nome do adaptador".)