The swatches described in the first part of the article are interactive ones. The main feature of interactive swatches is the ability to compare different colors directly from the product list without visiting the product page (see the gif below).
Non-interactive swatches require customers to visit the product page, thus reducing the UX benefits of the swatches. So, consider adding interactive swatches for the best user experience
, especially if you sell visually-driven products, such as clothes, shoes, beauty products, furniture, or decor.