¿Qué es el ‘Above the Fold’?
El término ‘Above the Fold’ es un concepto proveniente del mundo de los medios de comunicación y del periodismo y se refiere a la parte de una página sobre la que un usuario se va a encontrar sin tener que recurrir al scroll.
Este término viene de la época de los periódicos, justo antes de la aparición de la web. Cuando los usuarios compran el periódico, la parte que se alcanza a ver sin tener que doblarlo constituye el ‘Above the Fold’.
En el contexto de la web, el ‘Above the Fold’ se refiere a los contenidos visibles en la pantalla de un dispositivo, y no aquellos contenidos que se alcanzan a ver cuando el usuario utiliza el scroll.
Pero, ¿por qué es tan importante el ‘Above the Fold’? ¿Qué utilidades nos ofrece? A continuación explicamos un poco más en profundidad este concepto.
¿Por qué el ‘Above the Fold’ es importante?
El ‘Above the Fold’ es un área valiosa porque aquí es donde el usuario se detiene y prestande más atención a nuestro sitio web y aquí, por tanto, es donde el usuario va a desarrollar una experiencia positiva al situarse al visitante al centro.
Es muy posible que aquellos usuarios que no alcancen a ver el contenido esencial de nuestra web en el área visible, vayan a salir sin haber realizado ninguna acción.
¿Qué debe de contener el área del ‘Above the Fold’?
Los elementos que deberían de estar situados en esta parte de nuestra página web en primer lugar, son aquellos que descubran la personalidad y el tono de voz detrás de la marca, y en segundo lugar aquellos que expliquen las principales ventajas y característica de los productos o servicios; materiales promocionales o llamadas a la acción (CTA’s) con el objetivo de retener al usuario.
Ejemplos Prácticos del ‘Above the Fold’
Para entender mejor este concepto, veamos unos cuantos ejemplos de marcas que dominan el arte de diseñar los contenidos en el ‘Above the Fold’.
- Apple: La página de inicio de Apple está llena de contenidos: diseño, descripción de la marca, sus servicios, enlaces a su App Store, su web para el apoyo técnico, etc. Pero nos encontramos también con una serie de atractivos elementos que los usuarios pueden experimentar sin tener que realizar el scroll.
- Airbnb: Airbnb tiene un ejemplo excelente de área del ‘Above the Fold’: mensaje simple, claro y directo sobre lo que ofrecen, con un CTA que lleva al usuario directamente hacia la búsqueda de alojamiento. Además, su diseño adaptado para dispositivos móviles te permite experimentar todos los contenidos en el ‘Above the Fold’.
- Pinterest: El área del ‘Above the Fold’ de Pinterest está llena de contenidos esenciales como el botón de inicio de sesión, el enlace a la contraseña olvidada, formularios de registro y opciones de selección rápida para empezar a pinear de inmediato.
Consejos para diseñar el ‘Above the Fold’
Ahora que ya sabemos lo que es el ‘Above the Fold’, su importancia y qué campos debemos incluir en él, vamos a compartir un par de consejos sobre cómo puedes conseguir hacerlo de forma efectiva.
- Reduce al mínimo: Si quieres atraer a los usuarios hacia el ‘Above the Fold’, es recomendable el diseñar una sección simple, equivalente a una hoja de papel A4 con contenidos claves tales como tus servicios, productos o incluso tu propia marca.
- Usa palabras simples: Nunca utilizar un lenguaje demasiado eufemístico. Ten un tono ligero y sencillo para que los usuarios entiendan lo que ofreces inmediatamente. Esto no significa que no puedas incorporar algo de humor o creatividad a la redacción, sino más bien que debes procurar que tu lector medio te entienda.
- Incluye una llamada a la acción: Asegúrate de que tu ‘Above the Fold’ incluye una llamada a la acción, como un botón o secciones destinadas a enlazar la información con la conversión. Las llamadas robustas destinadas a la conversión motivan al usuario a realizar la acción correcta.
En conclusión.
El ‘Above the Fold’ es un concepto clave en el mundo de la web, ya que asegura que el contenido importante y los elementos esenciales se muestren al usuario sin tener que desplazarse. Por esta razón, es una práctica recomendada para mejorar la experiencia de los usuarios y aumentar la tasa de conversión de los sitios web.
Al diseñar el ‘Above the Fold’ es esencial tener en cuenta la mejor ubicación viable para los contenidos clave, el lenguaje que se va a utilizar, el encabezado, el uso adecuado de la tipografía, el tamaño de los elementos y el empleo de llamadas a la acción. Si diseñas siguiendo estas recomendaciones, el aumento en tu tasa de conversión será una realidad.