11/12/2013

Diseñando sitios web con scroll infinito

Diseñando sitios web con scroll infinito

Cada vez más sitios web incorporan una característica conocida como «scroll infinito»: si nos desplazamos hacia abajo, se carga más y más contenido, impidiéndonos alcanzar el pie de página. Este recurso es utilizado por sitios como 9GAG, Facebook, Twitter, Google Imágenes y los microblogs de Tumblr, donde, cada vez que creemos llegar al final de la página, se carga un nuevo conjunto de posts. Se trata de un enfoque opuesto a la tradicional paginación, que consiste en dividir el total de entradas en páginas separadas. El scroll infinito es una forma inteligente de sumar a los blogs, las tiendas online y otros sitios de mucho contenido a la moda one-page, pero ¿es realmente conveniente?

Ventajas

  • Practicidad. Los sitios web con un alto componente social (como redes sociales y plataformas colaborativas) suman, segundo a segundo, un enorme volumen de contenido generado por los usuarios. Nadie pretenderá leer todo el contenido que se publicó en ellos desde el principio. Por lo tanto, puede ser inútil dividir el archivo en miles de páginas.
  • Velocidad. Cargar publicaciones progresivamente en la misma página suele ser más rápido que cargar nuevas páginas de archivo.
  • Visibilidad. Rara vez se nos ocurre pasar a la segunda página del archivo de un blog o de una lista de resultados de búsqueda. Pero con scroll infinito, incluso las publicaciones antiguas salen fácilmente a la luz.

Desventajas

  • Falta de control. El enfoque paginado nos permite saber exactamente dónde estamos parados. Si en un blog quisiéramos leer los posts de mayo de 2009 y no tuviéramos accesos directos a los archivos mensuales, podríamos necesitar horas de scroll para llegar adonde queremos.
  • Poca estabilidad. Si ya se cargó un volumen de contenido considerable, es probable que el browser se quede sin memoria y colapse.
  • Desorientación. Un usuario puede querer, por algún motivo, acceder al footer de la página, pero este no existirá o bien será inalcanzable hasta que se haya cargado todo el contenido. El scroll infinito puede acarrear una experiencia frustrante.

Antes de implementar scroll infinito, debemos analizar si realmente mejora la experiencia de usuario más allá de ser una característica estéticamente llamativa.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce