Inizia.org Rotating Header Image

Paginación de resultados con scroll infinito

Anatomía de la barra de scroll vertical

Anatomía de la barra de scroll vertical

Hace casi dos años que escribía sobre la paginación de resultados y las nuevas formas que encontrábamos, con el “ver más” de Twitter o Facebook o el scroll infinito del buscador de imágenes de Bing. Hoy en día se ha popularizado el uso del scroll infinito, y aunque ofrece una mejor experiencia de usuario, también acarréa algunos inconvenientes.

El scroll infinito hace que cuándo desplazamos la barra de scroll vertical al final de la página, automáticamente se cargan los resultados siguientes. Esto supone que podemos no ver nunca el pié de página. Y hoy en día los piés de página han adquirido una gran importancia, pudiendo mostrar un mapa rápido de la web, enlaces de interés, los datos de contacto o incluso un formulario de contacto; o nuestros enlaces sociales.

Hay ocasiones en que el contenido que buscamos está en el pié de página. Y en esas ocasiones el scroll infinito se vuelve nuestro enemigo al no dejarnos nunca ver lo que buscamos.

Se me ocurren dos posibles soluciones que conbinan el scroll infinito con el botón “ver más”:

  • El scroll infinito solo actúa un determinado número de veces, por ejemplo 3, y si el usuario quiere ver más resultados, tiene a su dispocición el botón “ver más”, que podría estar siempre visible o mostrarse sólo después de desactivarse el scroll infinito.
  • El scroll infinito actúa con un pequeño retardo y se anula si el usuario desplaza el scroll abajo del todo. De este modo si vamos bajando el scroll pero sin llegar al final de la página, se cargan los siguientes resultados, mientras que si bajamos el scroll al final del todo, la página entiende que queremos ver el pié de página y aborta la carga de más resultados. El botón de ver más podría estar siempre disponible o solo cuándo se anula el scroll infinito.

Tan solo son dos ideas sin probar.

6 Comments on “Paginación de resultados con scroll infinito”

  1. #1 Arthur
    on Feb 12th, 2015 at 4:42 am

    clara@curt.cherish” rel=”nofollow”>.…

    good….

  2. #2 Greg
    on Feb 12th, 2015 at 8:11 pm

    warrenton@curled.regards” rel=”nofollow”>.…

    good!…

  3. #3 Ralph
    on Feb 13th, 2015 at 5:58 am

    bartok@mea.bronchus” rel=”nofollow”>.…

    hello….

  4. #4 Francis
    on Feb 13th, 2015 at 5:37 pm

    released@imperialist.orville” rel=”nofollow”>.…

    hello!!…

  5. #5 alexander
    on Feb 13th, 2015 at 6:10 pm

    capitalizing@ejaculated.lucas” rel=”nofollow”>.…

    ñïñ çà èíôó!…

  6. #6 Phillip
    on Feb 14th, 2015 at 1:57 am

    propylthiouracil@pembroke.erratic” rel=”nofollow”>.…

    good!…

Leave a Comment