it-swarm-es.com

¿Deben los hipervínculos ser azules?

He creado un sitio donde todos los hipervínculos tienen los colores predeterminados: azul para enlaces, púrpura para enlaces visitados. Se vuelven rojos al pasar el ratón.

Creo que usar siempre azul para hipervínculos es algo bueno, por lo que sus usuarios pueden ver rápidamente qué es un hipervínculo y qué no. Sin embargo, algunos de mis colegas no están de acuerdo y quieren otros colores.

¿Qué piensas sobre esto?

42
Husky

Un estándar, como # 0000FF para enlaces no visitados y # 800080 para enlaces visitados, solo es bueno si casi todos lo hacen. De lo contrario, los usuarios no pueden anticipar cuándo se seguirá o no el estándar y, por lo tanto, ya no podrán usarlo para predecir el comportamiento del sitio. Lamentablemente, la mayoría de los sitios web no siguen estos estándares de color. En una encuesta aleatoria (que no debe confundirse con una encuesta aleatoria), encuentro que menos de un tercio de los sitios cumplen con el estándar. En mi experiencia, los usuarios que son relativamente nuevos en la web pueden no ser conscientes del estándar, simplemente no es algo que hayan podido aprender de su experiencia. El color ha demostrado ser un atributo gráfico demasiado importante para fines estéticos y de marca para que los diseñadores sigan estrictamente el estándar. Francamente, no era un gran estándar de todos modos, es difícil para algunos usuarios centrarse en el texto azul de alta saturación, especialmente los usuarios mayores. En general, ya no creo que tenga mucho sentido cumplir con este estándar.

Sin embargo, todavía tiene sentido hacer que sus enlaces sean azules en un sentido más amplio. Más del 80% de los sitios que encuesté usan un poco de azul para el enlace. Entonces, aunque no es exactamente un estándar en el que los usuarios puedan confiar, creo que tenderán a suponer que el color azulado es más vinculante que otros colores. Por lo que he visto, puede salirse con la suya usando un color que no sea azul para los enlaces, siempre que sea un color distinto (sus usuarios no deberían ' No tiene que pasar el mouse sobre cada texto de color para ver si es un enlace o no). Sin embargo, si es razonable usar azul, entonces vuélvase azul.

Incluso más importante que la elección del color es subrayar sus enlaces , al menos para los enlaces que no están en el menú de la barra superior o lateral. Más del 90% de los sitios que analicé utilizan subrayado para distinguir enlaces (aunque a menudo solo con el mouseover), lo que lo convierte en una convención muy consistente. El subrayado también deja de lado los problemas de accesibilidad del color, incluidos los problemas relacionados con la pequeña minoría de usuarios que son completamente daltónicos.

En conjunto, recomiendo más o menos el lo mismo que Jakob Nielsen recomendó hace seis años:

  • Para un sitio de donación, use un color para todos los enlaces no visitados. El uso de múltiples colores para significar un enlace no visitado aumenta la carga de aprendizaje de su sitio y hace que sea más difícil para los usuarios buscar enlaces para seleccionar.

  • Por "color" quiero decir que tiene un tono: los enlaces no deben ser negros, blancos o grises. Los colores que no son de color indican texto sin enlace para los usuarios.

  • Si hay algún azul en la paleta de su sitio, use ese azul para los enlaces.

  • Nunca use el color de enlace elegido para el texto sin enlace en el sitio. Esto confundirá a los usuarios sobre qué es y qué no es un enlace, lo que anula el propósito de colorear los enlaces.

  • Subrayar todos los enlaces. Utilice el subrayado del mouse con precaución. Solo lo consideraría si los enlaces son azules o los enlaces están en un menú superior o de la barra lateral.

  • Nunca subraye los no enlaces. Use cursiva o negrita para enfatizar en su lugar.

Para los sitios con contenido estático, la investigación sugiere que muestre enlaces visitados en un color diferente . Sin embargo, sin un color específico para los enlaces no visitados, es difícil saber qué usar para un enlace visitado. Solo un tercio de los sitios que encuesté distinguen enlaces visitados y no visitados, y la mayoría de estos no usan el color púrpura para sus enlaces visitados, por lo que no sé qué tan familiarizados están los usuarios con esta convención. La codificación de colores es arbitraria aquí, no hay nada sobre el púrpura per se que signifique "visitado". Los usuarios pueden inferir el significado una vez que hacen clic en un enlace y regresan y ven el cambio de color, pero imaginen a un usuario que regresa al sitio un mes después, y algunos enlaces son de un color, mientras que otros son de un color diferente. será difícil recordar cuál es cuál.

Todo lo que puedo sugerir es tratar de aprovechar experiencias de usuario más amplias y adoptar un color de aspecto "desgastado" para los enlaces visitados. Esto debería tener una saturación de color más baja que el color para enlaces no visitados (consistente con el uso de # 800080 versus # 0000FF), pero una saturación más baja por sí misma probablemente no sea suficiente para hacer que las visitas sean adecuadamente distintas de las no visitadas para todos sus usuarios. ¿Qué más? ¿Cambiar el tono al rojo como lo hacen algunos sitios, de acuerdo con el uso de púrpura versus azul? ¿Utiliza un color más claro, como lo hacen otros sitios para hacer que el enlace se vea "desvaído"? ¿Usa un color más oscuro como otros sitios para hacer que el enlace se mezcle más con el texto normal? Creo que esto necesita un poco de investigación, y luego debemos convertirlo en un estándar.

32
Michael Zuschlag

La convención es agradable cuando su combinación de colores lo permite, pero la consistencia interna es más importante, así que no sienta que necesita adherirse a la paleta azul/púrpura/roja. También es vital que sus enlaces se diferencien del texto normal. La diferenciación generalmente se logra por color, peso o un subrayado. Diferentes colores para diferentes estados de enlace aumentan la usabilidad.

27
Virtuosi Media

Si los enlaces deben ser azules o no es una discusión antigua. Jakob Nielsen, por ejemplo, es conocido por abogar por esto, aunque ha cambiado a lo largo de los años: en sabilidad de la página de inicio destaca su cambio de vista ( Nielsen y Loranger 2006, p. 100).

Sin embargo , más importante que #0000FF los enlaces de colores son que usted cambiar el color de los visitados enlaces . No necesariamente a púrpura, sino a ¡algo (notablemente) diferente.


Mi opinión (inspirada): Estética ¡es importante. Por lo tanto, optaría por un color de enlace distinto que coincide con la sensación visual general, ya sea #0000FF u otro color.

8
jensgram

La razón de que sea este azul horrible es que las personas daltónicas (es decir, el caso más común de daltonismo) pueden distinguir entre negro y azul, por lo que realmente ven la diferencia. Si tiene una gran cantidad de usuarios que podrían ser daltónicos (por ejemplo, google o bing), es posible que desee seguir con esta convención. De lo contrario, no necesita hacer eso si no funciona con su diseño. Pero al menos puede subrayar los enlaces o hacer que sean diferentes aparte del color.

3
Lukas Oppermann

No necesitan ser azules, solo consistentes. Y por coherente, no quiero decir que todos tengan que ser de un solo color. Enlaces en la navegación vs. enlaces en el pie de página vs. enlaces en el contenido: cada uno puede tener su propio color, siempre que sean consistentes dentro de sus áreas, y se destaquen como clicables.

En mi opinión, es mejor si los colores de los botones también son consistentes con los colores del enlace, lo que le da al usuario un color de "esto es cliqueable", no solo un color de enlace. También estoy de acuerdo con los comentarios anteriores sobre los enlaces visitados: no necesitan ser drásticamente diferentes, sino notablemente diferentes.

Por último, pero no menos importante, cuando define colores de enlace, defina colores de fondo y texto.

No asuma que está comenzando con un fondo blanco, texto negro y enlaces azules/morados; el usuario puede cambiarlos. Debe configurar su navegador para usar colores no predeterminados, para que pueda ver cuándo sus sitios (y tantos otros) no pueden definirlos. (Tengo el color de fondo de mi navegador configurado en gris claro, texto granate, enlaces de color verde brillante, enlaces visitados de color verde oscuro y desplazamiento de enlace naranja).

2
Webveloper

Primero, el problema clave con los enlaces no es tanto si son de un color específico, sino garantizar que estén lo suficientemente diferenciados para dejar en claro que son enlaces.

@VirtuosiMedia y @jensgram, estoy de acuerdo en que la diferenciación de enlaces visitados es buena, pero la clave es simplemente asegurarse de que sus enlaces se destaquen. Particularmente ahora, con la sobrecarga de información y tanto escaneo en lugar de lectura, los usuarios tienen que ver los enlaces de un vistazo y es útil saber si ha visitado algo, particularmente algo que no visitó desde la página en la que se encuentra. . Creo que el concepto es más importante si uno lee contenido dentro de un área temática o industria principal, donde muchos sitios enlazan con el mismo material. Siempre debemos recordar que los usuarios pueden anular cómo se comportan los enlaces visitados en la configuración de su navegador (como yo).

@Lukas y @Charles También estoy de acuerdo en que subrayar no necesariamente funciona. Si diseña para un contraste lo suficientemente alto, entonces para aquellos que son daltónicos, simplemente usar un color diferente también puede no ser suficiente. Cuanta más diferenciación puedas dar a tus enlaces y más variación de pseudoclase después de eso, mejor. Por ejemplo, con un diseño simple, el color de texto # 333 y el color de enlace # 000 probablemente no serán suficientes para usuarios de baja agudeza o daltónicos, pero hacer que el enlace negro sea en negrita y subrayado puede ser suficiente. El estado sería mejor cambiar al pasar el mouse y al activo y luego cambiar una vez más, tal vez a algo así como un # 999 en el caso que he citado anteriormente.

@Stewbob ¿En serio? Incluso si su diseño apesta a quedarse en azul, ¿debería hacerlo? Apenas.

1
jameswanless

No creo que el color específico importe, ni siquiera que estén subrayados. Mientras sea inmediatamente aparente que se puede hacer clic en ellos, entonces está bien.

He estado en sitios donde tuve que ir a cazar (con el mouse) por algo en lo que puedo hacer clic. Si el cursor se convirtió en la mano pequeña, entonces sabía que podía hacer clic en él. Para mí es un diseño muy pobre.

Si bien el diseño de cada sitio será diferente, creo que en general debería ser obvio en qué se puede hacer clic para realizar una acción simplemente mirando (pasivamente) la página. Dicho esto, seguir estándares generales, en términos de dónde están las cosas, es bueno. Muchos sitios web tendrán la información de la cuenta en la esquina superior derecha. Una vez más, he estado en sitios en el pasado donde tuve que pasar 5 minutos o más tratando de encontrar el enlace "cerrar/cerrar sesión".

0
Antony Scott

Aquí están los publicados de Microsoft estándares para enlaces . Hay una sección específica sobre el enlace colores y fondos, con divertidas ilustraciones de uso incorrecto.

0
JeromeR