Los mejores sitios web son aquellos en los que se puede navegar.
Desde la primera carga de la página, los usuarios deben saber dónde están, adónde pueden ir y cómo llegar allí. Navegar por su sitio marca la diferencia entre una conversión exitosa y un rebote: es una parte indispensable de la experiencia del usuario.
Si bien no podemos saber exactamente qué busca cada visitante, sí sabemos que la mayoría prefiere la navegación con clics. Hacer clic en los enlaces es más rápido y requiere menos esfuerzo que las búsquedas en el sitio, lo que significa que los usuarios buscarán sugerencias en el menú para encontrar lo que necesitan.
También sabemos que no todo el contenido del sitio es igual. En su navegación, querrá resaltar las páginas en las que los usuarios están más interesados, aunque eso no significa necesariamente ocultar también las páginas menos visitadas.
Por lo tanto, si su sitio tiene una buena cantidad de contenido de diversa importancia, tiene sentido dividir la interfaz de navegación en navegación básica y navegación secundaria. ¿Qué significan estos términos y cómo se relacionan con su sitio web?
En esta publicación, aprenderemos el propósito y la diferencia entre la navegación básica y secundaria del sitio web y luego analizaremos dos formas comunes de implementarlas.
¿Qué es la navegación básica?
La navegación básica es la principal interfaz de navegación en el sitio web. Se vincula a los sitios web más importantes y aparece de manera destacada en la parte superior de su página de inicio y otras páginas. La navegación básica ayuda a los usuarios a encontrar lo que necesitan más rápidamente con búsquedas y clics mínimos.
Si bien la mayoría de los sitios de varias páginas tienen una navegación básica integrada en la interfaz de usuario, las páginas a las que están vinculados variarán. Por ejemplo, la navegación principal de un sitio de comercio electrónico puede conducir a diferentes secciones de productos, una página de precios y/o una página de ayuda. Tomar manzanas página de inicio: los usuarios pueden aterrizar aquí en busca de cualquier producto de Apple, por lo que la navegación principal lo lleva a las páginas de categorías de sus productos:
Por otro lado, una organización sin fines de lucro puede mostrar las secciones «Acerca de nosotros» y «Donación» en su navegación principal. Se trata de proporcionar una puerta de entrada a los sitios bajo demanda.
¿Qué es el Asistente de navegación?
La navegación secundaria aparece junto con la navegación principal, a menudo en sitios más grandes y complejos. Enlaces de navegación secundarios a contenido que es menos importante que sus páginas de inicio, pero aún debe ser fácilmente accesible desde cualquier parte de su sitio.
La navegación adicional permite a los usuarios acceder a este contenido de nicho sin indagar demasiado; puede incluir «Acerca de nosotros», «Preguntas frecuentes», información de contacto y/o páginas de políticas en esta categoría.
Por ejemplo Fondo Mundial para la Vida Silvestre incluye interfaces de navegación primarias y secundarias en el encabezado del sitio web. Tenga en cuenta que los menús principal y secundario están separados, y el menú principal se indica con letras mayúsculas junto al logotipo y la tipografía:
¿Cómo utilizar la navegación primaria y secundaria?
Si está en el proceso de desarrollar la estructura de navegación de su sitio y cree que necesita navegación primaria y secundaria, primero debe determinar si cada enlace es primario o secundario.
Este paso debe basarse en sus datos y base de usuarios, no en sus propias opiniones. Puede ordenar el contenido de su sitio web por importancia utilizando varios métodos, como:
- Tráfico en el sitio: Revise las estadísticas de la página de cada una de sus páginas para categorizarlas en populares e impopulares.
- Entrevistas: Hable con sus clientes sobre cómo están usando su sitio web y qué aspectos de la navegación podrían mejorar.
- Clasificación de tarjetas: Es una actividad sencilla de desglosar y visualizar tus páginas por nivel de primaria y secundaria. Consulte nuestra guía para clasificar tarjetas para obtener instrucciones.
Después de revisar el contenido, debería tener una mejor idea de hacia dónde se dirigen sus visitantes desde la página de inicio. También puede darse cuenta de que algunas páginas se pueden combinar o eliminar para crear un sitio web más simple y estructurado.
Para implementar la navegación primaria y secundaria en la interfaz de su sitio web, puede probar: total o apartado acercamiento al menú.
Menú combinado
En el menú vinculado, los usuarios obtienen acceso a navegación adicional por navegación básica en una sola pantalla de menú dinámico. Después de cargar la página, solo la navegación principal es visible en el menú. A medida que el usuario interactúa con el menú principal, al pasar el mouse por encima o hacer clic/presionar un botón, los enlaces auxiliares aparecen en un menú desplegable vertical o en una ventana emergente horizontal.
vendedor de ropa Madewell así estructura la interfaz de navegación. Cada enlace principal muestra un menú de opciones adicionales:
El disparador de desplazamiento funciona bien para abrir menús desplegables en una computadora, pero no tanto en dispositivos con pantalla táctil o dispositivos de asistencia. La mejor manera de acomodar esto es configurar los menús desplegables para que se expandan también en eventos táctiles, eventos de clic y presionando la tecla «enter» / «return».
Esta técnica de menú dinámico es común porque ayuda a los usuarios a acceder al contenido jerárquico. Por diseño, muestra dónde pertenece cada página a la estructura del sitio y qué categorías contienen subcategorías. El menú vinculado también libera espacio en la página al ocultar vínculos adicionales, aunque esto puede ser un obstáculo para los usuarios que prefieren mostrar todas las opciones a la vez.
Menú separado
Si puede ahorrar espacio, considere dividir la navegación principal y secundaria en dos menús estáticos. En este enfoque, el menú de navegación principal está horizontalmente en la parte superior de la página o verticalmente en un lado. La segunda navegación tiene su propio menú, con ubicación y diseño para usted.
Los menús de navegación principales y secundarios separados deben ser visualmente diferentes entre sí, el menú principal debe ser más grande y más visible en la página.
Este vendedor de golf canadiense implementa muy bien el enfoque de menú dual y lo combina con el diseño de menú vertical:
Para ambos enfoques, asegúrese de mantener el formato en todo el sitio. Los elementos de navegación inconsistentes hacen que la experiencia no sea intuitiva. Confundirá y frustrará a los visitantes si no pueden encontrar la página solicitada.
Clavado de navegación
La navegación es uno de los factores más importantes a considerar al diseñar cualquier sitio web. Desafortunadamente, también es uno de los más difíciles de lograr: no hay pautas claras y muchas consideraciones. Los métodos de navegación para cada sitio variarán según el tipo de contenido, la base de usuarios y las preferencias personales.
Sin embargo, después de algunos intentos, errores y pruebas, puede encontrar que una combinación de navegación principal y secundaria es el compromiso perfecto para simplificar y mejorar su experiencia de usuario, reducir la fricción de navegación y aumentar las conversiones y las ventas.
