Load More Button
Few of the sites we tested used a “Load More” button, although respondents found it to be very well received. In a comparative analysis of 50 e-commerce sites, we found that only 8% used this approach. The button design is usually simple enough that it doesn’t force the user to decide which page to go to, but simply asks, “Would you like to see more results?”
Of all the on-demand loading options, this one probably had the lowest cognitive load and the simplest interface. Respondents tended to browse more products on these sites than on paginated sites, but because loading products required users to make a selection and click, they studied the display more closely than they did on infinite scrolling sites.
Creating a web design for an online store. Example of using a button
Example of using the “Load More” button
On sites with a “Load More” button, like American Eagle Outfitters, users viewed 80% more products than on sites with paginated navigation, but they did so less quickly (25% slower) than japan whatsapp number list with infinite scrolling. What’s more, product exploration was made easier by allowing users to add products to their current list.
creation of web design of online store example
Urban Outfitters
One of the advantages of using the Load More button and infinite scrolling is that the list of products is expanded rather than replaced by another. The Load More button makes it easier to compare products in the overall list. The combined list helps the user find specific products faster, and therefore increases the efficiency of working with the catalog.
What method of unloading products helps to make the creation of web design of an online store more effective? It turned out that ideally, you should choose different variations of using the "Load more" button. Research has shown that there is no universal method, so we have identified three optimal options for using the "Load more" button depending on the context of use:
1. For product categories, use the "Load More" button and " lazy loading ".
2. For search results, use the "Load More" button along with dynamically adjusting the number of results displayed based on relevance. 3. On mobile, use the "Load More" button, but load fewer products
by default .
Note: These are the results of testing online stores. They may