Links

O elemento clicável que leva a pessoa a outra página, seção ou recurso.

Hard

O que é

Link é o bloco básico de navegação: um texto ou ícone que leva a outro destino, dentro ou fora do produto. É ele que conecta conteúdo, função e recurso, formando os caminhos que a pessoa percorre pela interface.

Um link precisa parecer link, com sublinhado, cor diferente e estado de hover. Quando ele não fica visualmente distinto, a pessoa não percebe que dá pra clicar, e a descoberta cai. Manter a consistência no estilo deixa a interação previsível, porque a pessoa aprende uma vez e reconhece sempre.

A redação também importa bastante. O link descritivo vence o genérico, já que “Ver planos” diz muito mais do que “Clique aqui”. Isso ajuda a usabilidade, o leitor de tela, que muitas vezes lê os links fora de contexto, e até o SEO. E vale diferenciar link interno de externo, sinalizando quando ele abre em nova aba ou leva pra fora do produto.

Em uma frase

Vamos trocar os "Saiba mais" por "Ver detalhes do plano" pra fazer sentido até pra quem usa leitor de tela.

A pergunta que ele responde

Por que meu link some no meio do texto e ninguém percebe que dá pra clicar?

Quando usar

Ajuda pra conectar conteúdo e levar a pessoa a outro destino, dentro ou fora do produto, sempre que o objetivo é mover, e não executar uma ação ali na hora.

Como não usar

O cuidado é não usar texto vago como "Clique aqui", que não diz o destino, nem deixar o link sem estilo distinto, porque aí ninguém percebe que ele é clicável e a navegação se perde.

Na prática

Pense num time que troca todos os "Saiba mais" por links descritivos como "Ver detalhes do plano". A mudança ajuda principalmente quem usa leitor de tela, porque o link passa a fazer sentido mesmo lido fora do contexto.

Não confunda com

Vale separar link de botão. O link leva a pessoa a outro lugar, ou seja, é navegação. O botão dispara uma ação ali mesmo, como enviar ou salvar. Um te transporta, o outro faz algo acontecer sem sair da tela, e usar um no papel do outro confunde a pessoa.

D

Em inglês

Links

Pronúncia

n/a

Também chamado de

link, hyperlink, atalho de navegação

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre link wording