Ruta de ruta de navegación en diseño web

Hay muchas páginas en nuestro sitio y el uso de rutas de navegación puede mejorar en gran medida la capacidad de los usuarios para encontrar rutas. En términos de facilidad de uso, las rutas de navegación reducen las operaciones necesarias para que los usuarios regresen a directorios de nivel superior y mejoran la capacidad de búsqueda de cada unidad del sitio web. Las rutas de navegación también pueden proporcionar una ayuda visual eficaz para ayudar a los usuarios a comprender dónde se encuentran en el sitio, permitiéndoles encontrar más fácilmente su página de inicio.

¿Qué es una ruta de navegación?

Breadcrumb (rastro de ruta de pan), también conocido como "sendero de ruta de pan" en chino, es una marca de navegación secundaria que se utiliza en sitios web o programas de red para ayudar a los usuarios a encontrar su ubicación. Tiene su origen en la leyenda de Hansel y Gretel, niños que esparcieron migas de pan por el camino para encontrar el camino a casa y lo siguieron. Como en la leyenda, las rutas de navegación también nos ayudan a encontrar nuestra página de inicio en la realidad.

El camino de lo Delicioso.

A menudo podemos ver el uso de rutas de navegación en sitios web con una gran cantidad de contenido jerárquico, y también podemos verlas en algunas aplicaciones de red guiadas. Su función es como una barra de progreso, guiando al usuario. progreso actual. En su forma más simple, una ruta de navegación es una matriz horizontal de enlaces de texto separados por un signo mayor que, donde cada enlace representa un enlace a una página relacionada con ese nivel.

¿Cuándo utilizar rutas de ruta de navegación?

Los sitios web grandes, especialmente los sitios web donde las páginas están organizadas según una estructura jerárquica, son más adecuados para utilizar rutas de navegación. Uno de los mejores ejemplos es el sitio web de una empresa, que tiene una gran cantidad de productos almacenados en categorías.

Las rutas de navegación no son adecuadas para sitios web de un solo nivel que no tienen relaciones o agrupaciones jerárquicas lógicas. Una buena manera de decidir si utilizar rutas de navegación es planificar un mapa o diagrama del sitio que represente la estructura de navegación del sitio y luego decidir si las rutas de navegación mejorarán la experiencia de navegación del usuario dentro y entre las columnas.

Las rutas de navegación son a menudo una característica adicional de un sitio web. No deben reemplazar la navegación por el menú, pero a menudo deben usarse como auxiliar y complemento de la navegación por el menú. Es una función secundaria y cómoda que ayuda a los usuarios a orientarse y sirve como complemento eficaz a la navegación por los menús.

Tipos de rutas de navegación:

Hay tres formas principales de rutas de navegación.

Migas de navegación basadas en la ubicación:

Las rutas de navegación de ubicación son estáticas y muestran la clasificación de la página actual en el sitio web. Cada elemento del enlace puede conducir a una página de nivel superior. Esta situación es especialmente adecuada para sitios web con muchos niveles (más de 2 niveles);

Rutas de navegación basadas en atributos:

Las rutas de navegación del atributo brindan información sobre la categoría de la página actual. Las rutas de navegación en la figura siguiente están más cerca de una forma mixta de rutas de navegación. La ruta contiene una descripción de las condiciones del filtro para los resultados;

Ruta: Las rutas de navegación en forma de rutas son rutas dinámicas que a menudo se utilizan para guiar a los usuarios a realizar ciertas operaciones, como el proceso de "registro". Muestran dinámicamente el proceso requerido para que los usuarios completen el registro;

Utilice rutas de navegación. paths Beneficios

Comodidad para el usuario: el propósito de la ruta de navegación es proporcionar a los usuarios un método de navegación auxiliar cuando navegan en un sitio web de varios niveles, la ruta de navegación puede ayudar a los usuarios a encontrar lo que buscan más fácilmente. posición;

Reduzca la cantidad de clics para regresar a páginas de alto nivel: los usuarios no necesitan hacer clic en "Volver" varias veces para llegar a su posición anterior, solo necesitan hacer clic una vez en la ruta de navegación ;

No ocupará demasiado espacio (espacio en la pantalla): la mayoría de las rutas de ruta de navegación utilizan enlaces de texto ordinarios dispuestos horizontalmente, por lo que no ocuparán demasiado espacio en la página. Un uso adecuado puede aportar suficientes beneficios.

Reducir las tasas de rebote: las rutas de navegación pueden inducir a los usuarios nuevos a navegar por otras páginas después de completar la página inicial. Por ejemplo, los usuarios que acceden a un motor de búsqueda pueden hacer clic fácilmente en la navegación de la página anterior para obtener más información sobre el contenido relevante después de leer el artículo, reduciendo así la tasa de rebote general del sitio.

Errores de uso

Se utiliza en lugares innecesarios:

La navegación en la imagen de arriba confundirá a los usuarios. Hay demasiadas navegaciones y están organizadas en filas. El diseño es muy concentrado y un poco repetitivo;

Utilice la ruta de navegación como navegación principal:

La ruta de navegación es solo un medio auxiliar de navegación y no debe reemplazar la navegación. menú en cualquier momento. La imagen de arriba es un ejemplo. Dado que solo se utiliza la ruta de navegación, cuando los usuarios quieren saltar a otras columnas del sitio, es difícil llegar a ellas fácilmente.

Cuando la página contiene varias columnas, utilice la ruta de ruta de navegación: la ruta de ruta de navegación tiene una estructura lineal. Si su página no se puede clasificar claramente, será difícil utilizar la ruta de ruta de navegación para representarla. , en las primeras etapas del diseño del sitio web, se debe desarrollar una estructura organizativa clara para el sitio.

Cuestiones que se deben considerar en el diseño

¿Qué símbolos se deben utilizar para separar? El delimitador más utilizado es el signo mayor que (gt;), que significa "directorio principal > subdirectorio". Otros símbolos incluyen flechas, comillas de cierre (gt; gt;) y barras diagonales (/).

¿Qué tamaño debe diseñarse?

La ruta de navegación es solo una herramienta de navegación auxiliar, por lo que nadie quiere que ocupe un gran espacio en la página. Debe ser lo más pequeña posible, pero debe ser de fácil acceso y transmitir este diseño auxiliar a los usuarios. . intención. Un principio es que cuando los usuarios navegan por una página, no deberían sentirse atraídos por la ruta de navegación a primera vista.

¿Dónde se debe colocar? La ruta de navegación generalmente se coloca en la parte media superior de la página. Si se trata de una navegación horizontal, generalmente se coloca debajo del menú principal.