A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Qué es Scroll

Representación del desplazamiento o scroll en una pantalla

Definición:

El scroll es la acción de desplazar la vista por un contenido que no cabe completo en el área visible de una pantalla. Permite avanzar por una página web, una aplicación, un documento o un videojuego en dirección vertical, horizontal o, en algunos casos, multidireccional.

En español también se utilizan expresiones como desplazarse, deslizar o hacer scroll. El término puede referirse tanto a la acción del usuario como al movimiento que muestra la interfaz.

Cómo se hace scroll

En un ordenador se puede hacer scroll con la rueda o el panel táctil del ratón, una barra de desplazamiento, el teclado o determinados gestos del touchpad. En móviles y tabletas, lo habitual es arrastrar el contenido con el dedo. Algunas interfaces también desplazan la vista de forma automática al seleccionar un enlace, abrir un elemento o utilizar una función de accesibilidad.

El desplazamiento revela la información situada fuera del área que aparece inicialmente en pantalla, conocida en diseño web como above the fold. Hacer scroll no implica necesariamente llegar al final ni leer todo el contenido que ha pasado por la pantalla.

Tipos y patrones de scroll

La dirección y el comportamiento dependen del contenido y de la interfaz:

  • Vertical: mueve la vista de arriba abajo o en sentido contrario. Es el más habitual en webs, documentos y redes sociales.
  • Horizontal: desplaza el contenido de izquierda a derecha. Puede aparecer en galerías, carruseles, tablas o líneas de tiempo.
  • Infinito: carga más elementos a medida que la persona avanza, sin dividirlos en páginas visibles. Es un patrón de carga y navegación, no una dirección diferente.
  • Parallax: mueve capas visuales a velocidades distintas durante el desplazamiento para crear sensación de profundidad. Es un efecto asociado al scroll, explicado con más detalle en Parallax.

En videojuegos, el escenario puede desplazarse en horizontal, en vertical o en varias direcciones mientras el personaje avanza. Super Mario es un ejemplo clásico de desplazamiento lateral, aunque muchos juegos actuales combinan libremente los ejes.

Scroll, diseño web y experiencia de usuario

El scroll permite organizar contenidos que superan el tamaño de la pantalla, pero su diseño influye en la experiencia de usuario. Una página debe dejar claro que hay más información, conservar una jerarquía legible y evitar elementos fijos que reduzcan demasiado el espacio disponible. El desplazamiento horizontal inesperado suele dificultar la lectura, sobre todo en móvil.

La longitud de una página no determina por sí sola su usabilidad. Importan también la calidad del contenido, la velocidad de carga, la navegación, la posición de los elementos y la facilidad para usar teclado, gestos o tecnologías de asistencia. En feeds continuos, el patrón puede facilitar sesiones prolongadas, pero no debe confundirse con el doomscrolling, que describe un comportamiento de consumo repetitivo de información negativa.

Cómo se mide el scroll

En analítica digital se suele registrar la profundidad alcanzada mediante eventos asociados a porcentajes o puntos concretos de una página. Por ejemplo, una implementación puede indicar si la vista cruzó el 25 %, el 50 %, el 75 % o el final del documento. Herramientas como Google Tag Manager permiten configurar este tipo de activadores, mientras un scrollmap representa de forma agregada hasta dónde llegó un conjunto de usuarios.

La profundidad de scroll necesita contexto. Alcanzar un punto no demuestra que el contenido se haya leído ni que el usuario haya comprendido la página. Para interpretar el dato conviene combinarlo con el tiempo, las interacciones, la visibilidad real de los elementos y el objetivo de la página.