Should you use infinite scroll instead of pagination to load more content?
Recently I’ve been noticing more high profile sites implementing a technique known as infinite scroll or a “load more” type button for pagination. Instead of using the more traditional approach like “<< Prev 1 2 3 Next >>”, this technique continuously loads more content as the user scrolls down a web page or selects an action button such as “more.” Let’s take a look at a few sites that implement this technique.
CSSline uses infinite scroll to display a list of websites and has a nice UI feature that alerts users when more sites are being loaded.
Twitter uses an action button called “more” to load more tweets.
Google Images, one of the most recent sites to implement this, uses both infinite scroll and an action button. After scrolling for a certain number of results, it stops and you are given the option to “Show more results” to continue.
Which technique should you use?
It also depends on the context of your design and how that content is delivered. As Marissa Mayer of Google explains, the content that is being displayed is a determining factor. Google Images uses infinite scroll because users are able to scan and process images much more quickly than text. Reading a search result takes much longer. This is the reason why their main search results still use the more traditional pagination technique.
ESPN is another example of use within context. Under their “News Feeds” for football teams, the “more” button is used to load more content only within that section of the page. Think of it as an iframe with no scroll bar. However, the main search results for ESPN still implement a traditional pagination technique.
Listen to your users
Infinite scroll should not be thought of as a replacement for the traditional pagination. As always, the key is to listen to what your users are saying and doing as well as the context of what you are trying to deliver. When Digg recently launched their redesigned website, it implemented the “more” button like Twitter. Users quickly revolted and a more traditional pagination was quickly brought back.
[Update 01/07/2013 - Dan Nguyen has a nice write up on a recent talk by Dan McKinley, principal design engineer at Etsy, on why an implementation of infinite scroll within Etsy's search results failed.]
Other posts you might like…
← Go BackComments (3)
What's on your mind?
Your email is never shared. Required fields are marked *