What should my product lists look like on the screen?
When preparing for creating product lists, numerous questions come up, like these:
- How much product details do we need to show per product?
- Should we show just one product or two side-by-side?
- Which of the Product aspects will be most crucial to highlight?
- Should we split the product overview into numerous pages, or should we display everything on one page?
- How will we ensure it is simple to browse through the product-list pages?
With the following guideline, you will be able to effortlessly create a product list, which is both easy to use and easy to navigate.
1. Make it clear that the customer can sort the product list with a drop-down menu.
When a customer enters the product page it should be clear right way for the customer to sort the product lists. It is recommended that the following sort options are given to the customer. Sorting is where the order of the items is changed but the number of items visible to the user stays the same. Typically, these are things shared across all products, so some common sorting options could be on price (high to low or low to high), alphabetical order (A-Z or Z-A) or rating (high to low or low to high).
2. The customer should not have to select “Filter” in order to sort.
In these online stores, the shoppers made use of the “Sort by” capabilities a lot, that clearly shows why you must not design your company’s smartphone store similar to Amazon. By having sort on a different page it does not make the page as easily accessible as the page could be.
3. Sort as default by “New & Popular”.
Staples, and eBay all sort by “Best Match.” Therefore, they sort by the products that sell the best but, this isn’t evident to the consumer. IKEA sorts their product lists by “Relevance,” and John Lewis includes a somewhat cryptic “Default view” sorting. “Relevance” apparently indicates “best-selling,” and I feel that John Lewis also sorts by best-selling products. ASOS will be the only organization to sort by “What’s new.” Because they sell products in the fashion industry, new products might sell far better than “best-selling” products.
The default sorting carries a significant impact on the quantity you sell because it makes the consumer fully grasp your product lists and some consumers don’t modify the default setting. But, some online stores forget this, however, not Amazon in this case. They’ve selected a smart “New & Popular” default sorting, that is most likely to suit customer expectations:
In the user tests of the online stores, consumers didn’t grasp the meaning of “Best match” or “Relevance” and not “Default view.” Because of this, I recommend that your business inserts a “New & popular,” “Popular” or “New” sorting into your company’s store since all consumers in the user tests understood this.
4. Let the customer select sorting on a separate fat-finger proof page.
By putting options on a separate page, it allows the customer to quickly scan the options quickly as well as prevent errors with fat-fingers.
5. Do not use the browser’s built-in “drop list” to sort.
Don’t use the native “drop list” for sorting. Consumers get quickly disoriented on tiny smartphone screens. One good example is whenever a consumer utilizes a drop list (i.e., a “rolling wheel” of options) like seen on Asos. If the shopper sees greater than roughly 8-10 choices in the drop list, she starts to lose her orientation. For this reason, it’s a wise decision to show Choices on a separate page that the consumer can comfortably grasp.
6. Insert sorting on the filter page. This allows the customer to filter and sort on one page.
By putting the filter and the sort on one-page customers are not required to go onto a different page to either sort or filter their options.
7. Make the sorting options self-explanatory. E.g., write: “Price: Low– High” and “Price: High–Low” rather than just “Price”.
Additionally, the sorting options should be self-explanatory, instead of the following IKEA example. What does “Name” and “Price” really signify? Can “Name” sort the list alphabetically from A to Z? Can “Price” display the cheapest products first?
Asos above is much more clear in the options provided with it’s: Price: High to Low, and Price: Low to High option.