Como distinguir itens de menu vinculados a outros sites

Eu trabalho para uma universidade grande e estamos tentando sugerir algumas idéias para nossos menus suspensos, que são razoavelmente padrão, não muito sofisticados.

A universidade possui seu site principal e muitos sub-sites, cada um com seu próprio conjunto de links de menu. Além do nome de domínio e do tema, esses são essencialmente sites separados.

Esses sub-sites geralmente se vinculam nos menus principais, o que pode ser desorientador. Você clica em um link em um menu, acessa uma página, deseja ver o mesmo menu, mas está em um site completamente diferente, para ter opções de menu diferentes.

Existem boas maneiras de distinguir visualmente esses links de menu entre sites? Gostaria de saber se um ícone de seta ao lado do link ou algo ajudaria as pessoas a saber que estão saindo do site.

Eu simplesmente usaria um pequeno e discreto ícone "Nova Janela" ....

Por que não colocar todos os links externos em uma lista suspensa autorizada Partnersou similar e usar todos os indicadores sutis sugeridos neste post?

Não vou fingir que essas idéias são minhas, elas vêm de todas as outras neste post. Acabei de adicionar o toque de colocá-lo em seu próprio menu suspenso, porque para mim isso faz muito mais sentido do que misturá-lo com a navegação interna.

Com todos os indicadores combinados, acho que é óbvio dizer 'Esses links saem do site' ou simplesmente 'Esses links são diferentes, uma vez que você clica neles, verá o porquê'.

Se você precisar incluir cada um em um site, por que não criar um painel de navegação multicolorido que use as cores de cada site, se forem diferentes. Clicar no nível superior direcionará uma nova página para o site, mas também permitirá a navegação suspensa com a cor estilizada como plano de fundo ou criará uma linha sólida à esquerda ou à direita para indicar que você está no site.

Talvez algo assim, mas eu usaria uma linha simples na parte inferior, em vez de um fundo de cor sólida:

Se você precisar listar tudo isso, também adicionaria um Sitemap no rodapé para facilitar o acesso.

Do ponto de vista pessoal do design da web, eu segmentaria cada site possivelmente como um pré-cabeçalho na parte superior que não usa uma lista suspensa, mas uma target="_blankpara o site. Isso ajudará a uma experiência melhor e, em seguida, basta codificar o rodapé de cada site com o site como cabeçalho e os links abaixo dele no painel de navegação principal de cada site. Gere uma opção pós-rodapé com um link para o Sitemap

Você certamente deve dar a eles uma aparência diferente de alguma forma (pode ser quase qualquer coisa, desde que seja consistente em todos os sites), mas acompanhe-a title="Opens a different website in a new windowpara que a mensagem seja exibida como uma dica de ferramenta ao passar o mouse. Você também pode levar o visitante a uma página intermediária que informa que eles estão saindo do site atual.

A menos que você tenha uma razão convincente para não fazê-lo, eu também recomendaria criar todos esses links target="_blank"para minimizar a confusão.

Talvez ter um ícone sobre o assunto, logotipo ou tema do site externo representando o ajude.