Sistema de navegación en la web

por programacionwebs · 13 febrero, 2024

Consejos para Diseñar un sistema de navegacion correcto y usable en la web.

Diseñe un mapa de navegación al servicio de los contenidos. Determine un conjunto de elementos presente en cada una de las pantallas que permita a un usuario moverse por las diferentes secciones del sitio web y retornar hasta la portada, sin sentir la sensación de haberse perdido en ese camino.

Establezca niveles de navegación intuitivos, poco profundos y consistentes. Los sitios deben ofrecen a sus usuarios opciones de orden y desplazamiento, brindado la posibilidad de profundizar en el acceso a la información a través de hipervínculos. Por ello el sistema debe estar pensado para facilitar una navegación extendida o poco profunda, es decir, que sea fácil hallar desde la página de inicio, el camino hacia el contenido requerido, sin necesidad de hacer más de tres clics para encontrar la información. Generalmente se establecen los siguientes niveles:

Navegación global: Menú o botonera presente en todas las páginas del sitio
Navegación local: Menú o botonera específica para una sección del sitio
Navegación contextual: Enlaces que aparecen en algunas páginas para un propósito específico, como los titulares o vínculos que aparecen dentro de párrafos.
Navegación suplementaria: Opciones de apoyo al usuario, como ayudas, guías, mapas del sitio, buscadores, índices y otros.

Desarrolle maquetas de su interfaz antes del diseño gráfico. La confección de prototipos denominados wireframes le ayudarán a prever las jerarquías visuales, prevenir errores y distribuir espacialmente los contenidos. Esta etapa considera la generación de dibujos sólo lineales que describen los componentes de cada una de las pantallas del sitio, con el objetivo de verificar la ubicación de cada uno de ellos.

Identifique claramente las zonas funcionales de su web. Cada sitio deberá contar con al menos las siguientes áreas:

Encabezado o cabecera (header): donde estará la identificación gráfica corporativa y las barras de funcionalidades (como ayudas o buscador). El nombre de la Universidad de Chile y el escudo deben estar presentes en todos los sitios web institucionales.

Menú de navegación: botonera siempre presente en todo el sitio.
Cuerpo o área de contenidos: espacio funcional donde se presentan los contenidos del sitio.
Área de interacción: zonas en la que se ofrece realización de acciones.
Pie de página (footer): usualmente ubicado en la parte inferior de cada página, debe indicar al menos el nombre de la institución, teléfonos, dirección física y de correo electrónico.

Brinde ayudas y guías de localización para orientar a los usuarios. Es deseable la incorporación de menús de rastros o breadcrumbs, así como elementos que apoyen al usuario en identificar el estado de avance de su navegación.
Considere las siguientes recomendaciones para una buena navegación: