Krypton Solid

¿Ha superado la fecha de caducidad de la barra lateral?

¿Ha superado la fecha de caducidad de la barra lateral?

En esta época de nuevas tendencias de diseño, velocidades de sitios web cada vez más rápidas y dominio móvil, un elemento clásico de la página todavía se mantiene, aunque muchos pueden pasarlo por alto. Desde los primeros días de la web y un pilar en diferentes sitios, la barra lateral ha tenido longevidad.

Sin embargo, dado que muchas personas simplemente escanean o hojean el contenido, no todos le prestan atención, especialmente con el patrón de lectura en forma de F que establece que las personas generalmente comienzan en el lado izquierdo de una página web y escanean a lo largo y ancho de la página. Agregue a eso la creciente demanda de tiempos de carga de página más rápidos, y la barra lateral se puede ignorar fácilmente.

Eso plantea la pregunta: ¿la barra lateral sigue siendo necesaria hoy en día? No es el medio principal de navegación, y otros elementos de diseño como los botones de redes sociales se han vuelto más importantes.

El propósito de la barra lateral

La barra lateral nunca tuvo la intención de ser el principal medio de navegación de un sitio. La barra de navegación o el menú generalmente va horizontalmente en la parte superior de la página, tradicionalmente siempre dejando la barra lateral como una idea de último momento de la navegación secundaria.

No obstante, se supone que una barra lateral ayuda a los usuarios con la navegación, principalmente según el tipo de sitio. Por ejemplo, un blog ofrecerá un uso mucho mejor para una barra lateral en este sentido que, digamos, un sitio de citas.

Las barras laterales se utilizan generalmente para presentar contenido que debe resaltarse, como cuando desea que los usuarios realicen una acción específica que les permita interactuar más con su sitio. Por ejemplo, un blog puede reunir sus publicaciones más populares o recientes y luego incluir enlaces a estas en la barra lateral. Esto no solo ayuda a los usuarios a navegar por el sitio de manera más eficiente, sino que también les pide a los usuarios que quizás lean contenido que de otro modo se habrían perdido si no se hubiera destacado en la barra lateral.

La ubicación de tu barra lateral

Las barras laterales se pueden colocar en el lado izquierdo o derecho de la página, así como, en algunos casos únicos, en ambos lados de la página.

El lugar donde coloque la barra lateral debe estar determinado por la experiencia del usuario, como con todos los elementos de la página.

Barra lateral izquierda

Cuando coloque su barra lateral a la izquierda de su página, sepa que básicamente tendrá que funcionar como la barra de navegación principal de su sitio. Eso es porque el estudio de usabilidad clásico que estableció el patrón de lectura en forma de F en Internet confirma que los usuarios pasan la mayor parte del tiempo mirando hacia el lado izquierdo de una página. Dado que aquí es donde están sus ojos, también debería ser donde está la navegación principal si va a colocar la barra lateral aquí, solo para ayudar a su experiencia de usuario.

Considere también que una barra de menú horizontal en la parte superior de su página puede ser demasiado apretada para caber en todos sus títulos o categorías de navegación si está diseñando para una gran tienda, organización o sitio de noticias. Una barra lateral / menú de navegación vertical en el lado izquierdo de la página puede ser la solución.

Wikipedia ilustra esta elección de diseño a la perfección: no tiene navegación horizontal en la parte superior de la página, sino que tiene su barra de navegación en el lado izquierdo de sus páginas como una barra lateral muy larga.

Barra lateral derecha

La barra lateral derecha es definitivamente más común; cuando está en el lado derecho de la página, no funciona como navegación principal, sino como navegación secundaria. Nuevamente, esto se remonta al patrón de lectura en forma de F y cómo los visitantes de su sitio simplemente no miran el lado derecho de una página primero o de manera prominente. Es como leer un libro en inglés; leemos de izquierda a derecha.

Esto significa que hay una buena posibilidad de que el contenido de la barra lateral derecha se pierda o no sea visto por tantos usuarios como el contenido de la barra lateral izquierda. Dado que este contenido es secundario, no debe colocar demasiada información importante aquí.

El estado secundario de la barra lateral derecha explica por qué las páginas de algunos sitios, como Match.com, en realidad colocan anuncios aquí, ya sean anuncios de servicios relacionados con Match.com o de otras marcas. Los anuncios aquí tampoco tienen tanto valor monetario como los anuncios en otros lugares de una página.

Por supuesto, otros sitios usan la barra lateral derecha de manera diferente, por ejemplo, para resaltar contenido popular y relacionado para un lector del sitio. Nascar.com’s La barra lateral derecha presenta los titulares principales del día y cualquier contenido relacionado con el artículo de la página.

003

Barras laterales dobles

En realidad, algunos sitios utilizarán dos barras laterales, una a la izquierda y a la derecha de la página. Una preocupación de este enfoque es presentar al usuario demasiada información en la página, lo que aumenta el riesgo de que la información esencial se pierda en la reproducción aleatoria, especialmente si esa información se presenta en la barra lateral derecha. Otra preocupación es intercambiar la información importante entre los lados izquierdo y derecho de la página sin pensar lo suficiente en lo que debería ser una prioridad.

Sin embargo, hay una manera de hacer que esto funcione. Tienes que poner el contenido más importante en la barra lateral izquierda porque ahí es donde tus visitantes buscarán primero y más. Esto significa la navegación, las principales aplicaciones web, etc. Luego, a la derecha, ahí es donde puede colocar los elementos de navegación secundarios, elementos como los artículos más populares, botones de redes sociales, una barra de búsqueda, etc.

Escaparate de barras laterales

A continuación, se muestran varios tipos de barras laterales de la web.

LinkedIn

La barra lateral de LinkedIn se encuentra en el lado derecho de la página y ofrece recomendaciones de personas en la red que quizás conozcas.

004

Gorjeo

Twitter tiene una barra lateral dual: la de la izquierda muestra tu perfil y tu foto, mientras que la de la derecha muestra el número de impresiones, recomendaciones de a quién seguir y tendencias mundiales.

002

Fox News

Fox News muestra su contenido adicional y relacionado y sus historias más populares y de moda en la barra lateral derecha.

005

Sigue siendo significativo en 2016

Ahí tienes. Las barras laterales siguen siendo relevantes en el mundo del diseño actual, aparentemente dominado por las noticias de una nueva tendencia de diseño tras otra. Solo sirve para mostrarle que, cuando algo está tan centrado en UX como la barra lateral, puede disfrutar de una buena longevidad y seguir siendo un elemento básico del diseño web durante mucho tiempo.

Sin embargo, el hecho de que sea una especie de elemento de página no reconocido es quizás el mejor testimonio de su gran utilidad. Los usuarios lo han dado por sentado porque simplemente esperan que esté ahí, ya que es un elemento clásico que lleva décadas presente en la web.

Sin una barra lateral, cualquier sitio sería más difícil de navegar y usar, lo que paralizaría la UX. ¡Eso nunca es bueno desde el punto de vista de ningún diseñador!

Deja un comentario