ECommerce Store Usability Checklist

It will not be possible to really check the convenience of the eCommerce store without confirmation of web analytics data. Context of interaction; tasks, experience and motives of users; devices from which users view the store – all this affects the conversion and can not be evaluated by the checklist. 

A checklist is a squeezing of research results. A checklist describes an average situation, in an average store, without reference to the topic. It can be useful, but it is worth remembering the limitations of such a questionnaire. In addition to this checklist, I would like to recommend to use Magento 2 Advanced Product Options for your eCommerce.

Product Catalogue 

1) The title is relevant to the user request and gives an idea of the products presented in the catalogue section. Why is it important: when you go to the site users first determine where they got to and how much the site corresponds to their task. 

2) Product descriptions or filters provide information to help select a product. Why is it important: the directory is accessed by users by general requests. This category of people is characterized by an awareness of their own needs and the lack of a clear understanding of what kind of product is needed. The task of the catalogue is to help you choose. 

3) It is possible to sort the goods by the characteristics important for the user. Why is it important: a large number of products can cause difficulties in selection. Sorting makes it easy to find the right products. Sorting goods alphabetically is an example of an unsuccessful approach to understanding your users. 

4) If a product is added to the cart in the catalog, visual confirmation is displayed after adding it. Why is it important: without a noticeable visual confirmation that the product has been added to the cart, some users may think that nothing has happened and start adding the product again or stop interacting with the site. 

5) When an item is added to the cart, the amount is updated in the mini cart and the amount is recalculated. Why is it important: users should see the quantity and value of items without visiting the cart – this will allow them to focus on further purchases. 

6) The filter does not contain redundant parameters that are not used when selecting products. Why is it important: If the filter contains a lot of redundant parameters, some users will find it difficult and will not use it. 

7) When going to the product card from the catalogue and back – the “back” link in the browser returns the user to the page with the selected filter parameters. Why is it important: resetting the filter parameters when returning from the product card may mislead users who will find a “different” page. The site should not force the user to re-select products. 

8) The filter dynamically changes the URL when applying filtering parameters. Why it is important: users should be able to share the filtered directory. 

9) The filter contains only such parameters by which the products can be found. Why this is important: users who encounter an empty filter output may conclude incorrectly that the filter is not working. 

10) The Reset Filter button resets the URL to its original state, sets the default filtering parameters and rebuilds the list of products. Why this is important: users must be able to reset the filter to its original state to start a new product search scenario. 

11) For delayed action filters, the start filter button is within the first screen. Why is it important: filters can be instant and delayed action. In instant filters, the product list is updated automatically as soon as you select a parameter. In deferred action filters, you can start filtering by pressing the “Show” or “Find” button. If the target button is outside the first screen, some users will not be able to use it. An alternative solution is a pop-up help, which is a “substitute” for the filter button. 

12) The “Show more” button is used for loading products in the catalog, not punctuation or endless loading. Why is it important: endless scroll does not allow the visitor to get to the footer, where there are useful links that allow him to contact the store, learn more about delivery and payment, etc. Compared to pagination, the button “Show more products” creates less cognitive load – the visitor answers a simple question “yes (show more products)” or “no (do not show). This provides more attention to individual products, rather than interface management. 

Item Card (Description Page) 

13) The page title contains the name of the product. Why is it important: the title and photo are the main page identifiers for users. 

14) It is possible to select or manually set the number of products to be added to the shopping cart. Why is it important: without the functionality to change the number of added products, an attempt to buy 2 or more identical products is accompanied by difficulties for users. 

15) The card contains information about payment and delivery conditions. Why it is important: information about delivery and payment conditions is used when making a purchase decision. Users may interrupt their interaction with the site if they do not receive appropriate responses on the product card. 

16) The card contains information about product availability. Why is it important: product availability is one of the main factors in making a purchase decision. If a product is out of stock, you must specify when it is expected to arrive and whether pre-order is possible. 

17) The button to add an item to the shopping cart visually stands out from the rest of the page content. Why is it important: the button of adding an item to the cart indicates the main scenario of further interaction with the store. It should be visible to users with any experience and physical capabilities.