Krypton Solid

La última tecnología en raciones de 5 minutos

¿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.

CONTENIDO RELACIONADO  Jugando ahora: A la caza en Elite: Dangerous

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.

001

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.

CONTENIDO RELACIONADO  Tor Project lanza la primera versión alfa del navegador móvil Android

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.

CONTENIDO RELACIONADO  Perfil del panelista de TechLines: Nicholas Skytland de la NASA sobre alfabetización en big data

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

También te puede interesar...

Microsoft abandona Outlook Express Krypton Solid

Puede que sea el cliente de correo electrónico más distribuido del mundo, pero Microsoft ha confirmado que no pretende seguir desarrollando Outlook Express. «[Outlook Express] simplemente quédese donde está «, dijo Dan Leach, gerente de

Hitachi lanza almacenamiento para pymes | Krypton Solid

Hitachi Data Systems (HDS) ha presentado un sistema de almacenamiento básico diseñado para ayudar a las pequeñas y medianas empresas (PYME) a ​​gestionar sus datos con mayor facilidad. Hablando en el lanzamiento en Singapur, Ravi

¿Revuelta de recompensas de NetWare?

¿Qué entró en su piel? Los problemas son dobles, dicen los revendedores. Para empezar, la nueva división de consultoría de Novell compite directamente con los revendedores de Novell, lo que la empresa ha prometido no

La fusión traza la ruta hacia chips más rápidos

El gobierno de EE. UU. Aprobó la adquisición de Silicon Valley Group por ASM Lithography en los Países Bajos, un acuerdo que creará el mayor proveedor mundial de herramientas de fabricación de semiconductores y podría

¿Tenemos un encuentro mortal con El Niño?

Algunas investigaciones recientes de Texas A&M indican: 1) Los eventos de El Niño no se fortalecen debido al cambio climático2) El Niño en 1918 fomentó la pandemia de gripe ese año3) Podría ser una lección

Revisión de crecer | jugador de pc

Necesito saber ¿Qué es? Un juego sobre escalar muy alto.Espera pagar 7£/10$Desarrollador ReflexionesEditor UbisoftRevisado el GeForce GTX 970, i5-6600K, 16 GB de RAMmultijugador NingunaEnlace Sitio oficial El año pasado, Reflections lanzó Grow Home, un encantador

Los ingenieros sufrirán por Telstra NBN: Optus

Si Telstra gana el contrato de la red de banda ancha de fibra nacional en el nodo sin una condición de separación operativa, la innovación en la industria de las telecomunicaciones y la comunidad de

2011, mi suegro… y COBOL | Krypton Solid

Es temprano en la mañana del primer mes de 2011. Acabo de revisar Drudge Report por primera vez hoy. Hasta ahora nadie pudo enviar la solución perfecta, lo cual no es extraño. Oh, claro, el