Enlaces HTML y usabilidad

Question

¿Los enlaces en una página web SIEMPRE deben estar subrayados?
¡No creo que esto deba ser una REGLA dura y rápida!
Escribí un comentario en mi blog un momento atrás sobre esto después de que otro desarrollador se quejó de que no estaba siguiendo los estándares web. Viene de nuevo, y quiero saber lo que piensas. Su argumento era que para la consistencia y la usabilidad, TODOS los enlaces tenían que ser subrayados TODO el tiempo. Mi gerente estuvo de acuerdo, así que cambié dos líneas en un CSS y ya estaba hecho. No me importó hacer el trabajo, pero creo que la usabilidad del sitio ahora es menor. Hay demasiadas cosas gritando por su atención.

Debo mencionar que este es un sitio web con muchas páginas de entrada de datos. Los enlaces en cuestión eran enlaces de navegación a la izquierda de la página en un recuadro titulado "Menú". El subrayado apareció cuando ya navegabas sobre el enlace, y el color de fondo cambió cuando el usuario se movió sobre el enlace. Realmente no podía creer que estuviera teniendo la discusión. Estaba aún más sorprendido cuando mi gerente estuvo de acuerdo.

¿Estoy equivocado? ¿Qué otros argumentos debería haber hecho? ¡Gracias! :)

Answer 1

Creo que todos los enlaces deben ser distinguibles del texto normal, pero no necesariamente subrayados. Los menús y las barras de navegación son bastante estándar en los sitios web, y suelen ser reconocibles como tales, por lo que creo que son demasiado dogmáticos.

Answer 2

No creo que todos los enlaces estén siempre subrayados, sino que deben distinguirse del texto circundante. En general, azul y/o subrayado indicará un enlace, pero depende del diseño de su sitio.

Sin embargo, le advierto que tenga mucho cuidado al subrayar las cosas que no son enlaces. Eso puede engañar a los usuarios.

@Brad Wilson muestra un buen punto sobre las diferencias de color y los daltónicos. Podría estar equivocado, pero creo que la mayoría de las personas daltónicas no son capaces de ver la diferencia entre ciertos colores, pero no todos. ¿Quizás podría elegir colores que siempre muestran contraste? Por supuesto, imagino que las diferencias de color (y probablemente otros atributos de formato, como el subrayado) también se pierden para los usuarios que usan lectores de pantalla.

La accesibilidad plantea muchos desafíos interesantes, por decir lo menos. ¿Qué recomiendan los grupos de defensa de la accesibilidad para estos temas?

Answer 3

En general, los enlaces deben estar subrayados (¡y azul!). Si no quieres subrayarlos, está bien, siempre que sean identificables.

texto Destacando que no es un enlace es ahora peor que no subrayando enlaces.

Answer 4

Creo que necesitaría una muy buena razón para no destacar los enlaces de alguna manera. Tal vez no subraya, pero debe ser muy evidente a simple vista que algo es un enlace. No hay nada peor que ir a un nuevo sitio y mover el mouse por toda la página tratando de descubrir en qué se debe hacer clic.

Ver también Mystery Meat Navigation

Answer 5

Estoy de acuerdo, no creo que el subrayado se debe utilizar para cualquier cosa que no sea un enlace.

Hay ciertas cosas que no necesitan ser subrayadas. La navegación de la página, los elementos en los menús, los enlaces anteriores/siguientes, especialmente si tienen flechas son solo algunos ejemplos.Todavía sugeriría que darles un subrayado sobre el vuelo estacionario sea obligatorio.

Answer 6

La mejor opción es comenzar con azul y subrayado para los enlaces y solo desviarse cuando tenga una razón para hacerlo. La gente espera azul/subrayado, así que obviamente esto sería "lo mejor", especialmente en lo que respecta a los enlaces en el texto del cuerpo. Sin embargo, sería absurdo sugerir que los enlaces deben ser de esta manera. Yo diría que el subrayado es más importante que el azul, ya que el contraste con el texto normal es lo importante (contraste se refiere a la forma y peso, así como el color.

Mientras se ve bastante gente Linky asumirán que es un enlace por lo que no se preocupe demasiado acerca de seguir estrictamente los valores por defecto, pero el uso de lo que es familiar es sin duda el mejor camino a seguir en caso de duda.

Answer 7

Pregunta Jakob Nielsen y que va a decir que sí, todos los enlaces deben esté subrayado y en azul. Aún así, mira su sitio. Es francamente utilizable, sin duda, pero (y él lo supone) va a extremos para demostrar su punto.

En segundo lugar las personas aquí en que debe sobre todo distinguir claramente los enlaces de otro texto en toda la página, pero tenerlos todos subrayados puede ser exagerado.

Mi sugerencia: subrayar los enlaces dentro del cuerpo principal del texto, porque estos requieren un poco más de esfuerzo para destacarse. Los enlaces de navegación deberían estar bien si están subrayados cuando están suspendidos o, dependiendo del caso (y si su diseño general es bueno y lo suficientemente consistente), incluso consideren no subrayarlos en absoluto.

Al final, todo se reduce a depende. Tus jefes simplemente acordaron el camino más probable, sin riesgo.

Answer 8

El aspecto más difícil de la usabilidad es que cada sitio/proyecto es diferente, y cada elemento tiene un propósito diferente. Estoy de acuerdo con el sentimiento de que los enlaces subrayados fomentan un sitio utilizable, sin embargo, no creo que los enlaces que no están subrayados causen problemas de usabilidad, siempre que estén diseñados de tal manera que los diferencie del texto u otro elementos que los rodean. Estas son decisiones que deberían tomarse en tiempo de diseño; cuando esperas hasta la implementación para decidir sobre los colores del enlace, pones la usabilidad en juego. Los diseños deben estar bien pensados ​​y cuidadosamente diseñados de tal manera que el esquema de navegación sea claro para el usuario. ¿Esto significa que tienes que subrayar los enlaces? Bueno, eso depende de tu usuario o audiencia. Si su público objetivo es de tipo conocedores de Internet, creo que tiene un poco más de flexibilidad en lo que respecta a la apariencia del enlace. Para información pública y/o sitios del gobierno, tendería a ir con apariencias "estándar".

En su caso, creo que tiene un argumento bastante fuerte; los enlaces en cuestión estaban en un recuadro titulado "Menú", por lo que el usuario ya tenía la expectativa de que sucediera algo si había hecho clic en un elemento de ese recuadro. Un argumento que podría hacer es que sacrifica la apariencia del sitio para la usabilidad, lo que disminuye la experiencia general del usuario.

Answer 9

Mi opinión general sobre esto: Elija un color destacado para los enlaces, hágalo constante a través de todo el sitio. Subrayado al desplazarse solo para menús, pestañas, etc. Y (opcionalmente) subrayar siempre en los enlaces que están dentro de los párrafos.

Answer 10

Los enlaces, como cualquier cosa que designe algún tipo de interacción, deben sobresalir entre el resto del contenido de la página. Esto no necesariamente significa que los enlaces deberían estar subrayados.Una adherencia fría y dura a los estándares (subrayados y azules) limita la innovación al definir límites absolutos. Si lo piensas en términos de diseño HCI, los usuarios se sienten atraídos visualmente por aquellos elementos que se ven diferentes a los que los rodean. Dependiendo de cómo organice los diferentes elementos visuales juntos, puede lograr el mismo nivel de conocimiento automático de la funcionalidad sin depender de esas definiciones de estilo estándar. Por supuesto, el desafío de tratar de reinventar los estándares es que si fallas, entonces terminarás confundiendo al usuario.

Answer 11

Tienes razón, creo. Si hay una "regla dura y rápida", es esta: los enlaces en una página web siempre deben tener un affordance.

En otras palabras, si el usuario entiende que debe hacer clic en él, entonces se puede utilizar, incluso si no está subrayado. Puede parecer un botón o una etiqueta (como los que están en cada página de este sitio), o un menú cuadrado con una flecha, o cualquier otra cosa que un usuario reconozca por experiencia como algo en que se hace clic.

(Tenga en cuenta que es no suficiente para mostrar affordance en vuelo estacionario. Eso es solamente parcial de crédito. El usuario no debería tener que ratón por la página y ver qué texto "hace algo" cuando se movía sobre.)