¿Qué es “Above the Fold”?

En términos de diseño web, “above the fold” se refiere a toda la información que aparece en pantalla en una primera carga, o lo que es lo mismo: la porción de la página que un usuario puede ver al acceder a la misma sin necesidad de hacer scroll (de ahí que también se refiera a este concepto como above the scroll).

Es de sobra conocido por diferentes estudios que cuanto más abajo en el código y el diseño se encuentre un elemento, más difícil es que el visitante llegue a verlo. Además tenemos que estar seguros de ofrecer la información más relevante o más atractiva above the fold, para que nuestros usuarios tengan la mejor primera impresión posible.

Un error bastante frecuente en muchos eCommerces es situar los botones de añadir al carrito o comprar por debajo de la línea de scroll, con lo que la llamada a la acción se diluye.

Este es un tema muy peliagudo. La variedad de pantallas y dispositivos con los que se navega actualmente hace que no sea posible saber con precisión la medida exacta.

No es lo mismo un usuario que navega en un equipo antiguo con una resolución de 800x600 que un usuario de un dispositivo con una pantalla 4K de alta resolución. Y esto se acentúa aún más si hablamos de dispositivos móviles. Además no podemos olvidarnos del tamaño de la ventana del navegador.

Lo mejor en estos casos es siempre el estudio propio, instalar un software que realice mapas de scroll para ver hasta dónde llegan los usuarios de manera real.

Desde luego que no. El scroll es una opción necesaria para poder plasmar todo el contenido en una página. Lo que sí parece oportuno es tratar de hacer que la información crítica, especialmente a nivel transaccional y de persuasión (botones, formularios, llamadas a la acción…) aparezca en ese área dedicando el below the fold o below the scroll a contenidos de carácter informacional.

Volver al Diccionario eCommerce