Implement a ‘load more’ button on dropdown results that have pagination.

GLOBAL - Dropdown - Load More Button

00/00/2021
to
00/00/2021
(0 Days)

Metric name

• Metric Value

HYPOTHESES

• Lorum ipsum

REASONING

• Lorum ipsum

Embrace

Reject

TO DISCUSS

Development

17/04/23

Related to ticket: https://convertr.atlassian.net/browse/PFR-933
As discussed during dev consultation, the solution to increase the items to 100 would work as a short term fix, but it doesn’t provide long term or global solution.

Potential solutiions

2 solutions that could be applied as a global solution on all dropdowns on the platform that load paginated items with the current default items to load set to 10 would be to implement one of the following:

• A ‘load more’ button

  • This button would be permanently shown on the dropdown below the last item on the list. Clicking the button would load an additional 10 items if available depending on the search criteria.

• Infinite scroll

  • The dropdown would load 10 items as it currently does, but when the user scrolls to the bottom of the dropdown listing, another 10 items would then become available and the user can scroll again to load more if available.

Development validation

Having validated with thejani, each of the above solutions is possible from a development perspective, however the ‘infinite scroll’ solution would require a development spike to investigate how to trigger the next set of items to be loaded depending on the position of the scrollbar listing position. An investigation spike would not be required for the ‘load more’ button solution.

Perfornance and ux

From a performance perspective, the ‘load more’ button would be the better solution, as the user would need the intention to click the ‘load more’ button only if they needed it. Whereas with an ‘infinite scroll’ items can more easily be triggered by users scrolling the maximum amount via mouse/trackpad scrolling.

From a user experience perspective, the ‘load more’ button is much more obvious solution; the user will know if there are more results in the dropdown because a visual indicator appears ready to be clicked if required. The ‘infinite’ scroll solution would only show some sort of a visual indicator once the bottom of the dropdown listing is scrolled to.

I couldn’t fine a usability study that directly related to implenting a solution in a dropdown results listing, however the learnings can still be applied even if the focus of studies tend to be on e-commerce product/category listings:

• Infinite Scrolling, Pagination Or “Load More” Buttons? Usability Findings In eCommerce — Smashing Magazine

  • Multiple year-long large-scale usability studies of more than 50+ leading e-commerce websites where a ‘load more’ button was the most beneificial.

Conclusion

The ‘load more’ button seems to be the best solution in terms of usability because it more obviously shows a required action to load more results compared to ‘infinite scrolling’, and as a bonus, it’s easier to implement as it doesn’t require a development spike.

00/00/2021
to
00/00/2021
(0 Days)

Metric name

• Metric Value

HYPOTHESES

• Lorum ipsum

REASONING

• Lorum ipsum