Important guidelines to consider when designing a better infinite scroll

<div data-offset-key="chmnp-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="chmnp-0-0"><span data-text="true">If in doubt, perhaps prefer&nbsp;</span></span><span data-offset-key="chmnp-0-1" style="font-weight: bold;"><span data-text="true">pagination </span></span><span data-offset-key="chmnp-0-2"><span data-text="true">to infinite scroll.</span></span></div>

<div data-offset-key="1q3t2-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="1q3t2-0-0"><span data-text="true">With infinite scroll, always integrate a&nbsp;</span></span><span data-offset-key="1q3t2-0-1" style="font-weight: bold;"><span data-text="true">footer reveal</span></span><span data-offset-key="1q3t2-0-2"><span data-text="true">.</span></span></div>

<div data-offset-key="5ec51-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="5ec51-0-0"><span data-text="true">Consider separating “old” and “new” items visually.</span></span></div>

<div data-offset-key="6hm0-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="6hm0-0-0"><span data-text="true">Provide an option to&nbsp;</span></span><span data-offset-key="6hm0-0-1" style="font-weight: bold;"><span data-text="true">continue browsing later</span></span><span data-offset-key="6hm0-0-2"><span data-text="true">.</span></span></div>

<div data-offset-key="25ugc-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="25ugc-0-0"><span data-text="true">Consider using “load more” + infinite scroll together.</span></span></div>

<div data-offset-key="519mm-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="519mm-0-0"><span data-text="true">Consider using pagination + infinite scroll together.</span></span></div>

<div data-offset-key="cnafp-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="cnafp-0-0"><span data-text="true">Change the URL as new items are loaded in and expose it to users.</span></span></div>

<div data-offset-key="8g4i4-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="8g4i4-0-0"><span data-text="true">Allow users to jump to any page with a&nbsp;</span></span><span data-offset-key="8g4i4-0-1" style="font-weight: bold;"><span data-text="true">pagination drop-down</span></span><span data-offset-key="8g4i4-0-2"><span data-text="true">.</span></span></div>

<div data-offset-key="3b4g2-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="3b4g2-0-0"><span data-text="true">Consider using scrollbar range intervals.</span></span></div>

<div data-offset-key="13jq0-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="13jq0-0-0"><span data-text="true">Consider allowing users to pin or bookmark items/areas of interest.</span></span></div>

<div data-offset-key="cia95-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="cia95-0-0"><span data-text="true">Make sure&nbsp;</span></span><span data-offset-key="cia95-0-1" style="font-weight: bold;"><span data-text="true">accessibility and performance</span></span><span data-offset-key="cia95-0-2"><span data-text="true">&nbsp;are major considerations in the implementation.

</span></span></div>

<div data-offset-key="evgnd-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><a class="link-plugin-link" title="https://www.linkedin.com/pulse/infinite-scroll-ux-vitaly-friedman/" href="https://www.linkedin.com/pulse/infinite-scroll-ux-vitaly-friedman/" target="_blank" rel="noopener noreferrer"><span data-offset-key="evgnd-0-0"><span data-text="true">Original Article</span></span></a><span data-offset-key="evgnd-1-0"><span data-text="true"> by </span></span><a class="link-plugin-link" title="https://www.linkedin.com/in/vitalyfriedman/" href="https://www.linkedin.com/in/vitalyfriedman/" target="_blank" rel="noopener noreferrer"><span data-offset-key="evgnd-2-0"><span data-text="true">Vitaly Friedman</span></span></a></div>

Infinite Scroll UX Checklist

Important guidelines to consider when designing a better infinite scroll