viernes, 7 de octubre de 2011

05.- Sistemas de navegación

Sistemas de navegación principales. Su objetivo es la navegación a través de todos los contenidos del sitio web, permiten establecer el contexto y la flexibilidad de navegación.
  • Global. Debe indicar dónde se encuentra el usuario y a dónde puede ir.
  • Local. Su objetivo es mostrar qué opciones o temas colindantes se encuentran dentro de la sección que está siendo consultada.
  • Contextual. Trata de explicar qué contenidos hay relacionados con la página que se esta consultando.
Sistemas de navegación complementarios. Sirven a un propósito concreto y están integrados dentro de los sistemas de navegación principal.
  • Mapas de sitio. Corresponden a la organización de secciones o categorías del sitio bajo las que se adscriben los distintos enlaces a los contenidos o subcategorías.
  • Índices. Consiste en una organización alfabética de todos los enlaces a las secciones, categorías y subcategorías del sitio web.
  • Guías. Método de navegación que establece pasos o puntos de verificación entre los distintos contenidos del sitio web.
 Errores muy graves en el diseño de los sistemas de navegación
  • Pistas para que el usuario averigüe los enlaces visitados y no visitados. Implica controlar los colores de los enlaces en todos sus estados.
  • Suprimir el botón de marcha atrás y opciones que no permitan al usuario volver sobre sus pasos.
  • Paralizar la función de favoritos del navegador.
Construyendo el contexto del sitio web
  • Indicar al usuario en dónde se encuentra en todo momento. Si es preciso indicar... usted está aquí. Tener o no ese indicador marca la diferencia entre una buena y una mala arquitectura de información.
  • Marcar la posición o situación de cualquier contenido dentro del sitio web. 
  • Mantener los mismos esquemas de diseño en todo el sitio web. Logo, título o denominación del sitio o proyecto, etc.
  • Si se utiliza un sistema de organización jerárquica éste deberá indicar la posición en la que se encuentra el usuario.
  • Los niveles jerárquicos en los que se encuentran las categorías y subcategorías deben permitir una navegación entre iguales y niveles inferiores y superiores.
  • Someter el sistema de navegación a una prueba de esfuerzo.
Sistemas de navegación embebidos
  • Sistema global de navegación.
    • Siempre presente en todas las páginas y contenidos del sitio web.
    • Forma de barra de navegación. Por lo tanto menú horizontal en el margen superior de la página web.
    • Permite el acceso a las funciones y secciones clave del sitio web.
    • Siempre proporcionan acceso a la página principal, buscador, título o nombre de la página en la que se encuentra el usuario, 
    • Máximo 1 sistema de navegación global.
  • Sistema local de navegación.
    • El sistema global de navegación es complementado por el local.
    • Puede haber más de 1 sistema local de navegación.
    • Ofrece información y subcategorías adscritas a la categoría o sección dependiente o principal que el usuario selecciona en cada caso.
    • Dependiendo del área que abarquen y su nivel de descentralización del sitio web, pueden llegar a ser considerados subsitios.
  • Sistema de navegación contextual.
    • Potencia el aprendizaje asociativo de los términos enlazados a recursos, páginas relacionadas y sus contenidos. Los usuarios aprenden mientras navegan.
    • Permite generar un tejido colectivo de contenidos.
    • Constituyen el último sistema de navegación que se edita, ya que dependiendo de cómo se integran los contenidos en el sitio, se diseña un hipertexto, un índice o una guía adaptada a cada caso, espacio, área e interfaz.
Los tres sistemas de navegación principales deben ser integrados y coexistir sólo cuando sea necesario para una correcta organización y navegación. La prioridad es facilitar el acceso a los contenidos y no abrumar al usuario. Esto implica mantener un equilibrio entre el número de opciones disponibles y el área o espacio que ocupan en la pantalla. Se recomienda el uso de menús textuales y no gráficos en la medida de lo posible, uso de atributos alt y title, evitar imágenes e iconos en los sistemas de navegación, ya que el texto es siempre mucho más claro. Evitar mecanismos complejos de presentación de las opciones del menú en la medida de lo posible, por ejemplo Flash, Java, Javascript. Finalmente evitar el uso de marcos (excepto iframe) para cargar los contenidos enlazados desde el menú en beneficio del sistema de capas de tipo div y el empleo de codificación en lenguaje php, para estructurar las partes del sitio web.

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.