Paginar resultados es algo que cualquier sitio hace, desde una simple bitácora hasta el gigante de Google, la paginación es una de las cosas mas antiguas y ya instauradas que existen, creo que absolutamente nadie no conoce esta técnica, independientemente de los conocimientos que tengamos, cuando llegamos al final de un pagina y queremos continuar la lectura buscamos el siguiente o en su defecto el numero que nos indica a que hoja pasaremos.
No obstante, algo que cada día veo mas y que realmente me gusta pero no se hasta que punto será práctico para todo el mundo es paginar resultados bajo demanda, esto es lo podemos ver de forma muy presente en redes sociales como Facebook o Twitter, en donde no existe una paginación de resultados convencional, por ejemplo en el caso de twitter la paginación consiste en mostrar otra tanda de resultados a continuación de la que esta presente prolongando el largo total del documento, sin necesidad de recargar todo el sitio.
Otra técnica de esto que estoy comentando es la conocida como Lazy Loading que no es mas que utilizar la ubicación de la barra de scroll para ir mostrando resultados progresivamente, un excelente implementación de esto es la que se encuentra en Haystack, a continuación grabe un pequeño video mostrando el funcionamiento.
Hay varias cosas positivas de eliminar la paginación convencional de resultados como en el video, por un lado evitamos requerir una acción nuestra como un clic para continuar viendo información, se podría decir que es mucho mas natural simplemente desplazarnos hacia abajo buscando mas información que pasando de página.
Por lo simple que resulta ver los resultados de esta forma lo mas probable es que terminemos viendo muchísimos mas trabajos que de otra forma y pasando página a página no haríamos.
La velocidad que se logra con este método es impresionante, sin ir mas lejos en el video se ve como me costo mostrar la imagen de cargando de los siguientes trabajos.
Lo único negativo que veo en esta metodología es que quizás no toda la gente se de cuenta de lo que esta ocurriendo, esto seguramente cambiara en un futuro a medida que grande sitios como facebook y twitter se conviertan aun mas en moneda común de todos los internautas.
Me pregunto como se vería Google paginando los resultados bajo demanda tal cual lo hace Haystack o el mismo Facebook que solo hace eso en la primer hoja de resultados.
Hispania
15 años ago
Muy bueno, ¿ alguien sabe como implementarlo en un blog ? Sería interesante disponer de el 😛
Francisco
15 años ago
Un problema no pequeño es Google aun no sabe manejar ajax, aunque dice trabajan en ello y otro es que las campañas publicitarias si quiera consideran esto, habría que adaptar la publicidad a esta navegación también.
Me gusta esta navegación, pero creo que aun necesita soportes.
José Galisteo
15 años ago
Esa navegación la veo bien para según que cosas, obviando eso, creo que el que google no indexe ajax no es problema.
Siempre se pueden añadir algún tipo de enlace hacia las páginas dependiendo de si soporta o no javacript.
Ya hay tecnicas de paginano con javascript no intrusivo, que no es más que observer los enlaces, si se clickan se hace la llamada ajax, si no hay javascript pues simplemente el enlace funcionaría como siempre.
Miguel Angel Ivars Mas
15 años ago
Justamente esta mañana estaba trasteando con este directorio tan chulo, y me ha llamado la atención, porque a diferencia de FB o Twitter no has de hacer click en «More results» o en «Publicaciones más antiguas» para ver el resto sino que es al bajar al final.
Otro problema de este sistema podría ser cuando en la página en vez de texto o imágenes pequeñas, vemos imágenes de peso o vídeos.. ya que ralentizaría mucho todo el efecto. Pero es genial que se exploren nuevas formas y maneras a ver con cual nos acabamos quedando, y en 37signals como siempre van un pasito por delante.
David Corbacho
15 años ago
¿Cómo sería en Google? http://userscripts.org/scripts/show/8430
Etnas
15 años ago
Si quieren comprobar cómo se ve el efecto del paginado Ajax en Google, solo tienen que instalar la extensión de Firefox llamada ‘autoPager’. Este plugin se encarga de eliminar la paginación de las principales webs mundiales a la vez que permite configurarlo para cualquier otra que no esté en su base de datos.
Saludos!
Pablo
15 años ago
@Hispania: pense exactamente en eso cuando escribi el post, estaria genial la verdad, si encuentro algún plugin aviso!
@Francisco: Es un problema enorme para Google, actualmente las metricas que se utilizan para medir los resultados son casi obsoletas, buen apunte.
@José Galisteo: El tema es que hoy en dia practicamente no se puede navegar por internet sin tener el javascript activado, creo que ya es casi un requerimiento minimo, por ejemplo Facebook directamente no se puede usar sin javascript activado.
@Miguel Angel Ivars Mas: Es que justamente ese es el problema, es algo que no esta al alcance de los mortales, las imagenes son pesadisimas si no son serializadas desde distintos servidores, o bien usando Amazon S3. Coincido contigo, estos experimentos son muy buenos para explorar futuras mejoras 😀
@David Corbacho @Etnas: Estupendo!!!! Mil gracias ya mismo voy a probar esas dos soluciones!
José Galisteo
15 años ago
@pablo facebook creo la prioridad de facebook no es ser indexado, si no la experiencia de usuario, que por supuesto tiene javascript.
De todas formas, hay ocasiones en el que necesitas que tu aplicación sea accesible, desde razones de posicionamiento, o por que es un proyecto de una institución publica que lo exige.
Visualizador de sitios Tumblr | Kabytes
15 años ago
[…] podemos ver miles de imágenes sin necesidad de hacer un solo click ya que utiliza scritps de contenido bajo demanda, a medida que bajamos más información se va mostrando. Podemos rebloggear directamente desde […]
Nuevo sitio de wallpapers | Kabytes
15 años ago
[…] los veremos moviéndonos hacia abajo en la página, sin necesidad de visitar otras páginas. El contenido se muestra bajo demanda, y permite avanzar sobre gran cantidad de elementos muy […]
Carga de imágenes dinámica con jQuery | Kabytes
15 años ago
[…] ya bastante tiempo les había comentado la idea de paginar resultados bajo demanda, conceptualmente la idea es muy buena, aquí con jQuery esta aplicada a las imágenes de un sitio, […]
Detectar la posición en la barra de desplazamiento (scrollbar) con jQuery | Kabytes
14 años ago
[…] Algo que puede ser muy útil, y que cada vez se utiliza con más frecuencia, es detectar la posición exacta en la barra de desplazamiento para luego y según sea esta, realizar una determina acción. Un ejemplo de esto sería la forma en que Twitter recarga nuevo contenido al llegar al final del documento, una especie de paginación bajo demanda. […]
Scroll infinito AJAX con jQuery | Kabytes
13 años ago
[…] Infinite AJAX Scroll es un plugin jQuery que sirve para recargar contenido sin la necesidad de refrescar la pagina completa, algo exactamente igual a lo que hacen sitios como Facebook o Twitter que utilizan la posición de la barra de scroll para cargar contenido bajo demanda. Un tema del que ya hablamos hace unos cuantos meses cuando escribí un post sobre el posible fin de la paginación convencional. […]