Alzado.org

Un enlace por parrafo

1. Sumarios donde se presentan varias noticias, deben contener un enlace por bloque.

Si tienes una página donde se presenta un sumario con noticias (o productos), presenta un enlace por bloque.
El enlace ira subrayado (el color importa menos) para que sea claro el elementos a pinchar.

El elemento mas propicio para crear el enlace es el titular. El titular define el significado de la
página que vamos a abrir y suele tener un tamaño suficiente como para llamar la atención y generar un botón solido y fácil
de pulsar.

No uses el mismo botón para abrir diferentes secciones. Si usamos un botón llamado "ampliar notica" para todas las
noticias, se crea una cierta redundancia que no tiene sentido y hace que el usuario se sienta confuso.

Evita el uso de iconos y efectos (tipo descubrir el subrayado cuando se pasa por encima del texto) para destacar los enlaces.
Por lo general crean inconsistencia (ya que no siempre se usa el mismo efecto) y obligan al usuario a pasar por encima
de diferentes áreas para descubrir donde esta el enlace.

Donde está el enlace?

Este ejemplo de NBC [web: NBC.com] muestra como un bloque de texto sin subrayar no ayuda a saber
donde esta el enlace. En este caso, el enlace se encuentra únicamente en la palabra "ED", haciendo que el área donde se puede pinchar sea
muy pequeña comparada con el espacio total.

2. Si la noticia está dentro de una sección más amplia, debemos incluir ese enlace.


Si tenemos una noticia que se presenta dentro de una sección más amplia, debemos incluir ambos enlaces de forma clara para que
el usuario interesado en el tema, pero no en la noticia destacada, pueda acceder a una página con más opciones.

Igualmente el usar subrayados es algo obligatorio y será el diseño del site el que creara el estilo para poder diferenciar ambos
botones y saber que parte es un titular y que parte es una sección.

3. La foto debe enlazarse pero indicando el destino en un "pie de foto".


Hay 2 problemas con el uso de las fotos dentro de sumarios de noticias.
  • Identificar a que noticia pertenece la foto. Muchas veces la maquetación de las noticias y el uso de fotos genéricas hace que
    sea difícil identificar que titular es el que va con la foto. En algunos casos la foto suele ser mucho mas grande que la suma de los titulares,
    en otros casos el no usar un "pie de foto" hace que se pierda el sentido de la foto dentro del contexto, etc. Es bueno maquetar el documento de tal
    forma que quede clara la relación de elementos y sobre todo usar el "pie de foto".
  • Si la foto tiene un enlace, a donde nos lleva?. Una foto no es el mejor elemento para poner un enlace por ser ambiguo. Hay 2
    posibles destinos: "mas información" sobre el artículo o "ver una foto mas grande" con mas información sobre el "motivo". Sea cual sea, se debe
    indicar en el "pie de foto" y así el usuario entenderá que es lo que pasa si pincha.

    En el caso de las fotos, esta algo pasado de moda, pero el marco de color azul suele ser un buen motivo para identificar el enlace, pero es mejor
    si utilizamos un "pie de foto" subrayado.

    4. Los enlacen de palabras dentro de un cuerpo de texto no siempre son claros sobre su destino,
    mejor ofrecer los enlaces de tal forma que tengan sentido por si mismos.


    Por lo general se recomienda poner enlaces de forma que tengan sentido por si mismos. Es decir, si en un texto sobre
    cine, enlazamos la palabra "Kubrick", se puede entender que ese enlace lleva a una página con mas información sobre el director,
    pero, es la página de un fan?, es su página oficial?, es una biografía?.

    Cuando mas avanzado sea el formato del link mas claro quedara.

    Podemos dejar el artículo sin enlaces y ponerlos todos al final con una pequeña descripción o usar algún tipo de tabla para
    incluirlos cerca del cuerpo de texto al que hacen referencia, pero el incluir una pequeña descripción ayudaran a darle mas
    claridad a los enlaces.

    El objetivo de crear enlaces mas avanzados hará que nuestro site tenga mas sentido, sea mas claro y ofrezca mejor información al usuario.

  • Salir de la versión móvil