La distribución vertical de la atención de los usuarios en una página web es relativamente sencilla: se oculta más información en la primera mitad del campo visual de las personas que en la parte inferior. Ahora, echemos un vistazo a la distribución de la atención de los usuarios en la dirección horizontal de la página web. Utilizando la base de datos que recopilamos anteriormente, es fácil encontrar que cuando los usuarios navegan por páginas web, el peso de la distribución de la atención de izquierda a derecha es el siguiente:.jpg)
En este gráfico, la abscisa de cada artículo representa 100 píxeles y el 100% de la ordenada representa el tiempo desde que el usuario comienza a navegar por el extremo izquierdo hasta que sale de la página.
Las personas pasan más del doble de tiempo en el lado izquierdo que en el derecho, y toman la decisión obvia:
La mitad izquierda tomó el 69% del tiempo; la mitad derecha tomó el 30% del tiempo;
El 1% restante del tiempo de navegación se dedica a los primeros 1024 píxeles que se pueden navegar. Parte de la información solo se puede ver después del desplazamiento horizontal. Esta información sugiere que debemos arreglar la barra horizontal para evitar el desplazamiento horizontal.
La información de la que estamos hablando aquí en la "columna inferior" es en realidad la parte más allá de la pantalla en el lado derecho de la pantalla, no literalmente "abajo". Por otro lado, si se compara la navegación horizontal y vertical, los usuarios en la dirección vertical omitirán alrededor del 20% de la información, mientras que en la dirección horizontal solo ignorarán alrededor del 1% de la información. (Creo que de hecho he dicho hasta veinte veces que la rueda de desplazamiento horizontal es terrible porque realmente molesta a los usuarios y llama menos la atención).
Nuestro estudio utilizó un monitor de 1.024 × 768. Con una pantalla más grande, esperamos ver más contenido a la derecha con menos desplazamiento, y lo mismo ocurre en el modo normal.
La sección más a la izquierda generalmente incluye una barra de navegación, por lo que no sorprende que su atención aumente después de 200 píxeles, más los 300-500 píxeles donde recibe la mayor atención. La gente tiende a centrarse en el área de contenido principal en la primera línea desde el principio.
Idioma dirección de lectura de izquierda a derecha
La investigación de usabilidad que realizamos en áreas con hábitos de lectura de izquierda a izquierda encontró que las personas prestan más atención al comienzo de una línea. Evidentemente, en estos idiomas el texto empieza por la derecha. Aun así, es posible que no encontremos necesariamente la implementación de Eyetracking correspondiente. Por ejemplo, el árabe y el hebreo también tienen los gráficos anteriores. (Esto significa aproximadamente que cuando el hábito de lectura de un país o región es de derecha a izquierda, entonces su gráfico de distribución del tiempo de atención formará una imagen especular del gráfico de arriba, es decir, la abscisa se escribe de derecha a izquierda).
La razón es que los sitios web en idiomas de lectura de derecha a izquierda no siempre tienen un diseño de diseño de izquierda a derecha. Aquí están los diseños de los sitios web del periódico de Dubai Emarat Al Youm y del periódico israelí Haaretz:
.jpg)
Emarat Al Youm es un verdadero sitio web alineado con la derecha. A diferencia de esto, Haaretz es un sitio con texto alineado a la derecha pero aún tiene una barra de navegación izquierda. Por lo tanto, esta investigación sobre seguimiento ocular (Eyetracking, permítanme traducirlo de esta manera por ahora) puede ser más complicada que nuestro sitio web ordinario en inglés.
Priorizar el diseño regular
Volviendo a los idiomas en los que normalmente leemos de izquierda a derecha (por ejemplo, chino, inglés, ruso o incluso japonés), ¿qué significan nuestros hallazgos?
En pocas palabras, siga el diseño de un sitio web tradicional porque encaja perfectamente con la forma en que las personas navegan por la web.
Mantenga la navegación constante hacia la izquierda, que es lo que la gente espera encontrar en una lista;
Preste más atención a la disposición del contenido principal de izquierda a derecha;
El contenido más importante debe ocupar un tercio o incluso la mitad del ancho total de la página. Aquí es donde más se centran los usuarios;
Mantenga el contenido secundario a la derecha. No recibirá demasiada atención, pero es suficiente: no todos los contenidos pueden obtener un primer lugar y necesitas un lugar para el contenido menos importante.
Curiosamente, el diseño del sitio web que se muestra en esta imagen grande es muy similar al diseño de las intranets convencionales. Pero esto es sólo un sitio web.
Los patrones de navegación dominantes y los diseños de las páginas web evolucionaron claramente hacia una relación de subordinación:
Las personas están entrenadas para prestar atención a determinados lugares porque la información más importante suele distribuirse allí;
Actualmente, cuando las empresas crean diseños de sitios web, su información se organiza según cómo las personas distribuyen su atención en la página.
Si te desvías del diseño tradicional, algunos usuarios cambiarán sus hábitos de atención al navegar por tu sitio web. Si coloca cosas importantes a la derecha, puede suceder que esos (menos) usuarios en esa área dediquen más tiempo a descubrir esta información que el dominio de usuario típico.
No es como si el usuario hubiera decidido de antemano: "Voy a pasar sólo el 2,5% de mi tiempo mirando de izquierda a derecha, mirando 1000 y 1100 píxeles para este segmento".
De todos modos, el precio que usted paga por desviarse del diseño tradicional es: cuando los usuarios navegan inicialmente por su página, pasarán mucho tiempo buscando lo que necesitan.
Si el diseño de su página web satisface las necesidades de navegación del usuario, en lugar de ubicarlo en una ubicación no tradicional, puede encontrar información fácilmente y lograr lo que desea sin darse cuenta.
Y, cuando su sitio web es algo que los usuarios dan por sentado, su negocio funcionará mejor.