it-swarm-pt.tech

Os hiperlinks devem ser azuis?

Criei um site em que todos os hiperlinks têm as cores padrão: azul para links, roxo para links visitados. Eles ficam vermelhos ao passar o mouse.

Acredito que sempre usar azul para hiperlinks é uma coisa boa, para que seus usuários possam ver rapidamente o que é um hiperlink e o que não é. No entanto, alguns dos meus colegas discordam e querem outras cores.

Quais são seus pensamentos sobre isso?

42
Husky

Um padrão, como # 0000FF para links não visitados e # 800080 para links visitados, só é bom se quase todo mundo fizer. Caso contrário, os usuários não poderão prever quando o padrão será e não serão seguidos e, portanto, não poderão mais usá-lo para prever o comportamento do site. Infelizmente, a maioria dos sites não segue esses padrões de cores. Em uma pesquisa aleatória (não confunda com uma pesquisa aleatória), acho que menos de um terço dos sites está em conformidade com o padrão. Na minha experiência, os usuários que são relativamente novos na Web podem nem estar cientes do padrão - isso não é algo que eles tenham conseguido entender com a experiência. A cor provou ser um atributo gráfico muito importante para fins estéticos e de marca para os designers seguirem estritamente o padrão. Francamente, não era um ótimo padrão de qualquer maneira - é difícil para alguns usuários se concentrar em texto azul de alta saturação, especialmente em usuários mais antigos. No geral, acho que não há mais motivo para cumprir esse padrão.

No entanto, ainda faz sentido tornar seus links azuis em um sentido mais amplo. Mais de 80% dos sites pesquisados ​​usam um tom de azul para o link. Portanto, embora não seja exatamente um usuário padrão que possa confiar, acredito que eles tenderão a assumir que o azulado é mais vinculativo do que outras cores. Pelo que vi, você pode usar uma cor não azul para links, desde que seja uma cor distinta (seus usuários não devem ' não é necessário passar o mouse sobre o texto de cada cor para ver se é um link ou não). No entanto, se for razoável usar o azul, fique azul.

Ainda mais importante que a escolha da cor é sublinhar seus links , pelo menos para links que não estão em um menu da barra superior ou lateral. Mais de 90% dos sites que observei usam sublinhados para distinguir links (embora muitas vezes apenas com o mouseover), tornando-o uma convenção seguida de forma consistente. O sublinhado também define claramente os problemas de acessibilidade da cor - incluindo problemas que envolvem a pequena minoria de usuários que são completamente daltônicos.

Juntando tudo, recomendo praticamente o mesmo mesmas coisas que Jakob Nielsen recomendo seis anos atrás:

  • Para um site específico, use uma cor para todos os links não visitados. O uso de várias cores para significar um link não visitado aumenta a carga de aprendizado do seu site e dificulta a busca de links pelos usuários.

  • Por "cor", quero dizer que tem uma tonalidade - os links não devem ser pretos, brancos ou cinza. Não cores indicam texto sem link para os usuários.

  • Se houver algum azul na paleta do seu site, use-o para links.

  • Nunca use a cor do link escolhida para o texto não vinculado no site. Isso confundirá os usuários sobre o que é e o que não é um link, derrotando o objetivo de colorir links.

  • Sublinhe todos os links. Use o mouse sobre o sublinhado com cuidado. Eu consideraria isso apenas se os links forem azuis ou se estiverem em um menu superior ou lateral.

  • Nunca sublinhe os não links. Use itálico ou negrito para enfatizar.

Para sites com conteúdo estático, a pesquisa sugere que você mostre links visitados em uma cor diferente . No entanto, sem cores específicas para links não visitados, é difícil saber o que usar para um link visitado. Apenas um terço dos sites pesquisados ​​distinguem links visitados e não visitados, e a maioria deles não usa roxo nos links visitados, portanto, não sei como os usuários estão familiarizados com esta convenção. A codificação por cores é arbitrária aqui - não há nada sobre o roxo em si que significa "visitado". Os usuários podem inferir o significado quando clicam em um link e voltam e veem a mudança de cor, mas imagine um usuário que retorne ao site um mês depois, e alguns links sejam de uma cor enquanto outros são de cores diferentes. seja difícil lembrar qual é qual.

Tudo o que posso sugerir é tentar aproveitar experiências mais amplas do usuário e adotar uma cor de aparência “desgastada” para os links visitados. Isso deve ter uma saturação de cor menor que a cor dos links não visitados (consistente com o uso de # 800080 versus # 0000FF), mas uma saturação mais baixa por si só provavelmente não é suficiente para tornar a visita adequadamente distinta da não visitada para todos os usuários. O quê mais? Reduza a tonalidade como alguns sites, consistente com o uso do roxo contra o azul? Use uma cor mais clara, como outros sites, para tornar o link "desbotado"? Use uma cor mais escura como outros sites usam para fazer o link se misturar mais com o texto comum? Eu acho que isso precisa de alguma pesquisa e, em seguida, precisamos torná-lo um padrão.

32
Michael Zuschlag

A convenção é agradável quando o seu esquema de cores permite, mas a consistência interna é mais importante, portanto, não sinta que precisa seguir a paleta azul/roxo/vermelho. Também é vital que seus links sejam diferenciados do texto normal. A diferenciação geralmente é realizada por cor, peso ou sublinhado. Cores diferentes para diferentes estados de link aumentam a usabilidade.

27
Virtuosi Media

Se os links devem ser azuis ou não, é uma discussão antiga. Jakob Nielsen, por exemplo, é conhecido por defender isso, embora tenha mudado ao longo dos anos: em sabilidade da página inicial ele destaca a visão alterada ( Nielsen e Loranger 2006, p. 100).

No entanto , mais importante que #0000FF links coloridos são que você alteração a cor dos visitados links . Não necessariamente para roxo, mas para alguma coisa (notavelmente) diferente.


Minha opinião (inspirada): Estética é importante. Portanto, eu escolheria uma cor de link distinta que corresponda à sensação visual geral, seja ela #0000FF ou outra cor.

8
jensgram

A razão de ser desse azul horrível é que as pessoas daltônicas (ou seja, o caso mais comum de daltonismo) podem distinguir entre preto e azul, para que realmente vejam a diferença. Se você tem um número enorme de usuários que podem ser daltônicos (por exemplo, google ou bing), convém seguir essa convenção. Caso contrário, você não precisará fazer isso se não funcionar com o seu design. Mas você pode pelo menos sublinhar os links ou torná-los diferentes, além da cor.

3
Lukas Oppermann

Eles não precisam ser azuis, apenas consistentes. E por consistente, não quero dizer que todos eles tenham que ser de uma cor. Links na navegação x links no rodapé x links no conteúdo - cada um pode ter sua própria cor, desde que seja consistente em suas áreas e se destaque como clicável.

Na minha opinião, é melhor que as cores dos botões também sejam consistentes com as cores dos links, fornecendo ao usuário uma cor "isso é clicável", não apenas uma cor de link. Também concordo com os comentários anteriores sobre os links visitados - eles não precisam ser drasticamente diferentes, mas visivelmente diferentes.

Por último, mas não menos importante, quando você definir cores de link, defina cores de plano de fundo e de texto.

Não presuma que você está começando com um plano de fundo branco, texto em preto e links azul/roxo - o usuário pode alterá-los. Você deve configurar seu navegador para usar cores não padrão, para poder ver quando seus sites (e muitos outros) não conseguem defini-las. (Eu tenho a cor de plano de fundo do navegador definida como cinza claro, texto marrom, links em verde brilhante, links visitados em verde escuro e foco instantâneo em laranja).

2
Webveloper

Primeiro, a questão principal dos links não é tanto se eles têm uma cor específica, mas garantir que eles sejam diferenciados o suficiente para deixar claro que são links.

@VirtuosiMedia e @jensgram, eu concordo que a diferenciação de links visitados é boa, mas ainda assim a chave é simplesmente garantir que seus links se destacem. Particularmente agora, com sobrecarga de informações e muita digitalização em vez de leitura, os usuários precisam ver os links rapidamente e é útil saber se você visitou algo, especialmente algo que não visitou na página em que está . Acredito que esse conceito seja mais importante se alguém ler o conteúdo em uma área ou setor de tópico principal, onde muitos sites apontam para o mesmo material. Sempre devemos lembrar que os usuários podem substituir o comportamento dos links visitados nas configurações do navegador (como eu).

@Lukas e @Charles Eu também concordaria que o sublinhado não necessariamente funciona. Se estiver projetando para um contraste alto o suficiente, para aqueles que são daltônicos, o simples uso de uma cor diferente também pode não ser suficiente. Quanto mais diferenciação você puder fornecer aos seus links e mais variação de pseudo classe depois disso, melhor. Por exemplo, com um design simples, a cor do texto # 333 e a cor do link # 000 provavelmente não serão suficientes para usuários com baixa acuidade ou daltônicos, mas tornar o link preto em negrito e sublinhado pode ser suficiente. Seria melhor o estado mudar em foco e ativo e depois mudar novamente, talvez para algo como um # 999 no caso que citei acima.

@Stewbob Sério? Mesmo que seu design fede ao azul, você deve fazê-lo? Dificilmente.

1
jameswanless

Não acho que a cor específica seja importante ou que esteja sublinhada. Desde que seja imediatamente aparente que eles possam ser clicados, tudo bem.

Já estive em sites em que tive que caçar (com o mouse) algo que pudesse clicar. Se o cursor girasse para a mãozinha, eu sabia que poderia clicar nela. Para mim, isso é um design muito ruim.

Embora o design de cada site seja diferente, acho que, em geral, deve ser óbvio o que pode ser clicado para executar uma ação apenas olhando (passivamente) a página. Dito isto, seguindo os padrões gerais, em termos de onde as coisas estão, é bom. Muitos sites terão as informações da conta no canto superior direito. Novamente, eu já estive em sites no passado onde tive que gastar 5 minutos ou mais tentando encontrar o link "sair/desligar".

0
Antony Scott

Aqui estão os publicados da Microsoft padrões para links . Há uma seção específica sobre link cores e planos de fundo, com ilustrações divertidas de uso incorreto.

0
JeromeR