Por ejemplo, el color de fondo ligeramente distinto en el estado hover marca la totalidad del enlace cuando se situa el cursos sobre él. Esto ayuda a identificar, junto con el subrayado, las palabras de las que se compone un enlace, pero de forma especial cuando éste se ha cortado debido a un salto de línea.
Recientemente se han hecho innovaciones en el uso de los enlaces, como los iconos que indican si un enlace es externo, o las capas semi transparentes que explican el contenido del enlace. Éstas son buenas ideas que proporcionan información útil al usuario aunque todavía no se han convertido en convenciones aceptadas por todos.
Mantener el tamaño del enlace al pasar el ratónSon extremadamente comunes las páginas en las que, mediante CSS, los enlaces cambian de tamaño entre su estado normal y el estado hover , que se activa al colocar encima el cursor del ratón. En la mayoría de ocasiones se trata un cambio de grosor, de normal a negrita.
Este efecto, para mí bastante desagradable, desplaza hacia la derecha todo el texto que hay a continuación del enlace en el momento en el que se coloca el cursor sobre él. De esta forma la lectura se hace incómoda ya que visualmente hay que reubicar las palabras. Lo mismo ocurre al quitar el cursor. El enlace retoma su tamaño y el texto vuelve al sitio en el que estaba al principio produciendo el mismo efecto.
Un texto cargado de enlaces de este tipo puede hacerse un auténtico infierno ya que constantemente habría que estar haciendo pausas para buscar de nuevo el punto de lectura en el que nos encontrábamos.
Es conveniente para la lectura de un texto que éste tenga una maquetación fija, que no se mueva al producirse un evento, de forma que una persona pueda seguir cómodamente las líneas.
El mismo efecto incómodo produce un cambio en el tamaño de la tipografía, no sólo de letra pequeña a grande, sino también al revés. Existen páginas en las que los enlaces tienen una tipografía exageradamente grande y el estado hover los convertía en mucho más pequeños. Aparte de cambiar, como se ha explicado antes, la ubicación del texto o de otros elementos de la página, también se reduce el área activa del enlace, con lo cual un clic en alguna zona de ese enlace es posible que no funcione.
No usar JavaScript en la barra de estadoOtra de las convenciones aceptadas al respecto de los enlaces es que al colocar el cursor sobre uno de ellos aparece en la barra de estado del navegador la URL a la que apunta. Sustituir esta URL por una cadena de texto es realmente sencillo con JavaScript, y puede parecer que se trata de un detalle elegante, pero, en mi opinión, lo que hace es ocultar a los usuarios información útil acerca de un enlace.
Una práctica habitual es escribir en la barra de estado el mismo texto del enlace, con lo cual, no sólo se oculta información relevante, sino que además no se ofrece nada nuevo a cambio, que es lo único que podría justificar el hecho. En cualquier caso, y aunque se ofrezca información explicativa no es conveniente escribirla en la barra de estado puesto que, al tratarse de un lugar poco habitual, se corre el riesgo de que no sea percibida.
No usar enlaces mediante JavaScriptNo suele haber ningún motivo especial para que los enlaces de una página estén programados mediante JavaScript, a no ser que haya una intención de dificultar y encorsetar las acciones del usuario. Esto sucede, por ejemplo, en el interior del correo web de Hotmail. Allí no hay forma de cargar el contenido de los correos en ventanas nuevas -pestañas en caso de Mozilla-, cosa facilitaría la navegación a la mayoría de usuarios.
Además este tipo de enlaces rompen algunas reglas dentro del esquema de navegación, como el cambio de color del estado visited , del que ya se ha hablado, o la capacidad de los buscadores araña para ir saltando entre las páginas.
Enlaces integrados en el textoDesde el punto de vista de la redacción, es conveniente que los enlaces vayan integrados en el texto de forma que, si estos no estuvieran, siguiera teniendo sentido. De esta forma se consigue que los enlaces estén integrados de una manera más natural dentro del texto, y que tengan asociadas unas palabras que describan de forma más fiel el contenido del documento que van a mostrar.
Listas de enlacesPor otro lado, cuando se trata de enlaces colocados en serie, en lugar de integrados dentro de un texto, como por ejemplo, un menú, es importante que estos formen parte de listas de elementos en HTML. De esta forma la lista de enlaces tiene un sentido semántico marcado.
Usuarios que han visto este tema también han visto...
- Lo que no saben los usuarios y nosotros pensamos que sí saben
- PageRank, mucha matemática
- Web 2.0: los nuevos desafíos de la interfaz de usuarios
- Analizando el trafico Web
- Sistemas para administración de contenido de páginas Web
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.