7 reasons why infinite scrolling is probably a bad idea

Adam Silver
Nov 24, 2015 · 3 min read
Image for post
Image for post

On more than one occasion I have found myself trying to convince team-mates that Infinite Scrolling and its close relative is more likely to degrade the experience than improve it. I thought I’d jot down my notes on the matter and share them with you. Here they are:

1. The footer becomes unusable

People understand what a footer is and that it’s likely to contain links to important secondary information. Infinite scrolling means the footer keeps getting pushed just out of reach by the freshly loaded content.

2. Performance degrades

If you’re using infinite scrolling on a long page, you’re constantly loading more and more content into memory. This will have a negative impact on page performance, since the browser has much more work to do in order to render the page.

Also, the page needs to listen constantly for scroll events which cause client-side performance problems. Fixable but requires more dev effort.

3. Analytics is harder to implement

Due to the way infinite scrolling works, dropping Google Analytics code into the page isn’t going to give you much insight. You’ll need to write your own analytics implementation to track newly loaded content. This is then more costly to develop, maintain and test.

4. Bookmarking and the back button become problematic

You can’t easily bookmark a segment of results to come back to or share with your friends.

Even if you do manage it and you end up bookmarking segment 15 (where each segment is say 40 items) then when you return to that bookmark, you suffer from long page-load times.

Similarly, you can’t use the back button as it doesn’t go back to the previous segment of results — it goes back to the previous page

5. People may suffer from choice paralysis

With very long pages people can feel paralysed by the amount of content and choices — infinite scrolling may well cause inaction and in-turn, lower click through rates. Just see what happened to Etsy.

6. The scrollbar becomes unusable and untrustworthy

The scroll bar inevitably becomes tiny and hard to use. It’s hard to place your mouse on the scrollbar and the slightest movement might scroll a large part of the page when you only wanted to scroll a little bit.

Even worse, the scrollbar plays a trick on users as it displays the page length inaccurately — the scrollbar will be near the bottom and then suddenly when the items are loaded in, it will jump up and reveal there is now more content to scroll through. It’s dishonest design to tell people that they’re almost done when they’re not.

7. It’s generally hard to use

Design is about communication. When someone arrives at a set of results, they want to instantly be able to understand what’s going on…

What am I looking at?

How do I get to the next set of results?

How many results are there?

How long will it take me to browse through them all?

Should I bother to browse through them?

Or should I search again?

Or should I try filtering instead?

If the user doesn’t understand the answers to these questions, they will have a feeling of unrest, uncertainty and disorientation. When they do know the answers to these questions, they can make informed and quick decisions, without losing energy.

With pagination, people can anticipate the effort required to browse through the results. There is a happy sense of completion when a page is finished. There is a clear end. Pagination gives people control to decide whether or not to continue to the next page.

Also, smaller pages, means a faster, more focused, less overwhelming experience with none of these pitfalls. People don’t mind clicking links (to new pages) as long as each click is meaningful and leads them closer to the desired goal.

I write articles like this once a month (ish).

There’s more: http://adrianroselli.com/2014/05/so-you-think-you-built-good-infinite.html

Simple = Human

Design, Development and Leadership articles written and…

Adam Silver

Written by

Author of Form Design Patterns and interaction designer focused on design systems and inclusive design.

Simple = Human

Design, Development and Leadership articles written and curated by Adam Silver & Mark Jenkins

Adam Silver

Written by

Author of Form Design Patterns and interaction designer focused on design systems and inclusive design.

Simple = Human

Design, Development and Leadership articles written and curated by Adam Silver & Mark Jenkins

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store