New! — How Designers Actually Get Hired (After Being Laid Off) — Listen for Free

Should I Use Pagination or Infinite Scroll in UX?

When working with long lists, there comes a point where you, as a UI and UX designer, have to decide on pagination or infinite scroll.

Your trust is important to us. Because of that, this article is human-made and based on over 10 years of actual design project experience by Nick Groeneveld.

What is pagination in UX?

When a list is getting too long, one way of shortening the list is by dividing the list into multiple smaller lists, spread out across multiple pages. A smaller list as a number of benefits for the user, including the list being better scannable and having a lower interaction cost. It is also better for the performance of your application or webpage.

If you put it all together, chances are you will achieve a better, more fitting UX for your users.

What is infinite scroll in UX?

If you go the other way, infinite scroll is a popular option. You'll most probably have encountered infinite scroll on social media platforms like Facebook, Instagram, and Twitter.

You might be thinking, isn't infinite scroll still a very long list. Yes, that's true. The difference with any ordinary list is that infinite scroll lists keep building up once you reach the end of the page. This delays performance issues significantly.

Another great plus is that it will not require users to click on pagination-related elements like next and previous buttons. Users also do not need to keep page numbers in mind in case they want to return to an item on another page.

The downside is that in time your list might become too long again. Another issue is that it is difficult to reach the bottom of the page since the list keeps growing whenever you reach the bottom of the page. One way to fix that is by adding a 'load more' button that loads an additional number of items instead of doing that automatically every time you reach the bottom of the list.

Clicking a link in the footer of a page becomes almost impossible.

Should I use pagination or infinite scroll?

Now that we have the pros and cons of pagination and infinite scroll down the only question that remains is which of the two you should use.

As is the case with any UX and UI design dilemma, the answer is that it depends on your specific situation. In general, infinite scroll is best suited for applications where one of the main goals is to let your users browse, scan, and filter through large amounts of content. This is most commonly seen in social media platforms.

On the other hand, pagination is best suited for applications that require users to make a specific choice, like a webshop or online registration form.

Further reading

There you have it. When making the choice between pagination and infinite scroll in UX, ask yourself if your users just want to browse or if they have to complete a specific task. Infinite scroll is great for the former, while pagination usually works best for the latter.

Pagination and infinite scroll both are commonly used UI elements, just like radio buttons and checkboxes. They also have their own specific uses. Make sure you know what they are!

About the author

Hi! I'm Nick Groeneveld, a freelance UX and product designer from the Netherlands. Over the past 10 years, I've designed and built tons of products and services for companies all around the world.

Book a 1:1 mentor meeting or let's connect on LinkedIn and Twitter.

Continue reading