Hiperlinks

Diretrizes para hiperlinks

Quando selecionados, os hiperlinks levam o usuário para outra parte do aplicativo, para outro aplicativo ou iniciam um URI (identificador de recurso uniforme) específico usando um aplicativo de navegador separado. Há dois tipos principais de hiperlink: o texto que aparece embutido como texto dinâmico e um botão que aparece como texto marcado.

Este é o controle correto?

Use um hiperlink quando você precisar de texto que responde quando selecionado e o usuário navegar para obter mais informações sobre o texto que foi selecionado.

Escolha o tipo correto de hiperlink com base em suas necessidades:

  • Use um hiperlink de texto se desejar a quebra de linha automática e não precisar necessariamente de um alvo de toque grande. O texto do hiperlink costuma ser pequeno e pode ser difícil acessar, especialmente para o toque.
  • Se você não deseja a quebra automática de linha ou precisa apenas de um alvo de toque maior, use um botão. A altura do botão é 44 epx.

Exemplos

Aqui está um exemplo de um hiperlink como um elemento de texto que aparece embutido em texto dinâmico:

Exemplo de um hiperlink como um elemento de texto

Este é um exemplo de um hiperlink como um botão. Ele aparece como texto marcado e pode ser colocado em um contêiner de layout.

Exemplo de um hiperlink como um controle de botão

Recomendações

  • Só use hiperlinks para navegar; não os utilize para outras ações.
  • Use o estilo de Corpo da rampa de tipos para hiperlinks baseados em texto. Leia mais sobre fonts and the Windows 10 type ramp.
  • Mantenha hiperlinks diferentes distantes o suficiente para que o usuário possa diferenciar entre eles e tenha facilidade de selecionar cada uma deles.
  • Adicione dicas de ferramentas aos hiperlinks que indicam para onde o usuário será direcionado. Se o usuário será direcionado para um site externo, inclua o nome do domínio de nível superior dentro da dica de ferramenta e defina o estilo de texto com uma cor de fonte secundária.

[Este artigo contém informações que são específicas a aplicativos da Plataforma Universal do Windows (UWP) e ao Windows 10. Para obter as diretrizes do Windows 8.1, baixe o PDF de diretrizes do Windows 8.1.]

Tópicos relacionados

Para designers
Diretrizes para dicas de ferramenta
Para desenvolvedores (XAML)
Windows.UI.Xaml.Controls Hyperlink class
Windows.UI.Xaml.Controls HyperlinkButton class
Para desenvolvedores (HTML)
a element | a object (HTML)

 

 

Mostrar:
© 2016 Microsoft