Links
Links permitem que o usuário se desloque de uma página para outra localizada em diferente URL (no mesmo ou em outro site), através de uma estrutura hipertextual de informações. Para ferramentas de busca como o Google, o número de links na internet que apontam para um arquivo sinaliza a sua relevância.
Na maior parte das vezes quando os usuários selecionam um link têm a opção de abrir uma página nova ou uma nova banda, ou tab, no browser. Neste momento, quanto maior a sua satisfação, mais se sente em controle sobre o percurso e a sua confiança para se deslocar na estrutura de informações de um site, portal ou conjunto de sites se mantém. ► Exemplo
■ Em cada página web, os links devem ser sinalizados claramente e sua funcionalidade ficar aparente na página. Algumas práticas otimizam a sua criação em interfaces online:
◊ Os links devem ser sinalizados claramente e sua funcionalidade ficar aparente na página e no meio de um texto.
◊ Normalmente são associados a textos sublinhados – textos comuns, destacados com sublinhado apenas como estilo de tipologia são confundidos com links e devem ser evitados.
◊ Os links visitados devem ter cores ligeiramente diferentes dos demais links, o que ajuda o usuário a identificar o percurso percorrido numa lista de links. ► Exemplo
Este recurso é especialmente útil quando os links estão localizados em listas, como no resultado de uma busca, por exemplo.
◊ Os links que abrem mensagem no programa de email com o endereço do destinatário também devem ter sinalização especial – se o usuário está usando um equipamento que não é o seu, pode gerar uma mensagem com o endereço e o remetente errado.
◊ Links que apontam para a mesma página (âncoras) também devem ser sinalizados. O usuário pode ter o seu sentido de localização confundido, sem saber se está ou não na mesma página do link. ► Exemplo
◊ Links que apontam para comandos (como realizar buscas ou compras) devem descrever claramente a ação que realizam e ser mais explicativos do que os botões.
◊ O formato e tamanho do arquivo nos links para arquivos de vídeo e som, ou arquivos para download, também devem ser sinalizados. ► Exemplo
◊ Menus com os itens escondidos devem ser sinalizados (com setinhas, pore exemplo), para que o usuário não passe por eles sem saber que estão lá. ► Exemplos
◊ Links em forma de banners não devem ser parte da navegação prioritária, pois são confundidos com anúncios que conduzem para sites externos aos da página onde estão publicados.
◊ Quanto menos links o usuário precisar selecionar para chegar à informação que procura, mais eficiente é a estrutura. A estrutura de navegação define o grau de facilidade de localização das informações pelos usuários.
Páginas mais profundas na estrutura de informações devem ter chamadas ou menus na Principal ou páginas próximas, de forma a facilitar a sua localização.
Além de relacionados à usabilidade das páginas web e móveis, os links têm também forte conexão com o conteúdo editorial.
■ Links são identificados visualmente pelos programas navegadores. Já os programas de leitura de tela, usados por pessoas com deficiências físicas, os diferenciam dos textos comuns associando a sua leitura a uma voz diferente. Os usuários podem também usar a tecla "tab" para passear entre links ou pedir ao programa para ler apenas os links das páginas (sem ler o restante dos textos).
A capacidade de identificação dos links pelos diferentes programas que atuam na web permite às ferramentas de busca que classifiquem as páginas baseadas na frequência da sua incidência.
Assuntos relacionados
► Links para indexação
► Links e fraudes
► Arquitetura da informação
► Acessibilidade
Referências sobre a criação de links
1) Where should you put the links? A comparison of four locations (Software Usability Resarch Laboratory, Whichita State University, acesso em1.2.2009)
► To link or not to link? (e-consultancy, acesso em 2.11.2008)
2) Reduce bounce rates: Fight for the second click (Alertbox, acesso em 5.8.2008)
► Command links, de Jakob Nielsen, sobre a diferenciação entre links de textos e de comandos de ações da interface web (UseIt, 14.5.2007)
Mais informação sobre o assunto (links externos)
► Web developer basics: Link relations In HTML5 - dicas de código para criar links entre arquivos (internet.com, acesso em 1.1.2011)
► Avoid within-page links - sobre situações em que os links para a mesma página (âncoras) podem ser usados sem confundir o usuário (UseIt, acesso em 28.2.2006)