Cuando piensa en un diseño de sitio típico, es muy probable que incluya una columna de enlaces o información importante a la derecha o izquierda de su área de contenido principal. Este elemento se conoce como la «barra lateral» y está muy extendido en la web. Sin embargo, para que el suyo sea efectivo, debe comprender cómo funciona esta función.
No todos los sitios web necesitan barras laterales y algunos diseños son mucho mejores sin ellas. Con eso en mente, analizaremos más de cerca el propósito de esta función, los tipos de sitios web que deberían usarla y cómo impactan en el panorama actual «centrado en dispositivos móviles».
¡Sigamos adelante!
Suscríbete a nuestro canal de YouTube
¿Qué es una barra lateral (y por qué es útil)?
En resumen, una barra lateral es una columna que se coloca a la derecha o a la izquierda del área de contenido principal de una página web. Suelen utilizarse para mostrar varios tipos de información complementaria a los usuarios, como por ejemplo:
- Navegación por enlaces a páginas clave
- Anuncios de productos o servicios
- Formularios de registro por correo electrónico
- Publicaciones populares o relacionadas
- Enlaces a las redes sociales
Ocho de los diez sitios principales en la web usan barras laterales de alguna forma. Wikipediasirve como un menú de navegación:
Redditpor otro lado, proporciona anuncios que generan ingresos y publicaciones relacionadas y una opción para actualizar su cuenta:

Si bien los usos que discutimos anteriormente son algunas de las formas más comunes en que las barras laterales funcionan en los sitios web, a veces también se usan para crear biografías de autores, declaraciones de afiliados y muchos otros propósitos:

El principal beneficio de incluir una barra lateral en el diseño de su sitio web es que permanece visible mientras sus visitantes navegan por su sitio. Esto permite el acceso constante a información y funciones clave.
Por lo tanto, las barras laterales a menudo contienen elementos de llamada a la acción (CTA), como formularios de suscripción por correo electrónico y anuncios. Las funciones de navegación también funcionan bien aquí, ya que son fáciles de encontrar y es menos probable que el contenido legal, como una declaración de divulgación de afiliados, se pierda en el sorteo.
2 tipos de sitios web que pueden beneficiarse del uso de barras laterales
Puede poner una barra lateral en casi cualquier tipo de sitio web. Sin embargo, son especialmente útiles en algunas situaciones diferentes en las que los usuarios pueden beneficiarse de orientación adicional. Aquí hay dos que vale la pena mencionar.
1. Sitios web con mucho contenido
Los blogs, los sitios de noticias, las revistas en línea y otros sitios web con mucho contenido pertenecen a una categoría bastante amplia. Sin embargo, todos tienen una cosa en común, y es que sobrevivirán publicando más artículos todo el tiempo.
Cuanto más contenido tenga, más complicada se vuelve la navegación de su sitio. En esta situación, puede usar la barra lateral para:
- Incluir enlaces de redes sociales o botones para compartir
- Estoy mostrando un formulario de registro de correo electrónico que los usuarios no perderán
- Mostrar enlaces a publicaciones y páginas relacionadas
- Muestra tu contenido más popular
- Agregar una barra de búsqueda que sea fácil de encontrar
Una barra lateral puede ayudar a los usuarios a encontrar oportunidades de participación que de otro modo podrían perderse, alentar las suscripciones y, por lo tanto, mantener a los visitantes alejados y mejorar la navegación para mantener a los lectores en su sitio por más tiempo. Todos estos resultados benefician a su sitio web y pueden aumentar los ingresos que genera.
2. Tiendas en línea
Los sitios web no son mucho más complejos que las tiendas en línea. Cuantos más productos ofrezca su sitio de comercio electrónico, más páginas contendrá. Esto hace que las barras laterales sean aún más útiles para adjuntar elementos como:
- Productos relacionados y compras anteriores
- Añadir al carrito botones
- Reseñas y calificaciones de los compradores
- Anuncios de ofertas especiales o promociones que ejecuta
- Vista del carrito de compras para que los clientes puedan realizar un seguimiento de los totales actuales
Uno de los problemas comunes con el diseño de sitios web de comercio electrónico es que viene con mucho desorden. Si echas un vistazo Amazonas o ebayinmediatamente notará lo que queremos decir:

Cualquier cosa que pueda ayudarlo a resolver este lío y hacer que sus páginas sean más fáciles de usar es bienvenida, y las barras laterales ciertamente se ajustan a esa factura.
¿Cómo encajan las barras laterales en el mundo móvil?
A pesar de su utilidad histórica, las barras laterales han ha sido criticado recientemente. El argumento más fuerte en su contra es que no se traducen bien en dispositivos móviles. Dado que el espacio de la pantalla es limitado en los teléfonos inteligentes y las tabletas, no es práctico mostrar más de un tercio de una página de contenido secundario.
En cambio, esta información generalmente se lleva al final de la página en dispositivos más pequeños donde es menos probable que se encuentre. Teniendo en cuenta el tráfico móvil, actualmente ha terminado 51 por ciento del uso de Internet en todo el mundoEste es un problema importante en el diseño web.
En respuesta, algunos sitios optaron por no usar barras laterales en absoluto. Si bien tiene sentido, también significa que estos sitios no pueden aprovechar los beneficios que brinda este diseño. Si está ejecutando un blog rico en contenido o una tienda de comercio electrónico, esto podría ser un problema real.
Una opción para lidiar con esto es ocultar la barra lateral en los dispositivos móviles. Esto permitirá a los usuarios de escritorio ver contenido secundario mientras se mantiene la legibilidad del sitio en teléfonos inteligentes y tabletas.
Otra solución es ocultar solo algunos contenidos adicionales en dispositivos más pequeños. Por ejemplo, si tienes botones sociales en tu encabezado, puedes eliminarlos de la barra lateral de tu móvil para evitar duplicidades.
Como alternativa, puede utilizar barra lateral plegable para su sitio móvil. Los usuarios pueden elegir mostrar u ocultar según sea necesario:

Por último, siempre existe la opción de mantener la barra lateral llena y hacerla receptiva para que se reduzca para caber en pantallas más pequeñas. La mejor ruta para su sitio web dependerá del tipo de contenido que contenga su barra lateral y los objetivos de su sitio web en su conjunto.
Solicitud
Si bien desea que su contenido principal sea el centro de atención, también hay mucha otra información que necesitan los visitantes de su sitio web. Usando la barra lateral, puede mostrar elementos críticos en sus páginas, como enlaces a áreas clave, formularios de registro de correo electrónico y más.
Las barras laterales pueden tener sus desventajas cuando se trata de la navegación móvil, pero no van a ir a ninguna parte en el corto plazo. En cambio, tenemos que volver a imaginar la forma en que abordamos su diseño. Sin embargo, con las herramientas adecuadas, debería estar a la altura del desafío.
¿Tiene preguntas sobre cómo aprovechar al máximo la barra lateral? ¡Déjalos en la sección de comentarios a continuación!
Imagen en miniatura del artículo del Sr. Kreethy Mahamud / shutterstock.com








