AG-6: List and Pagination

A UIDP that has been widely used for list navigation is the infinite list. In this pattern, the user does not have to click on any button in order to load more items, instead, when reaching the bottom of the page, a new set of results is automatically loaded and displayed to the user. This process continues until the end of the list is reached

On the web desktop, list navigation is usually implemented with pagination controls at the bottom or top of the page. This way, users have more control, like skipping, jumping, returning pages.

On mobile applications, an interface design pattern that has been widely used for list navigation is the infinite list, just like Facebook, where you scroll and the results are automatically loaded and displayed.

The problem

In situations of low bandwidth, which are common when using mobile devices outside a Wi-Fi network, the infinite list may present long waiting times while loading for new items to be displayed.

Another problem with the infinite list is that does not provide any information regarding the position on the list, where users can be easily lost, as you can see in the example below.

ezgif.com-video-to-gif

The recommendation

• Few controls to navigate should be available due to the small viewport.

• The negative point of using Pagination is that requires more clicks and actions from the user.

sem título

• It’s important to provide filtering and ordering options in order to lower the number of items in the list.