Menú vertical para mayor originalidad y practicidad

=. Una pieza importante en el diseño web, el menú juega un papel fundamental en la orientación de los visitantes en el contenido de un sitio web. Como saben, puede mostrar el menú horizontal o vertical. En el último caso, el menú vertical debe ser una opción sabia. De hecho, una elección más sabia que el menú horizontal ya clásico. Pero, ¿en qué circunstancias es este componente la mejor opción en el diseño web? Vamos a sumergirnos en algunos detalles … las primeras cosas primero: ¿Qué es un menú vertical? Es responsable de navegar por un sitio web y, en lugar de seguir una línea horizontal, se muestra verticalmente. Es más inusual usar este elemento, sin embargo, en algunos casos, puede ser la mejor selección. Enumera los artículos debajo del otro, en una sucesión fácil de seguir, que tiene su propósito. Su papel es guiar a los visitantes en todo un sitio web.
Ejemplo

¿Por qué elegir un menú vertical en lugar de uno horizontal? Por varias razones, algunos diseñadores web prefieren usar un menú que mejor ilustra la presentación de contenido en el sitio:
Una de las razones para elegir reside en la intención de la originalidad: es una práctica ordinaria usar un menú horizontal, pero no sale del camino habitual para elegir uno vertical. Esto tiene el efecto de atraer la atención de las personas a navegar y crear conciencia sobre las instrucciones que pueden seguir para visualizar el contenido del sitio web.
Otra razón para la implementación de tales componentes es un carácter práctico (razones UX): la opinión general es que es mejor tener un menú horizontal, porque no se corta en la parte inferior de la página. Y sí, esto es cierto cuando pensamos exclusivamente sobre los usuarios de escritorio. Sin embargo, en un primer mundo móvil, un menú vertical es más que bienvenido (casi el 80% del uso de Internet debería ser móvil en 2018). En los dispositivos móviles, los visitantes están acostumbrados a inacabarte y mientras se hayan descubierto. Si las especificaciones del sitio web lo permiten, puede elegir una alineación vertical de los artículos. Esto significa que tiene un sitio web con un volumen de contenido bastante bajo (agencia creativa, sitio web de cartera, restaurante, etc.) Este componente no se recomienda para sitios comerciales electrónicos, con muchos productos y descripciones (pero una excepción: Amazon hace su menú una forma simple de clasificar y filtrar los productos).
Por último, pero no menos importante, los menús verticales fomentan la acción mejor que los horizontales. ¿Cómo es esto posible? Tal menú centra la atención en los elementos que los usuarios eligen hacer clic y explorar. Por lo tanto, invita al contenido a descubrir de una manera más eficiente, atrayendo a los usuarios mejor que un menú clásico.
Las mejores prácticas para los menús verticales Si el diseño de su sitio web cumple con los criterios anteriores y decidió usar un menú vertical en lugar de uno horizontal, no olvide estar al tanto de las mejores prácticas para los menús verticales: coloque el menú vertical en el lado izquierdo del pantalla. Es bastante inusual y extraño tener ese menú en el lado derecho de la pantalla. Está en contra de las reglas de experiencia del usuario y es contrario a lo intuitivo. Por lo tanto, no olvide reservar espacio en el lado izquierdo de las páginas del sitio, para el menú vertical, si el menú vertical es lo que elige para la navegación. Ejemplo.
Debe adaptarse para obtener información corta. Bajo ninguna circunstancia, los artículos no deben ser largos y demasiado descriptivos. Más bien, deben ser concisos y relevantes para las secciones que indican. El menú vertical es adecuado si mantiene la apariencia general simple y compacta. Para una estructura más compleja, no se recomienda tanto, ya que implica demasiadas decisiones de navegación para los usuarios del sitio web. Limite el número de niveles en la navegación. De esta manera, navegar en las páginas / secciones del sitio web estará menos confundido, más claro, mejor organizado. Si los menús verticales están especialmente diseñados para sitios web simples, los elementos en estos menús también deben reflejar la simplicidad.
Agrupe las secciones de acuerdo con la acción, no según el sujeto. Recuerde que los menús verticales tienden a alentar mejor la acción para que los usuarios estén más inclinados a ir más allá para explorar el contenido del sitio web.

Ahora, para incluir un menú vertical en un nuevo sitio web, debe sopesar las ventajas y las desventajas y decidir si este componente es adecuado para el sitio. En las siguientes líneas, le ofrecemos una lista de ventajas y desventajas de los menús verticales, para que sepa por qué es correcto o no considerar un menú vertical para un sitio web. Los menús verticales avances es un modelo F. Los usuarios escanean el contenido en Una página web que sigue las instrucciones impresas en la letra F. y el menú vertical es parte de este modelo F. Debido a que un menú vertical sigue la forma natural de escanear a los usuarios, es intuitivo y cuando las personas necesitan orientación en el marco del contenido de una página web. Por lo tanto, no requiere ningún proceso cognitivo por parte del usuario, no hay esfuerzo adicional para comprender cómo funciona el navegación de un sitio web. Un menú vertical “va de la mano” con desplazamiento. Bueno, el desplazamiento está muy extendido en el diseño web, de modo que el componente del menú vertical sigue el uso natural del escaneo de los usuarios y se integra bien en su proceso de exploración de contenido.
Además, un menú vertical permite a los usuarios decidir solo qué elementos de navegación son los más importantes. Como ya he dicho, el componente del menú vertical fomenta la acción (mejor que un menú horizontal) e involucra a los usuarios con el contenido de las páginas de una manera más eficiente. Desventajas de los menús verticales Una de las desventajas más importantes de los menús verticales es la costumbre de las preferencias. Los usuarios están acostumbrados a navegar a través de un menú horizontal, por lo que puede ser extraño cambiar sus hábitos y usar una lista vertical de elementos de menú. También es inevitable hacer un compromiso entre la legibilidad y la fuente de tamaño. Debe ajustar el tamaño de la fuente para que el menú sea lo suficientemente visible para los usuarios y servir bien en la navegación de las páginas del sitio web. Algunas personas pueden encontrar la navegación horizontal más fácil porque facilitan la búsqueda de artículos. El tema de interés del usuario es más limitado en este contexto. Cómo crear un menú vertical aquí, le daremos una orientación sobre cómo crear fácilmente un menú vertical para su nuevo sitio web. Si está utilizando ColibriWP y ya ha creado un nuevo proyecto (correspondiente al nuevo sitio web), debe seguir estos pasos:

Paso 1: ¿Dónde coloca el menú elige el lugar donde desea agregar un menú vertical? Compruebe si tiene espacio para este componente, es decir, una fila con una columna dedicada donde insertará el menú vertical. Puede realizar estos cheques directamente en el editor en vivo. Paso 2: la forma en que ingresa el menú vertical en su página en la lista de componentes disponibles en el menú izquierdo del cliente, busque / seleccione el menú vertical. Luego use el deslizamiento y la ubicación para colocar un componente de menú vertical en una fila, en la columna exacta que ha creado para esto: Paso 3: Defina el menú en este paso, le dará el menú y decidirá qué elementos contendrán. Además, decida la estructura del menú (si solo tiene un nivel principal o si tiene niveles de navegación secundarios). Puede hacer cambios en el contenido del menú vertical. Haga clic en Menús, en Configuración general, en el menú izquierdo del personalizador.
Paso 4: Personalice el menú Haga clic en el menú en Customizer y abrirá el panel con opciones de personalización para este componente. Esto le dará la oportunidad de ajustar el color de fondo, el color del texto, la tipografía, la apariencia del divisor (si el menú tiene niveles secundarios), etc. Debe seguir las mejores prácticas para ajustar la configuración del menú vertical. Con respecto al diseño visual, las diferentes personalizaciones para el menú y los elementos submenú enfatizan la jerarquía de contenido dentro del sitio.