Above the fold

Qué significa Above the Fold

Empezamos con los términos en inglés. Verás que los uso mucho en el blog. El término «Above the Fold» tiene sus raíces en el diseño de periódicos tradicionales. En este contexto, se refiere a la parte superior de la portada que queda visible cuando los periódicos están doblados1. Allí se colocaban los titulares más llamativos y las imágenes más impactantes, con el objetivo de captar la atención de los lectores y motivarlos a comprar el periódico.

¿Porqué si no te interesa la portada, es muy posible que no compres o leas el periódico, no?

Pues más o menos pasa lo mismo con el mundo digital y en concreto, con los emails. Este concepto se ha adaptado a pantallas y correos electrónicos. En este caso, «Above the Fold» se refiere a la porción del contenido que los usuarios pueden ver sin necesidad de desplazarse hacia abajo (hacer scroll, vaya). Aunque hoy en día estamos más acostumbrados a desplazarnos gracias a redes sociales como Instagram o TikTok, muchos usuarios aún dedican la mayor parte de su tiempo a la sección visible inmediatamente al abrir un correo.

La importancia de un buen diseño Above the Fold en tus emails

☝ El área Above the Fold es crucial porque es tu oportunidad para causar una buena primera impresión y que el usuario haga una acción, o mejor, continua leyendo. Aquí es donde debes incluir los elementos más importantes de tu correo: titulares (headlines) atractivos, mensajes clave y llamadas a la acción (CTAs) claros. Si logras captar la atención del lector en esta sección, aumentas las posibilidades de que continúen explorando el resto del contenido.

Vamos con dos ejemplos

Vamos a mirar dos ejemplos:

Ejemplo de Energia XXIII

Pues cómo puedes ver, la pantalla está en Dark Mode. El Above the fold incluye parte del Headline, y la imagen (en este caso un gif), se ve por completo, aunque también incluye un texto. En este caso está más que aceptable el contenido del Above the Fold, aunque para mi gusto, mucha letra. El hero (imagen principal) se ve al completo y la segunda parte del headline queda cortada, con lo que invita a hacer scroll. Eso sí, el CTA (botón de la llamada) no está visible.

Ejemplo de Buscounchollo

En el caso de Busco Un Chollo, la imagen no se ve al completo. Sin embargo, se ve el mensaje principal «El chollo más gordo» – claramente invita a leer el resto del contenido del email. ¿No? ¿Qué opinas?

  1. Above the Fold según el diccionario de Cambridge: https://dictionary.cambridge.org/dictionary/english/above-the-fold ↩︎

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio