Imagina esto.
Una persona entra en tu web.
Empieza a leer. Hace scroll. Encuentra una sección interesante y sigue bajando.
Y entonces se detiene.
No porque haya terminado de leer.
Sino porque cree que ha llegado al final.
Así que se marcha.
El problema es que todavía quedaba contenido debajo.
Ese fenómeno tiene un nombre en diseño y experiencia de usuario: false bottom, o falso fondo.
Y aunque pueda parecer un pequeño detalle visual, puede convertirse en una barrera bastante importante cuando aparece en una página que necesita que el usuario siga explorando.
¿Qué es el False Bottom en diseño web?
El false bottom ocurre cuando una página está diseñada de tal manera que el usuario interpreta que ha llegado al final del contenido aunque todavía haya más información debajo.
No existe necesariamente una línea que diga “fin”.
Ni un botón que provoque el problema.
Es una cuestión de percepción visual.
La composición genera una sensación de cierre y el cerebro interpreta que ya no merece la pena seguir haciendo scroll.
En otras palabras:
la página continúa, pero la experiencia parece haber terminado.
Y eso puede ser especialmente problemático en páginas largas, landing pages, páginas de servicios o webs corporativas donde las secciones inferiores contienen información relevante.
¿Por qué ocurre?
Porque cuando navegamos por una web no analizamos cada píxel conscientemente.
Interpretamos patrones.
Reconocemos estructuras.
Y utilizamos pistas visuales para decidir qué hacer a continuación.
Si una sección tiene una composición que parece un cierre, podemos asumir que hemos llegado al final.
Por ejemplo:
- Un cambio de color muy brusco.
- Una gran superficie vacía.
- Una sección con apariencia de pie de página.
- Una composición excesivamente cerrada.
- Un bloque que parece visualmente independiente del resto.
- Una imagen o elemento gráfico que genera sensación de conclusión.
Para quien diseña la web puede ser simplemente una decisión estética.
Para quien la utiliza puede significar:
“Aquí ya no hay nada más.”
El problema no es que el usuario sea despistado
Esta parte es importante.
Cuando alguien no continúa haciendo scroll, es muy fácil pensar:
“Es que no ha mirado bien”.
Pero el usuario no debería tener que estudiar nuestra página para entender cómo funciona.
Si una composición genera una interpretación equivocada, tenemos un problema de diseño.
La experiencia de usuario consiste precisamente en reducir ese tipo de fricciones.
No se trata de obligar al visitante a hacer scroll.
Se trata de hacer evidente que merece la pena continuar.
¿Qué puede ocurrir si el usuario cree que la página ha terminado?
Depende del objetivo de la página.
Pero imagina una landing page en la que has colocado este recorrido:
Propuesta → beneficios → casos de éxito → testimonios → preguntas frecuentes → contacto
Si el usuario interpreta que la página termina después de los beneficios, quizá nunca llegue a los testimonios.
Ni a las preguntas frecuentes.
Ni al formulario.
El contenido existe.
El problema es que el usuario no llega a verlo.
Y aquí aparece una de las grandes paradojas del diseño web:
Puedes tener una página perfectamente construida y, aun así, ocultar parte de su contenido simplemente porque no has diseñado correctamente la transición entre secciones.
Cómo detectar un False Bottom
Una de las mejores formas de detectar este problema es dejar de mirar la web como diseñador.
Mírala como alguien que entra por primera vez.
Hazte preguntas muy sencillas:
¿Parece que la página termina aquí?
¿Hay alguna razón evidente para seguir bajando?
¿La siguiente sección parece relacionada con la anterior?
¿Existe algún elemento que visualmente cierre la composición demasiado pronto?
Y hay otra prueba todavía más interesante:
Enséñasela a alguien que no conozca el proyecto.
No le expliques nada.
Simplemente dile:
“Explora esta página”.
Observa hasta dónde llega.
Si varias personas se detienen exactamente en el mismo punto, quizá no tengas un problema de usuarios.
Quizá tengas una pista de diseño.
Cómo evitar el False Bottom
La solución no consiste en colocar una flecha gigante diciendo:
“¡SIGUE BAJANDO!”
Aunque sería bastante divertido.
El objetivo es conseguir que la continuidad resulte natural.
Mantén cierta continuidad visual
Las secciones no tienen que ser idénticas, pero tampoco deberían parecer páginas diferentes.
La continuidad de colores, formas, tipografías, imágenes o elementos gráficos puede ayudar a transmitir que el contenido continúa.
Cuida los cambios de sección
Los cambios bruscos pueden ser útiles para crear ritmo.
Pero si cada sección parece un bloque completamente independiente, el usuario puede interpretar determinados cambios como un final.
El contraste debe tener intención.
Evita que una sección parezca un footer
El pie de página tiene una función muy clara: cerrar la experiencia.
Si colocamos una sección intermedia con una composición que recuerda demasiado a un footer, podemos estar enviando una señal equivocada.
Diseña pensando en el siguiente paso
Cada sección debería tener una relación lógica con la siguiente.
No significa que todas necesiten un botón.
Significa que el usuario debería poder entender:
“Vale, esto continúa por aquí”.
El False Bottom también puede aparecer en móvil
Y aquí tenemos otro problema.
Un diseño que funciona perfectamente en escritorio puede comportarse de forma completamente diferente en una pantalla pequeña.
Los cambios de altura, el tamaño de las imágenes, los espacios entre elementos y la reorganización del contenido pueden crear nuevas sensaciones de cierre.
Por eso no basta con revisar una página solamente en el monitor donde la hemos diseñado.
Hay que comprobar cómo se percibe en diferentes tamaños de pantalla.
Porque el usuario no navega por nuestra web como nosotros la vemos en Figma.
La navega desde el dispositivo que tiene en la mano.
Diseño web: no todo consiste en que quede bonito
Este es uno de esos conceptos que explican perfectamente por qué el diseño web no consiste simplemente en hacer una página atractiva.
Puedes tener:
Una tipografía espectacular.
Unas fotografías increíbles.
Una animación preciosa.
Una composición impecable.
Y aun así tener un problema.
Porque una web bonita que no se entiende no está bien diseñada.
Una web debería ayudar al usuario a orientarse.
Decirle dónde está.
Qué puede hacer.
Qué información es importante.
Y, cuando existe más contenido, hacer que descubrirlo resulte natural.
En Lumazaki pensamos en el recorrido, no solo en la pantalla
Cuando diseñamos una web, no nos interesa únicamente cómo queda cada sección por separado.
Nos interesa cómo se comporta todo el recorrido.
Qué ve el usuario primero.
Qué entiende después.
Dónde se detiene.
Qué información necesita antes de tomar una decisión.
Y cuál debería ser el siguiente paso.
Porque una web no es una colección de pantallas bonitas.
Es una experiencia.
Y si el diseño consigue que el usuario avance de forma natural, estamos haciendo algo más que decoración.
Estamos facilitando la comunicación.
Una última prueba: elimina el sonido
Hay una prueba mental que me gusta especialmente.
Imagina que tu web no puede utilizar ningún texto que diga:
“Descubre más”.
“Continúa”.
“Haz scroll”.
“Ver más”.
Nada.
Ahora pregúntate:
¿El diseño por sí solo deja claro que todavía hay algo más?
Si la respuesta es sí, probablemente la estructura está haciendo bien su trabajo.
Si la respuesta es no, quizá estés dependiendo demasiado de instrucciones explícitas.
Y ahí es donde conviene revisar la experiencia.
Conclusión
El false bottom es un buen ejemplo de algo que ocurre constantemente en diseño web:
lo que nosotros creemos que comunica una página no siempre coincide con lo que interpreta quien la utiliza.
Y esa diferencia importa.
Porque una sección puede estar perfectamente diseñada.
El contenido puede ser excelente.
La información puede ser justo la que el usuario necesita.
Pero si visualmente parece que todo ha terminado, quizá nunca llegue hasta ella.
Por eso diseñar una web no consiste solamente en decidir qué ponemos.
También consiste en decidir cómo hacemos que el usuario descubra lo que hemos puesto.
Porque a veces el problema no está en el contenido.
Ni en el botón.
Ni siquiera en la página.
Está en ese pequeño momento en el que el usuario piensa:
“Ah, ya hemos llegado al final”.
Cuando en realidad todavía quedaba lo más importante.