Product Listing Pages Flashcards
What is traditional pagination?
It involves splitting a list of items into multiple pages, each containing a fixed number of items. To see more options, users must navigate to the next page - typically by clicking or tapping the Next button at the top or bottom of the screen. Each page is numbered, and users can move to specific number pages by selecting their corresponding buttons.
When should you stick with traditional pagination?
Mega retailers like Amazon should stick with traditional pagination controls because these offer precise control as shoppers explore their enormous product sets. Additionally, sites with few products or good loading performance may be able to simply load all products on the page at once.
When can you consider infinite loading or show more buttons as an alternative to traditional pagination controls?
If your site has a small- or medium-size product selection.
What is Infinite Scrolling?
aka lazy loading (loading more items as users scroll to the bottom of a page)
Infinite scrolling can work well for eCommerce sites that have:
can work well for eCommerce sites that have:
- A relatively small number of products (typically fewer than 40 per page)
- Good filters to help users narrow down results sets
- A clear count of the number of items returned (“42 items”)
When should infinite scrolling be avoided?
For sites with large inventories for two reasons:
- Users may not be able to access important information in the footer navigation
- People may become disoriented and not understand how far they are in the list of products when the page includes a large number of products.
Why is it important to display the total number of products available when implementing infinite loading?
Infinitely scrolling pages break the standard browser scrollbar so users cannot rely on it to determine their place on a page. As new items are appended to the bottom of the list, the page is lengthened, thus changing the standard scroll indicator’s location. What was once the middle a page can quickly become the top eighth of a now longer page. Displaying a custom indicator to convey current location gives users a sense of context.
Why does a “show more” button make more logical sense compared to traditional pagination?
Because the vast majority of people move linearly through product listings anyway. Additionally, a large show me button is an easier click or tap than little caret icons or than page numbers.
What is the essential difference between show more button and infinite loading?
Customers must take action to load the next set of products, rather than having them load automatically. Thus, compared to infinite loading, show more buttons allow access to the site footers, which may have otherwise been unreachable.
What is more preferred for mobile shoppers? load more button, infinite scrolling, or pagination?
load more button. because users may be on limited data plans and not want to continuously load additional products. Additionally, items may load more slowly on mobile if users are not connected to Wi-Fi.
This design helped users view more than one page’s worth of products and also easily navigate back to any products that had been loaded in a previous batch, without then needing to reload the previous page.
If your site will adopt a show more approach, ensure that you communicate to users:
- The total number of items in the set
- How many products have been loaded
- How many products remain to be loaded in the set
What is pogo sticking?
A common browsing behavior, particularly on mobile devices but also on desktops among users who do not use page parking. This behavior occurs when a shopper opens a link to a product from a listing page, assesses the product, and then presses the Back button to return to the listing page
What are Routing pages?
Includes product-listing and search-results pages.
Routing pages play a crucial role in product selection on e-commerce sites.
On these pages, customers browse products, compare options, and sometimes make purchase decisions.
Product listing pages?
Product listing pages organize and present multiple product options in a single page. They usually include useful sorting and filtering tools to help customers explore the product set. (Search-results pages on e-commerce sites often look very similar to product-listing pages – on some sites, they’re identical.
What are the best way to display product photos on listing pages?
Large, Consistent, Specific, Dynamic, Contextual, Inclusive.
These characteristics are particularly necessary when the look of the product is a big factor in purchase decisions – for example, for clothing, accessories, makeup, furniture, or décor.
