AllAccountCartCategoryCheckoutFooterHeaderHomeLanding PagesMiscNotificationsProductSearch

#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 […]

#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. […]