Above the Fold
Definición
Porción de una página web visible sin necesidad de hacer scroll. Es el espacio más valioso de una página, donde se deben colocar los elementos más importantes y llamadas a la acción principales.
El concepto 'Above the Fold' proviene de la industria periodística, donde el contenido más importante se colocaba en la mitad superior del periódico doblado. En el mundo digital, se refiere al área visible de una página web sin hacer scroll. Estudios de Nielsen Norman Group demuestran que los usuarios pasan el 57% de su tiempo de visualización en el contenido above the fold y el 74% en las dos primeras pantallas. Aunque el scroll es más común hoy, el contenido inicial sigue siendo determinante para la primera impresión y la decisión de permanecer en la página.
Puntos Clave
- 1El 57% del tiempo de visualización se concentra above the fold según Nielsen Norman Group
- 2El CTA principal debe ser visible sin scroll para maximizar conversiones
- 3La resolución de pantalla varía: diseñar para múltiples breakpoints es esencial
- 4El contenido above the fold debe comunicar la propuesta de valor en menos de 5 segundos
Ejemplo: Caso Basecamp
Basecamp rediseñó su homepage colocando un headline claro, un subtítulo con beneficio y un CTA prominente above the fold. El resultado fue un incremento del 14% en registros de prueba gratuita.
Pro Tip
Usa herramientas como Hotjar o Crazy Egg para ver exactamente dónde está el fold en tu audiencia real, ya que varía enormemente entre dispositivos.
Referencias y Recursos
Scrolling and Attention
Nielsen Norman Group · estudio
Investigación con eye-tracking que demuestra cómo los usuarios distribuyen su atención en páginas web.
Don't Make Me Think
Steve Krug · libro
Clásico de usabilidad web que establece principios fundamentales de diseño centrado en el usuario.
Términos Relacionados
¿Necesitas ayuda con tu estrategia digital?
Agenda una consulta gratuita de 30 minutos.
Agendar Consultoría Gratuita