Scroll Infinito vs Paginación – ¿Qué Opción Elegir?

En ocasiones, en las últimas fases de un proyecto web, tanto como diseñadores para el sitio web de un cliente, como si estamos creando nuestra propia web, suelen acecharnos dudas sobre su funcionamiento que no nos hemos hecho con anterioridad. A veces, porque pensamos que no son aspectos importantes, siendo uno de los más comunes el si nos decantamos porque nuestra web funcione con paginación o scroll infinito.

Lo que puede resultar un aspecto que casi nos da igual, o que no va a tener apenas relevancia en el resultado final, no es así. Y es que elegir entre una y otra va a ser determinante en la accesibilidad de nuestra web, y en como van a navegar los visitantes y clientes por nuestro sitio web. Como vemos, no es algo menor, y debemos de saber por cual debemos decantarnos, y porqué.

Hoy en día, la preferencia entre una y otra no supone un dificultad técnica mayor. Como vimos en nuestro artículo sobre Jetpack, este plugin de WordPress nos permite tener scroll infinito simplemente marcando una opción, siempre que nuestra plantilla lo soporte.

Así que, más que una decisión de que queda mejor con el estilo de mi web, o que es lo que se lleva hoy en día, es sobre todo una elección de usabilidad de nuestros visitantes y/o clientes. Por estos motivos, vamos a ver como funciona cada una, y en que situaciones es recomendable usar una u otra, y porqué.

Scroll Infinito

El scroll infinito es algo muy habitual hoy en día y nos lo encontramos en páginas como Facebook o Pinterest, además de en una gran cantidad de aplicaciones móviles, como Instagram. Permite a los usuarios navegar a través de una gran cantidad de información sin apenas pausa. Por eso es tan popular en dispositivos como smartphones. El contenido se va cargando de forma automática conforme vamos haciendo scroll en la web. Un ejemplo es como funciona el showcase de SiloCreativo, donde va apareciendo las capturas de cada web conforme vamos haciendo scroll.

Ventajas del Scroll Infinito

  • Permite tener una navegación más natural, ya que el usuario solo tiene que preocuparse de hacer scroll.
  • Todos los elementos se encuentran en una misma página. Esto facilita que los visitantes exploren de forma más cómoda, y aumenten el tiempo en nuestro sitio web.
  • En dispositivos táctiles, el scroll es mucho más cómodo que tener que pulsar los botones de la paginación. Hay que conocer por que medio entran la mayoría de nuestros visitantes.

Inconvenientes del Scroll Infinito

  • En dispositivo no muy potentes o actuales, puede dar problemas. Al estar todo el contenido en una misma página, la carga es mayor, y puede causar lentitud en dispositivos menos actuales.
  • Tenemos que tener una plantilla que soporte el scroll infinito, por lo que es posible que tengamos incompatibilidades si nuestro tema WordPress no esta preparado.
  • Es más difícil localizar un elemento en concreto. Al tener todo en un listado infinito, si hemos visto algo en particular, debemos retroceder o volver a buscarlo. O si entramos en una sesión diferente, ir haciendo scroll hasta que lo veamos.
  • La barra de desplazamiento desaparece. Aunque pueda parecer una tontería, esta barra nos ayuda a tener una idea de la longitud de una web, y saber cuanto tiempo vamos a tardar en explorarla.

Paginación

La paginación es una vieja conocida. Decide todo el contenido de una web en diferentes páginas. Cuando abres un blog en WordPress por primera vez, será la forma en la que se distribuyan tus entradas. Al final del contenido, tendremos unos botones numerados para poder desplazarnos por el contenido. O simplemente dos botones con los que podamos ir a la página siguiente y a la anterior.

paginacion blog silocreativo
Un ejemplo de paginación lo tenemos en el blog de SiloCreativo

Ventajas de la Paginación

  • Es mucho más fácil localizar elementos. Si sabemos que un producto está en la página 3, solo hay que ir ahí y lo tendremos a la vista en pocos segundos.
  • Sin problemas de compatibilidades con las plantillas WordPress, ya que es el modo por defecto que usan todas.
  • La sensación de control dentro de la web es mayor, ya que sabemos perfectamente que nos queda para llegar hasta el final.

Inconvenientes de la Paginación

  • Hay que realizar más acciones a la hora de navegar. El tener que hacer clic cada poco tiempo, sobre todo en dispositivos móviles, puede no resultar muy amigable.
  • Nuestra web tendrá que cargar una página completa cada vez que hacemos clic, con el consiguiente tiempo de espera por parte del usuario.
  • Muchos usuarios no llegarán a las últimas páginas, porque les puede parecer que tienen contenido irrelevante. Es parecido a lo que pasa cuando buscamos algo en Google, que solemos quedarnos solo con los resultados de las primeras páginas.

¿Dónde debería una u otra?

Si hablamos de una app, o de una web donde el contenido va a estar dentro de una misma categoría, quizás sea mejor elección usar el scroll infinito. También en casos como portfolios o galerías de fotos.

Por el contrario, si nuestra web es una tienda online, o tiene mucho contenido en formato de texto, es mejor optar por la paginación. En el primer caso, una tienda online debe tener su catálogo mejor organizado y jerarquizado, y que los clientes encuentren cualquier producto con facilidad. Y si hay mucho texto, el scroll infinito puede saturar al visitante ante tanto contenido.

Conclusiones

Una vez hemos visto en que escenarios es mejor el scroll infinito, y en cuales la paginación, solo nos queda reflexionar sobre cual es la mejor alternativa para nuestra web. Tampoco debemos olvidar otras opciones más minoritarias, como ciertos experimentos que se pueden encontrar en CodePen. Por ejemplo, esta fusión de ambos mundos realizada Tim Severien, que mezcla el scroll infinito y la paginación de una forma muy curiosa.

En definitiva, aunque pueda parecer algo sin importancia, la elección entre una opción y otra debería de estar basada, tanto en el tipo de web a la que lo vamos a aplicar, como al dispositivo mayoritario por donde van a acceder nuestros visitantes. La finalidad no es más que facilitar la navegación, y que su experiencia en nuestro sitio web sea lo más satisfactoria posible.

Comentarios (2)

Deja una respuesta

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