Cuando piensa en el diseño de un sitio web típico , es muy probable que incluya una columna de enlaces o información importante a la derecha o a la izquierda del área de contenido principal. Este elemento se conoce como «barra lateral» y es extremadamente frecuente en la web. Sin embargo, para que el suyo sea efectivo, es vital comprender cómo funciona esta función.
No todos los sitios web necesitan barras laterales, y algunos diseños están mucho mejor sin una. Con eso en mente, vamos a profundizar en el propósito de esta función, qué tipos de sitios deberían considerar usarla y cómo influye en el panorama actual de «primero los dispositivos móviles».
¡Hagámoslo!
Suscríbete a nuestro canal de Youtube
En resumen, una barra lateral es una columna ubicada a la derecha o a la izquierda del área de contenido principal de una página web. Se utilizan comúnmente para mostrar varios tipos de información complementaria para los usuarios, como:
- Enlaces de navegación a páginas clave
- Anuncios de productos o servicios
- Formularios de registro de correo electrónico
- Publicaciones populares o relacionadas
- Enlaces de redes sociales
Ocho de los diez sitios más populares en la web usan barras laterales de alguna forma. Wikipedia sirve como un menú de navegación:
Reddit , por otro lado, comparte anuncios que generan ingresos, así como 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 los sitios ponen a funcionar las barras laterales, a veces también se usan para biografías de autores, renuncias de responsabilidad de afiliados y una variedad de otros propósitos:
La principal ventaja de incorporar una barra lateral en el diseño de su sitio web es que permanece visible mientras los usuarios navegan por su sitio. Esto le permite hacer que la información y las funciones clave estén disponibles en todo momento.
Esta es la razón por la que 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í porque 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 la confusión.
Puede incluir una barra lateral en casi cualquier tipo de sitio web. Sin embargo, son especialmente útiles en un par de situaciones diferentes en las que los usuarios pueden beneficiarse de una guía adicional. Aquí hay dos que creemos que vale la pena mencionar.
1. Sitios web con mucho contenido
Los blogs, sitios de noticias, revistas en línea y otros sitios web con mucho contenido abarcan una categoría bastante amplia. Sin embargo, todos tienen una cosa en común, y es que sobreviven publicando más artículos todo el tiempo.
Cuanto más contenido tenga, más complicado se vuelve navegar por su sitio web. Puede usar una barra lateral en esta situación para:
- Incluir enlaces a redes sociales o botones para compartir
- Mostrar su formulario de registro de correo electrónico donde los usuarios no se lo pierdan
- Mostrar enlaces a publicaciones y páginas relacionadas
- Mostrando 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 donde de otro modo se las perderían, alentar las suscripciones y, por lo tanto, a los visitantes que regresan, y mejorar la navegación para mantener a los lectores en su sitio por más tiempo. Todos estos resultados benefician a su sitio y pueden aumentar los ingresos que genere a partir de él.
2. Tiendas en línea
Los sitios web no se vuelven 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 incluirá. Esto hace que las barras laterales sean aún más útiles para incluir elementos como:
- Productos relacionados y compras pasadas
- Añadir al carro botones
- Reseñas y calificaciones de los compradores
- Anuncios de ofertas especiales o promociones que está ejecutando
- Una vista del carrito de compras para que los clientes puedan realizar un seguimiento de sus totales acumulados
Un problema común con el diseño de sitios web de comercio electrónico es que implica mucho desorden. Si echa un vistazo rápido a Amazon o eBay , notará lo que queremos decir de inmediato:
Cualquier elemento que pueda ayudarlo a organizar ese desorden y hacer que sus páginas sean más fáciles de usar es bienvenido, y las barras laterales ciertamente se ajustan a esa factura.
A pesar de su utilidad histórica, las barras laterales han sido criticadas 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 dedicar más de un tercio de la página al contenido secundario.
En cambio, esta información generalmente se mueve a la parte inferior de la página en dispositivos más pequeños, donde es menos probable que se encuentre. Teniendo en cuenta que el tráfico móvil ahora representa más del 51 por ciento del uso de Internet a nivel mundial , este es un problema importante para el diseño web.
En respuesta, algunos sitios han optado por no usar barras laterales en absoluto . Si bien esto tiene sentido, también significa que estos sitios no pueden aprovechar los beneficios que ofrece este diseño. Si ejecuta un blog con mucho contenido o una tienda de comercio electrónico, esto podría convertirse en 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 su contenido secundario mientras mantiene su sitio legible en teléfonos inteligentes y tabletas.
Otra solución es ocultar solo parte de su contenido complementario en dispositivos más pequeños. Por ejemplo, si tiene botones sociales en su encabezado, puede eliminarlos de la barra lateral de su dispositivo móvil para evitar repeticiones.
Alternativamente, puede usar una barra lateral plegable para su sitio móvil. Los usuarios pueden elegir verlo u ocultarlo según sea necesario:
Finalmente, siempre existe la opción de mantener la barra lateral completa y hacerla receptiva para que se reduzca para adaptarse a pantallas más pequeñas. La mejor ruta para su sitio dependerá del tipo de contenido que contenga su barra lateral y los objetivos de su sitio web en su conjunto.
Conclusión
Si bien desea que su contenido principal sea el centro de atención, también hay mucha otra información que los usuarios de su sitio necesitan. Con una barra lateral, puede mostrar elementos críticos como enlaces a áreas clave, formularios de registro de correo electrónico y más a lo largo de sus páginas.
Las barras laterales pueden tener sus inconvenientes cuando se trata de la navegación móvil primero, pero no irán 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.
¿Tienes alguna pregunta sobre cómo sacarle el máximo partido a tu barra lateral? ¡Déjalos en la sección de comentarios a continuación!
Imagen en miniatura del artículo por el Sr. Kreetha Mahamud / shutterstock.com