What are the advantages and disadvantages of using pagination and infinite scroll on websites?

Asked

Viewed 1,252 times

18

What does the user gain or lose when choosing one of them? Consequently what website owner has some gain due to better user experience.

When to choose each one? There is a type of website or web application that suits better?

Among the drawbacks is something that can go wrong?

I know that the ideal is to conduct studies with the target audience. But I wanted to know what has already been concluded generally on the subject.

The more references you can provide, the better. I don’t want to know what you like or use. I seek objective information from those who really understand the subject.

  • Scroll is fundamental the only disadvantage I see is the delay in uploading images etc. and when you need to go back to the top or a specific sub-theme.

  • The problem of going back to the top or choosing a new category can be solved with a fixed menu, and also an accessible button on the side, indicating "go back to the top" - so the user doesn’t have to scroll again!

  • This way the problems end

  • The delay is relative. Just because it has images does not mean it is time consuming. See google image search, for example. It’s faster than many websites, and it’s just images :p

  • For the site to be fast even with images. It should be an optimization and performance

  • 1

    A recent article on this subject: https://speckyboy.com/infinite-scrolling/

Show 1 more comment

5 answers

15


What does the user gain or lose when choosing one of them? Consequently what website owner has some gain in function of the best user experience.

From the user’s point of view: in paging it has more control (or at least a sense of control) over the content, while in infinite scrolling the user has less effort.

Imagine a scenario of a Flickr-like site, which contains only images, and in which the user is searching for an image of something desired. At one point he finds one he likes, but decides to keep looking a little longer. In the pagination he has easy to remember where is the item he liked. It can be by the position of a scroll bar, it can be by the page number, it can even be by the relative position (number of clicks or pagedowns data). This is no longer so easy in infinite scrolling.

Imagine that in this same scenario, the photos display information when the mouse is positioned on them, which are important in the user’s decision for the item sought. In this case, having to move the mouse or even the mouse hand to the keyboard to control the scrolling generates more effort. It may seem a little bit, but depending on the context (if you are a professional who spends the day using this site) it can be quite tiring or reduce productivity. In this sense infinite scrolling can help reduce effort.

From the point of view of the site owner: in paging it gives control to the user, in infinite scrolling the owner leads the experience. The user should always be the focus of attention when projecting the interaction of any product, but still this decision can result from the intended experience. They cited in other responses the idea of increasing the time a person spends on the site, for example. Infinite scrolling creates this feeling that there is much more to see, and therefore stimulates the user to stay longer. Also, if for any reason you do not want to encourage the user to "go back" (that is, if you want to give preference to seeing new content instead of already seen content), infinite scrolling may be more appropriate. It may be the case of news websites or applications, as an alternative to the famous service of the type Push.

A hybrid solution is difficult because it makes the user’s state perception difficult (even if you use a scroll bar, it will change proportion as more data is displayed) and requires much more system memory because essentially you’ll have to keep everything in memory.

When to choose each one? There is a type of website or web application that fit better?

In the sense of what has been discussed, infinite scrolling may be more appropriate for sites where the content is fleeting, exists in huge quantities, or is generated by several different sources. On social networks, for example, content is produced by other users, commonly contains images, short videos or links that are opened or "processed" immediately (the user reads, laughs, is offended or likes, and passes to the next; links are opened and read immediately or saved in another tab, regardless of paging).

Otherwise, it is probably best to use the same paging. :)

Among the drawbacks is something that can go wrong?

In infinite scrolling, from a technical point of view, the system simply cannot display everything the user wants to see. This can be circumvented by discarding the very old items there from the beginning of the scroll, and this is what is usually done to my view. In paging, the potential problem is to discourage the user. If the result of a search is too large, the user may not be interested in using it. Google is an atypical situation because although it shows a bestillion of results the user knows that the former are the most relevant (by convention and by custom, since this information is not necessarily explicit - that is, there is no number with relevance in front of each response).

I know that the ideal is to conduct studies with the target audience. But I wanted to know what has already been concluded in general on the subject.

That’s a good question. But it’s hard to have a single answer for it, because it depends on the problem domain. As you point out, the ideal is to conduct studies with the target audience, but this audience changes depending on the area. In the area of e-commerce, for example, seems to be consistent with what I pointed out earlier. There this study very well done and that also includes a distinction between paging and the use of "Load More" buttons (loading in parts). The summary is given there in the same text, and is the following (in free translation):

"Paging is still the most popular way to load new items on a website because it already exists by default on almost all e-commerce platforms. However, our usability tests indicated that "Load More" buttons combined with Lazy-loading (lazy loading) tend to be a superior implementation, resulting in a more continuous (seamless) experience. We found that endless scrolling can be quite detrimental to usability - in particular, in the search for results and on mobile devices. Still, this is not black and white, because the performance of each method varies according to the page context."

  • And are these posts that are loaded on demand through scripts also indexed by search systems? I know the pagination is because the search system identifies the various Urls of the pages, but this being a single page, it would also happen?

  • @Andersoncarloswoss Honestly I don’t know how to answer your question, colleague. : ) I have almost no experience with SEO. But I imagine it works in a similar way to the indexed ones. After all, even in pagination pages are generated dynamically according to content, right? Anyway, I understood that the focus of the question was UX...

10

What is Infinite Scroll?

Scroll Inifino is a way to have an infinite page (if you have data for that, of course). This way, as the user reaches the bottom of the page, new records will be added automatically.

Perks

  • Loads defined content without requiring user clicks;
  • Does not require visual readjustments, being the same layout pattern.
  • The user does not need to understand the system to know how to use the feature, just go to the bottom of the page;
  • Excellent experience for mobile devices;
  • "arrest" of the user on the site.

Disadvantages

  • Footer of the site will hardly be seen;
  • No search filters, that is, if you want to save that "state", you may have problems;
  • User’s sense of "loss of control";
  • Possible performance issues due to loading too much content;

When to use?

There is no rule for that. As you said yourself, the best way would be to conduct a study with the target audience to define the best scenario.

That said, there are scenarios where the Scroll Infinity is more used, as in social networks, giving a certain "grace" when browsing the Information Ocean generated by users on a social network.

It is also common to be used for list of images, because the pattern of information gives a feeling of comfort to the user when he receives more information.

Google itself has two forms of scrolling, the infinite scroll for image searches and the normal pagination for Web searches. According to reports the same would be thinking of changing these researches to scroll inifito, but I can not affirm the veracity of the information.

And about SEO?

Google states that the infinite scroll can be used by the Googlebot. However, it should be taken some factors in the implementation. The list of recommendations you can see on webmastes.googleblog.

Personal Conclusion

I particularly find the use of infinite scroll elegant, but on certain occasions.

In social networks, places where paging is not significant for me or for mobile applications, I prefer to use something with infinite scroll, as it gives me a better sense of usability.

already in tables, news, blogs, institutional websites, or places with information that contain actually readings, I prefer to have the completion control, or at least to think that I have this control.

References:

Well, I’m no one to be able to say these things, so below I’ll list some references that led me to this conclusion.

5

Today scroll is a growing trend. Scrolling the site is no longer a problem like before - people are more used to it.

The possibility to leave all posts as the demand is an interesting solution for users, and I believe without a lot of performance. Since the script is triggered only at the end of the scroll, it would have the same effect as a pagination, but without changing page. With this, the time that the person stays on the page is longer - you can take advantage of it, to monetize or do any other desired action.

I can’t see anything against it except performance, which - depending on the server - can have the opposite visual effect. If the loading does not end (or takes too long), the user will have serious problems in continuing browsing.

  • The point of performance being critical is very important. I would say that the perception of delay is worse in infinite scrolling than in any other method, precisely because the user has less sense of control. Very well observed! : ) +1

1

On mobile devices (mobile phones and tablets)

The bad thing about mobile paging is having to click buttons. As such devices are more touch-based and "finger drag on the screen", the infinite scroll makes navigation more comfortable and enjoyable (I would say even more playful).

inserir a descrição da imagem aqui

As some mobile devices may vary in screen size - some larger and others smaller -, clicking on buttons can be a tiresome and boring task, because in addition to the user having to "aim" his finger over the button, when the screen size is too low, there is a risk of missing the touch. In addition to what is much more comfortable to drag your finger without worrying about what specific position of the screen this is done, even more so in relation to people with some kind of disability, whether visual or motor. That is, in terms of accessibility, the infinite scroll is much more suitable in terms of UX in these devices.

Using pointer (laptops and desktops)

I believe that the principle is the same in relation to what is said in the section "mobile devices" above.

Using the mouse wheel becomes much more comfortable the infinite scroll than having to click buttons.

inserir a descrição da imagem aqui

But I also think that this is very much about the target audience and the type of content on the site. Often pagination becomes better because by the amount of buttons the user has to know the amount of information available, already in the infinite scroll there is no way to know. The user scrolls the screen and never knows when it will end.


Soon, the infinite scroll becomes better:

  • When there is no concern to know the amount of information.
  • More comfortable to navigate (especially on touch-based devices).
  • When the information is updates or a list where the goal is more visualization and not much control over them.

Paging:

  • When it is important to specify the amount of information to display or available.
  • When you want to be able to select items in batch for some specific action.
  • Provides better organization and control for the user.

Among the drawbacks is something that can go wrong?

Anything can go wrong in both advantages and disadvantages. I confess that it was not very clear this point.

I seek objective information from those who really understand the subject.

"Mexo" 20 years ago with front-end (12 years professionally) and this is my opinion and perception of what I have seen over time when things are changing according to upgrades and technologies.

-2

Using infinite scroll implies assuming that the client side has enough RAM and graphics card, which is not true if it is a mobile device.

What I’ve seen from Facebook crashing on my Android is not written. Sometimes, even Android gives crash!

It would be much better to have a hybrid paging button and/or scrolling widget clearly visible on the screen. No, actually it would be better not to have a button: the default would be to change page, with a progress bar showing how much time to change page, and if I wanted to brake pagination, I would hold my finger on the LCD.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.