Detalles de usabilidad en los enlaces

La capacidad del hiperenlace ha creado una forma revolucionaria de lectura y organización de los documentos. Es el llamado hipertexto.

El hipertexto se diferencia del resto de modos de lectura en la linealidad. Mientras que los modos clásicos se componen de textos completamente lineales, con un orden, un principio y un fin establecidos, el hipertexto permite saltar entre diveros documentos sin la necesidad de seguir una línea uniforme.

Este tipo de navegación guarda cierta semejanza con la estructura de la mente humana, que está llena de información enlazada mediante conectores , a través de los cuales podemos ir saltando, en ocasiones involuntariamente, entre nuestros pensamientos.

Dada su importancia, el hipertexto y más concretamente los enlaces de una web, son elementos que a la hora de desarrollar un proyecto deben cuidarse mínimamente desde el punto de vista de la usabilidad . A continuación se describen una serie de detalles que se deben tener en cuenta en el momento de establecer enlaces en la web.

La usabilidad , tanto en Internet como en otros entornos que requieren de un uso humano, se apoya en símbolos y convenciones aceptadas por todos. Por ejemplo, un cartel con una flecha situado en una estación de metro indica el camino que hay que seguir para llegar a una línea determinada, que identificamos con un número y un color. En este caso entran en juego el símbolo de la flecha que indica una forma de uso , y los colores y números que ayudan a identificar las distintas líneas de las que se compone la red de metro.

Lo mismo sucede en todos los entornos que necesitan ser usados de una u otra forma: vías de circulación, programas de software, electrodomésticos, comida precocinada, salas de cine, recintos deportivos, cajeros automáticos... y por supuesto Internet.

Una convención en Internet, aceptada por los usuarios, es que los enlaces se muestran visualmente subrayados y de color azul. El subrayado en el entorno web, no sólo implica un enlace a otro documento, sino que también indica la unidad de palabras que conforman ese enlace. De esta forma, en un texto con varios enlaces consecutivos se pueden distinguir rápidamente unos de otros ya que el subrayado unifica las palabras de cada uno de ellos, cosa que no sucedería de no usar subrayados.

El color azul de los enlaces es otra convención, quizás menos marcada que el subrayado, pero también conveniente para reforzar el concepto. En cualquier caso, sea cual sea el color del enlace, es importante que éste sea distinto según el estado.

La mayoría de navegadores y la especificación CSS estándar nos ofrecen esta posibilidad y es conveniente aprovecharla ya que con un solo cambio de color se puede proporcionar una información interesante acerca de un enlace. El estado de un enlace en un navegador visual indica si éste es normal, si está activo, si se ha visitado, si tiene el foco del teclado, o si tiene el cursor del ratón encima.

Por defecto, y a no ser que se especifique lo contrario mediante CSS, un navegador muestra los enlaces normales en un color azul claro de código hexadecimal #0000ee, y los enlaces en su estado visited con un azul oscuro #551a8b.

Ésta es otra de las convenciones de la web. Los enlaces a páginas ya visitadas aparecen en un color distinto, normalmente un tono más oscuro al resto. Con ese cambio de color se identifica rápidamente que el enlace cuestión tiene algo de distinto respecto a los demás, que por convención significa que ya figura en el historial del navegador.

El resto de estados también se pueden modificar mediante CSS y esta capacidad se puede aprovechar, aunque siempre con la condición de que aporte alguna información sustancial al enlace. De lo contrario, esas modificaciones son innecesarias y pueden llegar a confundir.

Usuarios que han visto este tema también han visto...

- Promoción Web Efectiva
- Las grandes empresas no optimizan la posición en los buscadores
- La característica más importante para una interfaz de usuario exitosa
- La importancia de elegir bien el título de cada página
- C´9mo saber lo que Google realmente piensa de tu web

- Versión imprimible de este documento

- Enviar por e-mail este documento