Microsoft Clarity: Free Heatmaps and Session Recordings for Website Optimization
As we designed and developed a custom Shopify theme for a fashion customer, we wanted to ensure that we designed an elegant and simple ecommerce site that didn’t confuse or overwhelm their customers. One example of our design testing was a more information block that had additional details about the products. If we published the section in the default region, it would significantly push down the price and add to cart button. However, if we published the information below, the visitor may miss that there were additional details.
We decided on making a toggle section aptly named More Information. However, when we published it on the site, we immediately noticed that visitors weren’t clicking on the section to expand it. The fix was quite subtle… a tiny indicator next to the section title. Once it was implemented, we watched our heatmaps and saw that an overwhelming number of visitors now interacted with the toggle.