#197 Allow users to swipe through product gallery images on mobile
On mobile, it should be possible to swipe through the images instead of having to click on each thumbnail. Considering that 53% of global online traffic comes from mobile devices (for the US, it is 57%), this is especially important to a good user experience.
#195 Display applied filters in an overview section and in their original position
The overview can be a small section at the top of the product list with the applied filters and a X next to each to un-apply it. It can also be in a section at the top of the filter sidebar, which is typically on the left of the screen. Read more on applied […]
#185 3 images per row on desktop, 2 per row on mobile
This recommendation applies to a Grid View layout, which is most relevant for very visual products without a lot of specs (e.g. clothing and apparel). If your products are in-between those two extremes, you could give the option to users to switch view between Grid and List. On mobile, you can typically fit two products […]
#181 If your products are available in-store as well, add an in-store filter
(source)
#172 Make it easy to trigger the product comparison
On most stores that I reviewed recently which had a Compare feature, it was very difficult to figure out how to access the Comparison page once you select a couple of products to compare. I honestly couldn’t figure it out in a few cases. Here’s a good example of how it should be implemented […]
#168 Educate your shoppers in your category pages
While this is commonly done in product descriptions and the homepage, you can also educate your visitors on the category page. Examples: Here’s a good example of a product page which educates well Follain has a category page with a Clean Fact section. You can copy some of the sections you have on […]
#166 Show product attributes consistently inside of a product list
Put the same attributes in the same order. E.g. how many cups of tea a container of tea can make? According to Baymard: (source) 64% of e-commerce sites impede users ability to compare the product in their list due to inconsistencies in the listed product attributes. Shoppers tend to skip products without certain attributes […]
#165 Provide additional list item information on mouse hover
In Baymard’s user testing (source), showing too little information in the list made test subjects do extensive “pogo-sticking” (jumping back & forth between the list and product pages). Showing too much information leads to overwhelm. These are options for your store on desktop: If your niche is visually-driven (apparel, home decor,…), combine a ‘cut-out’ […]
#164 Avoid Quick Views
According to Baymard (source), Quick Views are a bad idea: they’re a symptom treatment for poor product list design (not enough information/attributes, thumbnails too small, etc.) users confuse them for the product page and struggle to understand the site’s hierarchy they introduce friction to the user’s browsing process They recommend: Avoid Quick Views altogether On […]
#161 Interactive Color Swatches
On IKEA, instead of showing variants there, they add More options available under the product. Interesting approach, it makes visitors wonder what the other options are. I think that is both a good and a bad thing. Curiosity is good, but it creates some confusion. Macy’s, alternatively, actually shows the variants under the product image. […]