¿Por qué la mayoría de los blogs y páginas web muestran contenido en el lado izquierdo?

Si tuviera que deconstruir una página web o blog, lo que más tiene es una estructura de menú a la izquierda, el contenido principal en el medio y / o una estructura de menú relacionada a la derecha.

Aquí hay un ejemplo aleatorio (Historial – PVC): hay elementos de menú a la izquierda, arriba y derecha y el contenido está en el medio.

Lo que quiere decir aquí es que Wikipedia no tiene un menú del lado derecho y, por lo tanto, parece aparecer en el lado ‘derecho’.

Pero, ¿por qué la obsesión con el lado izquierdo?

Como resultado de la investigación, el ojo humano escanea automáticamente los lados izquierdo y superior de una página antes de ir a otras áreas. La ruta de exploración es la forma de una “L” invertida.

¿Cómo se realiza este tipo de investigación? Colocan cámaras en las pantallas, frente al usuario, que rastrean los movimientos oculares durante un período de tiempo y esto forma la base de lo que se traduce en la pantalla.

Por cierto, este tipo de investigación también se utilizó en publicaciones impresas y fuera de línea, por lo que, aunque ya no lo piense más, tiene el encabezado en la parte superior, las posiciones premium en la parte inferior derecha de la portada de un periódico (que cuesta más si está anunciando allí), página 3, a la derecha, lleva los siguientes anuncios publicitarios más caros, el editorial generalmente está a la izquierda de la página central y así sucesivamente.

Y dado que, en una página web, la parte superior e izquierda son las primeras áreas que el ojo ve, tiene sentido tanto desde un punto de vista ergonómico como de interfaz de usuario colocar primero los elementos de su submenú a la izquierda y al menú principal artículos en la parte superior.

Dado que los enlaces (o botones) clave ocupan las áreas importantes de la página, el siguiente paso lógico es colocar el contenido principal lo más cerca posible de la izquierda y la parte superior para mantener el área principal de escaneo ocular, lo que deja espacio para poner otros artículos a la derecha. En una página web con un menú del lado derecho también, el contenido aparece en el medio; en páginas web que no lo hacen, parecería aparecer a la derecha.

El diseño actual de la página web y el blog, y las nuevas técnicas de codificación e idiomas, permiten que la imaginación de los diseñadores se libere y, a su vez, eviten la investigación, lo que tiene un impacto negativo en la interfaz de usuario y los resultados. He visto a personas abandonar o disgustarse con el contenido porque no pudieron detectar los botones de navegación.

Se podría decir que posicionar el contenido a la izquierda (y arriba) también podría tener que ver con la respuesta condicionada (y no con la investigación), creo que sería una combinación de ambos en este momento: la investigación indica arriba y izquierda para el contenido principal; y el hecho de que hemos estado usando esta combinación durante alrededor de tres décadas significaría que estamos condicionados a creer que el contenido principal se encuentra alrededor del eje de arriba a la izquierda y buscamos automáticamente nuestros resultados en esas áreas.

La falta de una estructura de menú en el lado derecho de Wikipedia podría ser simplemente su forma de mantener las cosas simples: todos los elementos de navegación son fácilmente accesibles a la izquierda, dejando el medio (o la derecha) despejado para lo que más importa: el contenido.

Hace años, mis diseños comenzaron con el menú en la columna izquierda. Más tarde, comenzamos a poner el menú con ‘menús desplegables’ en la parte superior y un segundo menú, a menudo más completo, en texto en la parte inferior. Simplemente parecía ser una progresión natural y una buena idea.

Luego obtuvimos pantallas más anchas y se sintió bien dejar de lado el contenido adicional del tipo ‘a un lado’ en el espacio izquierdo sobre el derecho. Aquí en mi tienda, ahora es un estándar suelto que se siente bien hasta que el ancho de la pantalla se amplía aún más.

Ahora, la norma es empujar el contenido principal hacia abajo en el centro, el contenido de tipo ‘a un lado’ hacia abajo a la derecha todavía, y volveremos a poner una pseudo navegación hacia abajo a la izquierda mientras mantenemos los menús arriba y abajo.

También hay una tendencia a colocar el menú debajo de un botón expandible en pantallas más pequeñas como parte de un diseño receptivo.

Quién sabe a dónde nos enviará la próxima tendencia.