El above the fold es la parte de la web de un despacho que un cliente ve sin tocar el ratón ni el dedo en la pantalla: lo primero y, para muchos visitantes, lo único que llegan a mirar antes de decidir si siguen o cierran la pestaña. En un sector donde la primera impresión pesa tanto como el contenido legal que viene después, lo que se coloca en esos primeros centímetros de pantalla determina si una visita se convierte en una llamada o en un cierre de pestaña. Este artículo repasa qué debe ir ahí, qué sobra y qué cambia entre un ordenador de escritorio y el móvil desde el que llega la mayoría de clientes.
El above the fold de la web de un despacho debe mostrar, sin necesidad de hacer scroll, qué servicio legal ofrece, a quién se dirige y cómo contactar: un titular claro, un teléfono o botón de contacto visible y una señal de confianza, como la colegiación, los años de ejercicio o las reseñas. Sin esos tres elementos, la mayoría de visitantes no baja a buscarlos.
El above the fold que decide la primera impresión
El término viene de los periódicos: el pliegue físico del papel separaba lo que se veía en el quiosco de lo que había que desplegar para leer. En una pantalla no hay papel que doblar, pero el principio se mantiene: hay una franja visible al cargar la página y otra que solo aparece si el visitante decide seguir bajando.
Esa franja no mide lo mismo en todas las pantallas: en un monitor de escritorio puede rondar los 900 píxeles de alto, y en un móvil se queda en poco más de 600. La web de un despacho no controla el tamaño de la pantalla de quien la visita, así que diseñar para el pliegue más corto es la única forma de no dejar a nadie fuera.
Cuánto tiempo aguanta la vista antes del scroll
El estudio de seguimiento ocular de Nielsen Norman Group, con más de 130.000 fijaciones de mirada sobre 120 personas, midió cuánto tiempo se queda la atención por encima del pliegue frente a lo que hay debajo. El resultado: un 57% del tiempo total de visualización se concentra ahí, y un 74% en las dos primeras pantallas completas de la página.
El salto del 80% al 57% en una década
En 2010 el mismo laboratorio midió un 80% del tiempo de atención por encima del pliegue: el usuario apenas bajaba. Ese porcentaje ha caído al 57% porque el propio hábito de navegación cambió con el móvil: deslizar el dedo cuesta menos esfuerzo que mover un ratón, y el scroll infinito de redes sociales normalizó seguir bajando sin pensarlo. Para la web de un despacho esto no significa que el pliegue haya perdido importancia: sigue concentrando más atención que cualquier otro tramo de la página, pero ya no es la única oportunidad. Un cliente que no encuentra el teléfono en los primeros segundos puede seguir bajando en lugar de marcharse, siempre que lo que vea arriba le haya dado un motivo para quedarse.
Elementos imprescindibles por encima del pliegue
La lista de lo que un visitante necesita ver antes de decidir si sigue leyendo es corta y se repite en cualquier web que convierte.
Above the fold es la superficie de una página visible sin hacer scroll, el equivalente digital al pliegue de un periódico en el quiosco: decide si el lector compra el ejemplar o lo deja en el estante.
- Un titular que diga qué servicio legal ofrece el despacho, sin rodeos ni eslóganes genéricos.
- Un botón de llamada o contacto visible, sin que haga falta buscarlo entre el menú.
- Una señal de confianza: colegiación, años de ejercicio o reseñas, no una foto de archivo de un maletín.
- Una imagen que aporte algo, no un carrusel que tarda varios segundos en mostrar el mensaje real.
El titular que debe entenderse en dos segundos
El estudio sobre el patrón de lectura en forma de F de Nielsen Norman Group, sobre 232 usuarios, encontró que la atención se concentra en las primeras palabras de cada línea y cae en la tercera palabra en adelante. Aplicado al pliegue de una web de despacho, eso quiere decir que el titular no puede abrir con el nombre del despacho ni con una frase de bienvenida: las dos o tres primeras palabras tienen que llevar el servicio o el problema que resuelve. Un titular que empieza por el nombre del bufete desperdicia justo el tramo de texto que más se lee, y deja la información útil donde menos atención recibe.
Errores de diseño que vacían el above the fold
El error más repetido es llenar todo ese espacio con una imagen de fondo grande y un titular suelto encima, sin ningún elemento de contacto. El visitante ve una fotografía bonita y ningún motivo para quedarse.
El segundo es el carrusel de imágenes automático: cada diapositiva dura unos segundos y, si el titular que interesa al visitante sale en la segunda o la tercera, la mayoría ya se ha ido antes de verlo. Con un constructor web como Elementor es fácil montar un carrusel en dos clics, pero fácil de montar no es lo mismo que fácil de leer.
El tercero es un menú tan alto que, sumado a un aviso de cookies y una barra de anuncio superior, deja menos de la mitad de la pantalla para el contenido real. Y el cuarto es un formulario de contacto completo —nombre, teléfono, email, asunto y mensaje— ocupando el pliegue en lugar de un botón simple que lleve a él.
La pantalla del móvil acorta el pliegue
La mayoría de clientes que llegan a la web de un despacho lo hacen desde el móvil, y ahí el pliegue es mucho más corto que en un ordenador. Lo que en escritorio cabe en una sola pantalla, en móvil se parte en dos o tres, y el orden en que se coloquen los elementos decide cuáles sobreviven al recorte.
La altura real que deja un iPhone o un Android
Un iPhone con la barra de direcciones visible deja alrededor de 600 píxeles de alto para el contenido, y un Android de gama media se mueve en cifras parecidas. Si el titular, la imagen de cabecera y el menú ya ocupan esos 600 píxeles, el botón de contacto queda fuera del pliegue aunque en el diseño de escritorio se viera perfectamente. La prueba no es mirar la web en un monitor grande: es abrirla en un móvil real, con la barra del navegador puesta, y comprobar qué queda visible sin tocar la pantalla. El diseño que cumple en escritorio y falla en móvil es, para la mayoría de despachos, el diseño que de verdad importa, porque es el que ve la mayoría.
Preguntas frecuentes sobre el above the fold
¿Qué significa above the fold en diseño web?
Es la parte de una página que se ve en pantalla sin hacer scroll, justo al cargar. Varía según el dispositivo y el tamaño de pantalla de quien visita la web, por lo que el diseño debe calcularse para la pantalla más pequeña habitual, no para un monitor grande.
¿Conviene un carrusel en el pliegue de la web de un despacho?
No es lo recomendable: cada diapositiva roba tiempo de atención a un visitante que decide en segundos si sigue. Si ya existe uno, la primera imagen debe llevar el mensaje principal, porque muchos usuarios no esperan a ver la segunda.
¿El pliegue cambia según el navegador?
Sí: la barra de direcciones, los favoritos y las barras de notificaciones restan altura de forma distinta en Chrome, Safari o Firefox, y más aún entre escritorio y móvil. Por eso conviene probar la web en varios navegadores reales antes de dar el diseño por bueno.
Fuente: Nielsen Norman Group