Continuous scrolling

The user wants a central place to view and interact with most or all content so they don’t have to waste time navigating between pages.

Problem

The user wants a central place to view and interact with most or all content so they don’t have to waste time navigating between pages.

Solution

With the evolution of technology and the wide adaptation of asynchronous data loading and rendering, most users have the desire to consume content at their own pace in the volume they require rather than rely on constant navigation between pages with clicks or taps. Content presented at one moment is a subset of a much larger seemingly endless set.

Major services and applications that we use today on a daily basis rely on this technology to server the information in the user’s pace.

Start out with a reasonable amount of data (depending on the user’s need) and load additional content on demand. This not only speeds up the initial load but also gives quick access to additional content as required.

Consider managing the loaded data in the background by removing rows that are not shown. When scrolling through and loading a lot of data the page rendering engine can get overwhelmed which reduces scrolling performance. Depending on the environment and processing power this varies, however it is something to consider.

Additional data can be served on the fly while scrolling or can be requested with a “Load more” button.

When serving data on the fly, content that is rendered below the list will not be accessible.

Showing 2 live examples
Infinite scroll
Infinite scroll
This example should be experienced in full screen
View in full screen
Load more
Load more

Problem

The user wants a central place to view and interact with most or all content so they don’t have to waste time navigating between pages.

Solution

With the evolution of technology and the wide adaptation of asynchronous data loading and rendering, most users have the desire to consume content at their own pace in the volume they require rather than rely on constant navigation between pages with clicks or taps. Content presented at one moment is a subset of a much larger seemingly endless set.

Major services and applications that we use today on a daily basis rely on this technology to server the information in the user’s pace.

Start out with a reasonable amount of data (depending on the user’s need) and load additional content on demand. This not only speeds up the initial load but also gives quick access to additional content as required.

Consider managing the loaded data in the background by removing rows that are not shown. When scrolling through and loading a lot of data the page rendering engine can get overwhelmed which reduces scrolling performance. Depending on the environment and processing power this varies, however it is something to consider.

Additional data can be served on the fly while scrolling or can be requested with a “Load more” button.

When serving data on the fly, content that is rendered below the list will not be accessible.

Share in SMS
  • SMS
  • Email