Below the fold

‍Below the fold se refiere a la parte de una página web que no está visible en la pantalla  inmediatamente después de la cargarla, y requiere que el usuario se desplace hacia abajo para verla. 

Esta expresión tiene su origen en los periódicos impresos, donde "above the fold" se refería a los contenidos visibles en la parte superior de la página doblada, tal y como se expone en los quioscos. 

El concepto de "below the fold" es particularmente relevante en el diseño UX, ya que afecta cómo los diseñadores planifican la jerarquía de la información y la disposición de los contenidos. 

Los elementos colocados below the fold pueden no recibir tanto tráfico como los que están al inicio de la página, pero son esenciales para los usuarios que buscan información más detallada y mantener una narrativa de diseño coherente.

‍

Usos / Ejemplos

- Diseño de páginas de inicio: Los diseñadores pueden colocar llamadas a la acción más específicas y explicaciones de productos, después de haber captado el interés del usuario con contenido visual y titulares atractivos al principio.

- Blogs y artículos de noticias: Información adicional, enlaces relacionados, y contenido multimedia suelen colocarse below the fold para no sobrecargar la vista inicial del lector pero ofreciendo recursos adicionales para los interesados.

- E-commerce: Detalles de productos, recomendaciones y reseñas son a menudo ubicados below the fold para fomentar una exploración más profunda después de haber mostrado productos destacados y ofertas en la parte superior de la página.

‍

Herramientas

• Hotjar: Esta herramienta de análisis web muestra cómo los usuarios interactúan con los diferentes elementos de una página, incluyendo el contenido below the fold.
• Crazy Egg: Ofrece mapas de calor que ayudan a visualizar dónde los usuarios hacen clic, hasta dónde se desplazan y qué partes de la página ignoran.
• Google Analytics: Proporciona datos sobre el tiempo de permanencia en la página y el porcentaje de rebote, útiles para evaluar el engagement en las áreas below the fold.
• Adobe XD: Herramienta de diseño que permite crear prototipos de sitios web y probar la visibilidad y accesibilidad del contenido below the fold.
• Optimizely: Permite realizar pruebas A/B en diferentes diseños de página para optimizar la efectividad del contenido below the fold.

‍

Preguntas frecuentes

¿Cómo determino qué contenido debe ir below the fold?
El contenido below the fold debe complementar o profundizar la información presentada inicialmente, sin ser crítico para la comprensión básica del usuario sobre la página.

¿Es menos visible el contenido below the fold para SEO?
Si bien el contenido above the fold tiene un peso inicial mayor debido a la inmediatez de su visibilidad, los motores de búsqueda indexan toda la página, por lo que el contenido below the fold también es importante.

¿Cómo puedo mejorar la interacción del usuario con el contenido below the fold?
Utiliza elementos visuales atractivos y llamadas a la acción estratégicas para guiar a los usuarios a desplazarse hacia abajo.

¿Qué técnicas existen para medir la efectividad del contenido below the fold?
Las pruebas A/B, los mapas de calor y las métricas de scroll son herramientas efectivas para medir cómo los usuarios interactúan con el contenido situado más abajo en la página.

¿El contenido below the fold afecta la velocidad de carga de la página?
El contenido below the fold puede cargarse de manera diferida (lazy loading) para no afectar la velocidad inicial de la página, mejorando así tanto la experiencia del usuario como el SEO.

‍

En conclusión, "below the fold" es un componente fundamental en el diseño de la experiencia del usuario. Su adecuada utilización asegura que los usuarios no solo se sientan invitados a interactuar con la primera pantalla, sino que además se les incentive a explorar contenido más profundo y detallado que ofrece una página web.