Glosario de Marketing y Branding
¿Qué es Above
the Fold?
Above the fold es la porción de una página web que el usuario ve inmediatamente al cargarla, sin necesidad de hacer scroll. Es el área de mayor atención y el primer determinante de si el usuario decide quedarse o abandonar.
¿Qué es above the fold?
Above the fold es un término tomado del periodismo impreso: los periódicos se exponían doblados en los kioscos, y las noticias más importantes se ubicaban en la mitad superior — la parte visible sin desdoblar el diario. En web, “the fold” es el límite inferior de la pantalla visible sin scroll, y “above the fold” es todo lo que queda por encima de ese límite.
El área above the fold tiene una propiedad fundamental: es lo que el usuario ve sin ninguna acción de su parte. En ese primer instante — que los estudios de eye-tracking estiman en menos de un segundo — el usuario forma una primera impresión que determina si hace scroll o cierra la pestaña. Nielsen Norman Group documenta consistentemente que los usuarios pasan el 57% de su tiempo de atención en la primera pantalla visible, con una caída brusca en las siguientes.
Para el marketing, esto tiene una implicancia directa: el área above the fold es el espacio de mayor densidad de atención en toda la página. Lo que se coloca ahí — y lo que se deja fuera — tiene consecuencias directas sobre la tasa de conversión, el tiempo en página y la tasa de rebote.
El área above the fold en una página
La división entre above y below the fold no es una línea fija — depende del dispositivo, la resolución y el tamaño de ventana de cada usuario. Pero el principio de jerarquía de atención siempre aplica: lo más importante va primero.
Headline principal
Propuesta de valor
CTA principal
Señal de credibilidad
Casos de uso
Testimonios
Preguntas frecuentes
CTA secundario
Above the fold según dispositivo
La “fold” no está en el mismo lugar en todos los dispositivos. Un diseño optimizado para desktop puede tener su CTA principal below the fold en mobile — que hoy representa más del 60% del tráfico web en la mayoría de los mercados.
~900–1080px de alto visible
Mayor superficie. Permite más elementos above the fold pero con menor densidad de atención que mobile.
~700–800px de alto visible
La barra del navegador y las barras de herramientas reducen el espacio disponible significativamente.
~550–700px de alto visible
La superficie más limitada y la que más tráfico recibe. El diseño mobile-first prioriza este formato.
~700–950px según orientación
Variable según orientación. Requiere verificación en ambas posiciones.
El diseño mobile-first — empezar el diseño desde el dispositivo más restrictivo — es la mejor práctica para garantizar que los elementos críticos estén above the fold en todos los contextos. Diseñar para desktop y adaptar para mobile frecuentemente produce CTAs enterrados o propuestas de valor cortadas en los dispositivos donde más usuarios llegan.
Qué debe y qué no debe estar above the fold
La decisión de qué colocar above the fold es una decisión de jerarquía y claridad. El área visible debe responder una sola pregunta en el menor tiempo posible: ¿estoy en el lugar correcto y vale la pena quedarme?
Qué es, para quién es y qué beneficio concreto ofrece. Una sola frase densa. Si el usuario no entiende en 3 segundos qué hace la página, la abandona.
El único llamado a la acción que importa en esa página. Claro, específico, en contraste visual suficiente. Múltiples CTAs compiten entre sí y reducen la conversión total.
Logo de cliente conocido, número de usuarios, premio, certificación o media mention. Una sola señal de prueba social reduce la fricción de la primera impresión.
Ocupan espacio de alta atención con contenido que rota sin que el usuario lo controle. Los estudios de conversión muestran consistentemente que los sliders reducen el rendimiento de la primera pantalla.
Una barra de navegación con diez opciones above the fold en una landing page de conversión distrae del objetivo principal. En landing pages, la navegación mínima o inexistente mejora la conversión.
Una imagen hero que ocupa el 80% del espacio visible pero no aporta información sobre la propuesta de valor desplaza los elementos que sí importan below the fold.
¿Sigue siendo relevante con el scroll infinito?
Sí. Aunque los usuarios modernos hacen scroll más que antes — especialmente en mobile — la evidencia empírica sigue mostrando que el área above the fold concentra la mayor densidad de atención de toda la página.
El comportamiento de scroll cambió: los usuarios están más dispuestos a desplazarse hacia abajo que hace diez años, especialmente en contenido que ya captó su atención inicial. Pero esa es exactamente la clave — el scroll ocurre cuando el above the fold captó suficiente atención como para que el usuario quiera ver más. Si el primer pantallazo no convence, no hay scroll.
Above the fold no es un problema de diseño — es un problema de priorización. La pregunta correcta no es “¿cómo hago que todo quepa en el primer pantallazo?” sino “¿qué es lo único que necesita estar visible sin scroll para que este usuario entienda por qué debería quedarse?” Una respuesta clara a esa pregunta vale más que cualquier decisión de layout.
Lisandro Iserte
Errores comunes con el above the fold
Diseñar para desktop y olvidar mobile
Un CTA perfectamente ubicado above the fold en una pantalla de 1440px puede quedar completamente fuera de la vista inicial en un iPhone. Con más del 60% del tráfico web llegando desde mobile en la mayoría de los mercados, no verificar el above the fold en dispositivos móviles es dejar conversiones sobre la mesa.
Sobrecargar el área con demasiada información
Intentar comunicar todo en el primer pantallazo — propuesta de valor, beneficios, precios, testimonios y CTA — produce una primera impresión caótica. La claridad es más valiosa que la completitud. El resto de la página existe para desarrollar lo que el above the fold planteó.
Poner el CTA below the fold “para no parecer agresivo”
Un CTA visible no es agresivo — es claro. Ocultar la llamada a la acción below the fold en nombre de la sutileza produce páginas donde el usuario entiende qué ofrece la marca pero no sabe qué hacer. La claridad de intención no es agresividad; es respeto por el tiempo del usuario.
Preguntas frecuentes sobre above the fold
¿Qué es above the fold?
Above the fold es la porción de una página web que el usuario ve inmediatamente al cargarla, sin necesidad de hacer scroll. El término viene del periodismo impreso, donde las noticias más importantes iban en la mitad superior del periódico doblado. En web, es el área de mayor densidad de atención y el primer determinante de si el usuario decide quedarse o abandonar.
¿Qué elementos deben estar above the fold?
Los elementos esenciales son: la propuesta de valor principal, el CTA principal, y al menos una señal de credibilidad. Lo que no debe estar: sliders, navegación sobrecargada, imágenes decorativas que desplazan el contenido relevante, o múltiples CTAs que compiten entre sí.
¿Above the fold sigue siendo relevante con el scroll infinito?
Sí. Los usuarios modernos hacen scroll más que antes, pero solo cuando el above the fold captó suficiente atención. Si el primer pantallazo no responde claramente “qué es esto y por qué debería quedarme”, el scroll no ocurre. El área above the fold sigue concentrando la mayor densidad de atención de toda la página.
Términos relacionados