Todo lo que debes saber sobre los menús de navegación vertical
Todo lo que debes saber sobre los menús de navegación vertical
Foto de MARK ADRIANE en Unsplash
¿Es mejor utilizar menús de navegación vertical que horizontales? Depende de numerosos factores, como la disposición de tu sitio, el diseño, los elementos a los que das prioridad, la jerarquía de la información, el espacio de la página, etc. No hay una respuesta única para saber qué menú de navegación elegir. Para algunos sitios puede ser mejor un menú de navegación vertical, y para otros, horizontal.
¿Qué es la navegación vertical? En los sitios web, la navegación vertical es una barra que se extiende a lo largo de una página web, ya sea a la izquierda o a la derecha. Contiene enlaces a otras páginas web del mismo sitio.
Teniendo en cuenta el diseño de tu sitio web y otros factores, un menú de navegación vertical puede aportar mucho más que una buena apariencia. Si se utiliza correctamente, puede mejorar la experiencia de navegación del usuario. Y cuanto mejor sea la experiencia del usuario en tu sitio web, más probable será que vuelva.
Los menús de navegación verticales no son muy utilizados. Si deseas incluir este elemento de diseño en tu sitio web, sigue leyendo para conocer las ventajas y desventajas de utilizar un menú de navegación vertical.
Ventajas del menú de navegación vertical
Estas son algunas ventajas de usar menús de navegación vertical que debes conocer.
1. Te diferencia de otros sitios web
No mucha gente utiliza menús de navegación verticales, y en este grupo también puede estar tu competencia. Utilizar menús de navegación verticales te diferenciará de tu competencia y facilitará que el usuario recuerde tu web.
2. Fácil de modificar
Cuando quieras añadir más enlaces en el menú de navegación horizontal, el espacio puede convertirse en un problema. Pero no es el caso de la navegación vertical. Tiene más superficie que la barra de navegación horizontal, lo que te permite añadir más enlaces posteriormente.
3. La longitud de los nombres no importa
En un menú de navegación horizontal, el diseño no resulta atractivo si la longitud del nombre de un enlace es mucho mayor que la del otro. Por el contrario, la longitud no importa en el menú de navegación vertical. No importa la diferencia de longitud del nombre, no afectará al diseño de tu sitio.
Además, tu menú de navegación vertical puede contener enlaces a páginas web con nombres largos. Incluso pueden ser multilíneas.
4. Todos los enlaces son visibles
En el menú de navegación horizontal, sólo unas pocas páginas web caben en la barra, y el resto quedan ocultas en el menú desplegable. Esto puede hacer que tus usuarios se pierdan páginas web esenciales, como una tienda online, información de contacto, etc.
En el menú de navegación vertical hay espacio de sobra. Ninguno de los enlaces a tus páginas web quedará oculto.
Desventajas del menú de navegación vertical
Junto a las ventajas, hay contras de los menús de navegación vertical que debes conocer. Estas desventajas te ayudarán a determinar si debes utilizar un menú de navegación vertical para tu sitio web o no.
1. Los usuarios pueden tener problemas para navegar
Los menús de navegación vertical no son de uso común, debido a lo cual algunos usuarios podrían sentirse incómodos manejándolos. Esto puede no ser un gran problema si tu sitio web es navegado por las mismas personas repetidamente. Con el tiempo se acostumbrarán.
2. Ocupan mucho espacio
Los menús de navegación verticales son más amplios y prolongados que los horizontales. Por lo tanto, ocupan más espacio y te dan menos amplitud para el contenido. Si utilizas la navegación vertical, ten cuidado con la disposición del contenido. El diseño parecerá desordenado si intentas meter demasiado contenido. Y si el tamaño del texto y de los medios es más pequeño de lo habitual, puede perturbar la experiencia del usuario.
Asegúrate de publicar la cantidad adecuada de contenido que vaya bien con tu barra lateral.
3. Puede hacer que tu sitio web parezca antiguo
Los menús de navegación verticales se utilizaban en los sitios web antiguos. Incorporarlos puede hacer que tu sitio web parezca anticuado.
Mitos del menú de navegación vertical
Mucha gente cree que un menú de navegación vertical no queda bien porque los lectores tienden a escanear una página web de izquierda a derecha. Pues bien, esta información es incorrecta. Según un estudio, cuando los lectores visitan una página web, la escanean siguiendo un patrón en "F". Es decir, empiezan por la esquina superior izquierda y leen horizontalmente. Después, revisan la página de arriba abajo.
El patrón de lectura de un usuario puede fijarse tanto en los menús de navegación horizontales como en los verticales. Por lo tanto, el patrón de lectura no es la razón por la que debes o no debes utilizar un menú de navegación vertical.
¿Cómo utilizar correctamente los menús de navegación vertical?
Los menús de navegación vertical pueden hacer que tu sitio web destaque si se utilizan correctamente. Ten en cuenta las estrategias que se enumeran a continuación para obtener los máximos beneficios de una barra de navegación vertical.
1. Mantener el menú a la izquierda
Los usuarios se sienten más cómodos utilizando menús de navegación verticales a la izquierda porque la mayoría de los sitios web con navegación vertical los colocan a la izquierda. ¿Recuerda el patrón de lectura de la "F"? También es una de las razones por las que es mejor colocar el menú de navegación a la izquierda. El público presta más atención a la parte izquierda de la página que a la derecha.
Diseñes como diseñes tu web, debe ser aquello que atraiga al usuario y con lo que se sienta cómodo.
2. Diferenciarla de otros componentes de tu sitio web
Mantener el fondo de la barra de navegación del mismo tono o similar al fondo del sitio hará que pase desapercibida.
Utiliza un color opuesto para tu menú vertical. Por ejemplo, si el color de fondo o las imágenes de tu sitio son claros, opta por colores oscuros para la navegación vertical, como el negro. Otra cosa que puedes hacer es mantener los mismos colores, pero de tonos opuestos. Si el color de fondo de tu sitio web es un tono muy claro de morado, tu barra de navegación puede ser de un morado muy oscuro.
Recuerda mantener el texto de un tamaño y color tal que sea fácilmente legible.
3. Simplicidad de los componentes
Cuando utilices un menú de navegación vertical, no abarrotes todos los componentes. Asegúrate de que todos los enlaces y demás partes tengan el mismo espacio entre sí. Además, incluye iconos fácilmente identificables para facilitar la navegación a tus usuarios.
También puedes utilizar el contraste de tonos oscuros y claros de colores para mostrar la jerarquía entre los elementos de tu menú.
4. No utilizar iconos en lugar de texto
Los menús de navegación verticales ocupan mucho más espacio que los horizontales. Para hacer sitio a más elementos, algunos diseñadores intentan minimizar la anchura del menú sustituyendo el nombre de las páginas web por iconos. Esto afecta negativamente al proceso de navegación de los usuarios. O bien dedican minutos extra a averiguar qué significa ese icono o, simplemente, abandonan el sitio.
5. Los elementos menos importantes van al final
Si tienes un menú muy largo, es posible que no se puedan ver todos los elementos sin desplazarse. Dado que los distintos usuarios tendrán diferentes tamaños de pantalla, no puedes saber dónde llegará el pliegue de la página y ocultar los elementos para cada uno de tus visitantes. Por lo tanto, mantén los elementos esenciales del menú en la parte superior y los menos importantes en la parte inferior para que, si se cortan debido al pliegue de la página, la experiencia del usuario no se vea alterada.
6. Evitar duplicar el menú horizontal y verticalmente
Algunos sitios web utilizan menús verticales y horizontales a la vez. Si se utilizan correctamente, pueden funcionar el uno junto al otro. Pero algunos diseñadores duplican todo el menú horizontal en el vertical, que se abre haciendo clic en un icono.
Esto da la impresión de que el diseñador estaba confundido sobre si incluir la navegación horizontal o la vertical, por lo que encajan ambas. Además, desconcierta al usuario y puede resultar redundante.
¿Cómo añadir navegación vertical en tu sitio Strikingly?
Si no has construido un sitio web, puedes crear uno sin problemas utilizando el constructor de sitios web Strikingly. Te permite construir tu sitio web utilizando plantillas prediseñadas. Todo lo que necesitas hacer es seleccionar la plantilla que te gusta, y luego editarlo en el editor de sitio intuitivo. Ofrece sólidas funciones de personalización, como cambiar los colores de fondo, las imágenes y los vídeos, crear tus secciones y añadir múltiples áreas prediseñadas, como una tienda en línea, un blog, una galería, etc.
Strikingly adapta automáticamente el diseño de tu sitio web para que se vea en todos los dispositivos.
A continuación, te explicamos cómo puedes añadir un menú de navegación vertical a tu sitio web de Strikingly.
1. Ve al panel de control, y haz clic en el botón "Crear un nuevo sitio".
2. Elige la plantilla que creas que va mejor para tu sitio web.
3. En el editor del sitio, haz clic en "Estilos" en la esquina superior derecha.
Imagen tomada del producto de Strikingly
4. Ahora puedes hacer clic en "Cabecera y navegación".
Imagen tomada del producto de Strikingly
5. En el submenú, toca "Disposición".
6. Ahora elige "Disposición G".
Imagen tomada del producto de Strikingly
7. Añade el logo de tu marca. Puedes hacerlo haciendo clic en "Editar" donde está escrito "Logo".
8. Debajo del Logo, escribe el título de tu marca.
Para añadir una de tus secciones o páginas web en tu barra de navegación, haz clic en el icono de Configuración que aparece junto al nombre de la sección. Marca "Mostrar en navegación".
Cuando termines de añadir la barra de navegación, juega con varios elementos para ver qué componentes se adaptan mejor a tu sitio.
Imagen tomada del producto de Strikingly
Ahora que ya sabes cómo utilizar correctamente la navegación vertical, empieza a construir tu sitio con Strikingly hoy mismo, y muestra tu negocio o blog a la audiencia de todo el mundo.