Hay un tema de tendencias en la navegación de diseño de sitios web: menús de la barra lateral. Más diseñadores están trabajando con la navegación lateral vertical para proyectos, con una ubicación específica en el lado izquierdo para muchos de estos diseños de sitios web.
Y aunque se ve bien y puede ayudar a simplificar el desorden en el lienzo general, ¿realmente funciona? ¿Los usuarios responderán a la navegación lateral? ¿Es una tendencia de diseño que deberías considerar? Hoy, intentaremos llegar al corazón de las preguntas con algunas respuestas prácticas y útiles.
La navegación lateral está apareciendo en todas partes
La navegación lateral es parte de una evolución de estilos de menú ocultos e interesantes. El diseño receptivo casi obliga a los diseñadores a pensar en patrones de navegación alternativos para que sea más fácil moverse en pantallas pequeñas. Y nació el icono del menú de hamburguesas.
Esto ha evolucionado a más estilos emergentes que comienzan con un ícono de hamburguesa. Algunos de estos menús de navegación se abren completamente, mientras que otros ofrecen un estilo desplegable o desplegable con una paleta completa de opciones para el usuario. El tema común es que muchos iconos de hamburguesas se abren en la navegación deslizante vertical.
La navegación de barra lateral completa parece ser una extensión de esa idea.
La tendencia en su iteración actual presenta barras laterales de navegación en su mayoría delgadas hacia la izquierda. Tienden a ser simples, de un solo color sólido (o superposición) e incluyen un puñado de elementos para elegir. La barra de navegación puede incluir una combinación de logotipo o marcas de marca, enlaces de texto y redes sociales u otros iconos y búsqueda.
La clave para hacer que esta tendencia funcione es asegurarse de que la barra lateral incluya suficiente contraste para ser claramente visible en relación con el resto de la pantalla, debe funcionar en dispositivos móviles (esto puede ser bastante complicado) y es lo suficientemente amplia para contener tipos de letra que son legibles
Un consejo más cuando piense en la navegación vertical: no se sienta tentado a abarrotar demasiados elementos para llenar la profundidad de una pantalla de resolución estándar. El espacio en blanco es totalmente aceptable, e incluso altamente recomendado, como herramienta de diseño en este formato. Si observa los ejemplos de este artículo, puede ver que dejar espacio entre los elementos o alinear los elementos en la parte superior, inferior o central con espacio alrededor puede ser atractivo para cada uno. El espacio adicional en la barra de navegación ayudará a atraer la atención, lo que ayudará a aumentar la usabilidad general.
Navegación lateral pros
La navegación lateral tiene mucho valor estético. Si bien este concepto se usó con frecuencia en los primeros días de la web, los menús de navegación vertical de hoy en día son elegantes y con estilo.
Las ventajas de usar la navegación lateral vertical incluyen:
- La navegación vertical a la izquierda cae en el trazo largo de la forma F, en la que los lectores miran primero en la parte superior y luego hacia abajo en el lado izquierdo como un patrón de lectura natural
- Los elementos de los menús no se ocultan inicialmente como suele suceder con otros estilos modernos, como los menús de hamburguesas
- Los artículos tienen el mismo peso sobre el rollo
- La lectura de arriba hacia abajo es fácil de escanear cuando hay un espacio adecuado entre los elementos
- Deja el lienzo ordenado para el resto del diseño.
- Proporciona un lienzo de formas diferentes, que puede agregar interés visual o facilitar el uso de ciertas imágenes o contenido de video.
- Puede contener potencialmente más enlaces de una manera limpia
Controles de navegación lateral
Hay un gran contingente de personas a las que no les gusta la navegación vertical. Mientras que las mayores quejas en términos de usabilidad están relacionadas con la navegación del lado derecho, algunos diseñadores argumentan que los estilos de navegación vertical agregan un nivel de complejidad para los usuarios y desarrolladores.
Las razones contra el uso de la navegación lateral vertical incluyen:
- Puede ser difícil lograr que la navegación vertical funcione correctamente en un marco receptivo
- Las palabras en la navegación deben ser lo suficientemente cortas como para caber en una columna estrecha sin utilizar un tipo de letra ilegible
- El espacio utilizado por la navegación vertical puede ser más valioso para otro contenido.
- Con pantallas más anchas, el desplazamiento es mayor y algunos elementos de navegación podrían perderse.?> / Li>
- ¿El espacio extra? desde la navegación vertical puede animar a algunos diseñadores a ir por la borda y abarrotar el menú de navegación; al igual que con la navegación superior y horizontal, manténgase solo en los cuatro o cinco enlaces principales dentro del sitio.
- Muchos usuarios de mouse (diestros) tienen que cruzar la pantalla para hacer clic en los elementos de navegación. Esto puede ser un patrón de usuario engorroso y eventualmente molesto.
- La navegación vertical necesita desplazarse y "pegarse" A la pantalla para que los usuarios no la pierdan. A menudo, la navegación vertical funciona bien en el diseño de una sola página, pero se vuelve incómoda con un uso más amplio.
¿Realmente funciona?
¿Funciona realmente la navegación lateral vertical?
El jurado aún está deliberando sobre eso.
La tendencia es llamativa y te hace lucir. Entonces, hay algo de valor en eso porque los usuarios lo verán. Si su navegación es una parte vital de los patrones de clics y el flujo de usuarios, esta opción podría ser una consideración.
En general, este estilo de navegación parece ser más efectivo para sitios web pequeños con solo unas pocas opciones de navegación y contenido limitado. Muchos de los ejemplos en este artículo parecen ser para complejos inmobiliarios (totalmente por casualidad), mientras que parece ser algo que también funcionaría para un portafolio creativo o un sitio web de una agencia. Cualquier diseño con mucho contenido puede parecer que la navegación lateral es demasiado restrictiva en términos de diseño y jerarquía de contenido.
¿Qué pasa con otras ubicaciones de navegación?
Los estilos de navegación no tradicionales pueden ser una forma divertida de romper algunos de los mismos patrones de diseño antiguos. La opción vertical es solo una de las pocas ideas.
El problema con cualquier patrón de usuario no estándar es que corre el riesgo de confundir a los usuarios, lo que hace que abandonen el sitio web por completo. Cualquier experimento de este tipo es mejor con un sitio más pequeño que tenga un flujo visual general simple.
Otros dos estilos de navegación que están comenzando a ganar algo de fuerza incluyen el pop-out horizontal de hamburguesa, como lo usa Aurora (arriba) y el navegador de texto inclinado de 90 grados que usa AndCulture (abajo).
Ambos estilos ofrecen algo inesperado y funcionan bien en sus respectivos entornos, aunque pueden ser difíciles de entender con diferentes diseños. Al igual que con cualquier técnica de diseño, si hace algo fuera de los patrones de usuario normales, asegúrese de observar sus análisis y realizar pruebas con frecuencia. Si existen patrones de clic impares o si los usuarios dejan de moverse a través de la navegación, es posible que tenga un problema con el diseño no tradicional y tenga que volver a pensarlo.
Conclusión
Una cosa es cierta cuando se trata de las tendencias de navegación, los usuarios y diseñadores parecen estar hartos de los estilos completamente ocultos y las opciones de demanda que funcionan en formatos similares en equipos de escritorio y dispositivos móviles. Esta podría ser una de las razones por las que un patrón vertical es tendencia.
¿Qué tendencias estás viendo en la navegación? ¿Estás aburrido de diseñar enlaces en la parte superior de la pantalla? Déjame una línea en Twitter y hablemos de ello. (Asegúrese de etiquetar Design Shack también.)