¿Qué significa Above the fold?

Qué es Above the fold

Above the fold es un término usado por diseñadores y desarrolladores web. Imaginar un pliegue de un periódico, la portada primera sería lo más importante. Pues en páginas web es lo primero y también considerado lo más destacable. Este concepto es fundamental en diseño web y está relacionado con el principio de accesibilidad para mejorar la experiencia del usuario. El diseño "above the fold" debe integrarse en tu plan de marketing y formar parte de tu estrategia de comunicación visual para mejorar la comunicación y el engagement con tu público objetivo.

Lo primero que el usuario ve al entrar en una página: da la impresión más clave. Esto es por muchas razones obvias y otras no tanto. Por ejemplo porque no hay realizado ningún scroll, es la vista previa etc.

En este lugar es dónde se colocan los apartados que no pueden faltar: los más importantes. El logo (y todo el header). Algún banner o mensaje primero, productos etc.

Conforme vamos bajando, se tiene que añadir mensajes menos clave o no tan destacables. Esto es porque la probabilidad que un usuario lo vea baja conforme más bajo y adentro de la web estamos.

Para qué sirve este diseño

• Buena presentación / impresión inicial
• Es imprescindible en la usabilidad y UX
• Da consistencia y estilo a la web
• Permite añadir elementos clave constantes (carrito de compra, logo...)

El diseño "above the fold" es esencial para tu identidad corporativa y debe reflejar los valores de tu marca. Una buena primera impresión mejora significativamente la comunicación digital con tus usuarios.

Ejemplos de Above the fold

Para tener Ejemplos, entra a cualquier página web y no muevas el ratón. Lo que ves en pantalla es su "encima del folde". También lo es en cualquier página interna. La primera impresión.

Ejemplo de la web de Polimake