Paginación vs Scroll Infinito en tu App
Contenido del curso
Optimización de imágenes
Paginación
Almacenamiento local
Bonus
Próximos pasos
Paginación vs Scroll Infinito en tu App
Paginación vs Scroll Infinito en tu App
Contenido del curso
Luis Angel Olivárez Estrada
Luis Angel Olivárez Estrada
Juan Castro
Profesor
Seba Cardoso
Ameth Ordoñez Erazo
Bryan Figueroa
Brandon Argel Verdeja Domínguez
Fernando Orozco Velasquez
Brandon Argel Verdeja Domínguez
Laura Roa
Dario Paladines
Raycris Maldonado
Manuel Araujo
Jonathan Alfonso
Gilbert Ardila
Williams Munguía
Juan Castro
Profesor
Bramucci Candela
Juan Castro
Profesor
Daniel Merchán Cáceres
Carlos Romero
Sergio Javier Lopez Olivera
CRISTIAN DARIO AGUDELO PORRAS
Ricardo Alfonso Chavez Vilcapoma
Diego Iberri Ramírez
Carlos Augusto Rodríguez Miranda
Yo considero que en el caso de Platzi movies lo mejor es el scroll infinito, porque a final de cuenta me parece que las películas van a tener un orden y si algún usuario quiere encontrar algo, puede recordar "más o menos" el orden donde estaba. Además el hecho que es importante hacerlo adictivo, para el usuario es una joya hacer scroll e interactuar con las páginas.
Pero ojo, lo que considero más importante es TESTEAR siempre. ¿Por qué no hacer una versión A y una B de la aplicación? Y después con DATOS te das cuenta de qué es lo que más hacen tus usuarios.
Como frontend es lo que más nos interesa, que los usuarios estén felices con la aplicación y la utilicen, todo lo demás sobra.
¡A darle caña al curso!
PD: En la siguiente clase también me di cuenta que la paginación la veo más útil en desktop
Toma tu :green_heart: para definir la mejor estrategia con Tests AB. :clap:
Yo generalmente uso scroll infinito en version mobile y tabla con paginacion para desktop. Solo cargo una dinamicamente basandome en el width del viewport.
Para una app como esta, me parece mejor scroll infinito (tanto en mobile como desktop). Netflix usa scroll infinito, ¡y es Netflix! 😉. Si ellos con todo su equipo de ingeniería decidieron que era la mejor opción, ¿quien soy yo para decir lo contrario? 😂
Reto del día: encontrar el footer de una red social xd
Otra desventaja del scroll infinito, es que, se tiene que cuidar mucho la optimización y el rendimiento, porque si no, al cargar muchos elementos, la página se hace cada vez más lenta. Pero en este caso, creo que el scroll infinito es la mejor opción.
Para eso nos podría hacer "unobserve" a las imagenes que ya cargaron y salieron del viewport
Sí, eso de normal, pero muchos elementos en el DOM hacen lenta la aplicación, y se nota más en celulares. Algo que se podría utilizar es un scroll virtual para optimizar esto. 😅 Pero eso le añadiría algo de complejidad, encontré este post que está muy interesante.
Hola. a todos! Yo creo que en Platzi Movies un scroll infinito seria una buena opción Ya que como dice JuanDC queremos que se vuelvan adictos a nuestra app y ademas el hecho de que recomiende mas y mas peliculas genera como mas opciones para el usuario. La paginación puede ser aburrida en una app como esta porque en mi experiencia volver a la pagina anterior a veces se torna lento y si no recuerdo bien en que pagina estaba la pelicula que queria, toca volver a ver pagina por pagina. y cuando esto me pasa usualmente me aburro y me salgo de la aplicacion. Gracias Juan por esta clase tan genial!
Está increíble la metodología que aplica juan en sus cursos, que se toma una clase entera para explicar de forma detallada y dinámica los conceptos teóricos, eso es importante porque nos sirve para darnos un mayor contexto de lo que vamos a ver y hacer. Por otro lado, sip quedaría mejor un scroll infinito en nuestra app, pero por el tipo de aplicación que es, no he visto muchas plataformas de streaming con paginación
Para mi que paginacion, porque la mayoria de aplicaciones que he visto tienen esa tematica. el scroll infinito lo veo orientado mas a una tienda o pagina que vendan productos!
Considero que el scroll infinito en este caso podría ser agobiante para el usuario, ya que están decidiendo qué película de varias horas de duración verán y por ende tiene cierta "importancia" puesto que invertirán tiempo en la actividad. En cambio, en aplicaciones donde te entretienes solo leyendo lo que va apareciendo en pantalla, sí convendría un scroll infinito.
Yo creo que en el caso de las apps o páginas de películas o vídeos lo mejor es el scroll infinito, ya que si la persona está buscando dentro de una categoría es porque no sabe que quiere ver y es mejor darle muchas opciones sin tener que estar cambiando de página. Aunque también habría que considerar el resto de la navegación, como filtros o ver después. Puesto que, este último, se complementa muy bien con el scroll infinito cuando el usuario no quiere perder cierto contenido y seguir navegando.
creo que en mobile podríamos hacer una paginación, pero en desktop scroll infinito, es más lo voy a hacer así
Se que puede sonar estupido pero ya que. Se puede usar paginacion en un sigle page application? o son direntes archivos html?
Sí se puede. Aunque no serían archivos HTML distintos, sino un mismo archivo HTML que cambia dinámicamente con JavaScript dependiendo de las URLs. Es lo que hacemos aquí: https://platzi.com/clases/2986-api-practico/48453-location-y-hash-navigation/
La pregunta de si usar scroll infinito o paginación no la deberían responder los diseñadores?
Sí y no. Es muy importante que todos los equipos encargados de la creación de producto (frontends, backend, designers, incluso copys y muchos otros cargos) tengan voz y voto en este tipo de decisiones.
Yo considero que cuando se muestran resultados persistentes ordenados, es mejor la paginacion. Cuando es informacion aleatoria y no organizada el scroll infinito es mejor y mas adictivo.
En este caso usaria paginacion, porque los resultados casi siempre tienen el mismo orden. Entonces puedes ir a una pagina especifica y encontrar la misma pelicula.
Para este caso pienso que es mejor el scroll infinito, debido a que es mas fluido al momento de ver el contenido, sobre todo en mobile. Otra opcion es que en la version desktop sea paginacion y en mobile scroll infinito.
Pero me quedo por los momentos con que toda la app tenga el mismo tipo de paginacion.
Después de ver la clase y revisar un post sobre el tema, el infinite scrolling es mejor opción para implementar en nuestra app de películas. Esto debido a que queremos que nuestra aplicación sea adictiva, además que lo que el usuario va a hacer entra en la categoría de "exploración y descubrimiento", en vez de un objetivo concreto como sucede con las e-commerce. . Sin embargo, aunque pueda ser beneficioso en nuestra app, contamos con paginación apenas entramos, porque podemos decidir el rumbo a tomar, bien ver los detalles de la película que escojamos en ese momento dentro de las populares, las categorías, buscar una película en particular o ver las populares en general, ahí tenemos sensación de cotrol sobre nuestra navegación en la app. . Ñapa: aquí te dejo unos pros y contras del infinite scrolling y la paginación:
Infinite scrolling:
Paginación
Yo considero que se pueden usar ambos metodos dependiente de la cantidad de elementos que esperamos que se carguen. Por ejm en la seccion de trendings o peliculas relacionadas, supongo que los resultados no seran tantos, por lo que, lo horia con scroll infinito, pero por el contrario, en la lista de peliculas por genero, en la cual espero muchos mas resultados, lo haria con paginacion.
En mi humilde opinión, aquí no importa si la app es en desktop o mobile, sino el objetivo de la aplicación. Por ejemplo en un e-commerce es mejor paginación para poder recordar contenido específico para asegurar una compra. Pero para entretenimiento como películas o como la PlayStore es mejor usar scroll infinito.
Yo considero que en cuanto a resultados siempre debería ser scroll infinito, porque es mejor ofrecer el "resultado" a simple vista ya que al igual que la carga de una página web, el usuario es más factible que se canse de estar haciendo clic para ir a otra página (ya que eso lleva más tiempo).
El usuario promedio prefiere estar scrolleando que haciendo clic.
Posible solución para Platzi Movies.
La paginación tiene mucha mas aplicación en sitos web cooporativos por ejemplo un CRM o ERP ya que estos necesitan que los datos esten bastante estructurados tanto el backend y para la vista de los usarios.
Por ejemplo si en la sección de peliculas remendadas se implementara un tipo de paginación la aplicación perderia estetica visual al estar con muchos botones dependiendo la cantidad de paginas.
En este caso y la manera en la que se estructuro la aplicación queda mucho mejor el uso de un scroll infinito ya que aportara una navegacion mucho mas fluida y cómoda para la vista de los usuario.