eCommerce: How to Show Product Prices
Finding the best way to display the price of a product in a price tag on an eCommerce product page can be challenging. A/B testing can certainly help, but it is also essential to understand why specific sizes and colors are working better than others.
The Psychology of Price
It’s not always intuitive that the best way to display a price is to use a medium font size. Clarity would recommend a bigger font, but we humans perceive numbers occupying more screen space as more substantial than numbers taking a smaller space. We all perceive products with a price displayed with big fonts as more expensive. Therefore, when displaying a competitive price, we need to stay away from big sizes to avoid confusing our visitors. Our website can achieve the same clarity of a big font by using a sharp contrast between the price and the background.
…we need to stay away from big font sizes to avoid confusing our visitors, and we also want to avoid small font sizes to make it easy for the user to find and read the price
The Novedge Case Study
The image on the left shows the price tag of a product on the Novedge website (at the time of this article I was in charge of the company website). I determined the optimal size and contrast of the selling price with a series of A/B tests. As expected, the A/B testing results confirmed the theory about the balance between small and big fonts.
In this price tag, the price area has also to compete for the user’s attention with all other components of the price tag, in particular with the green “variants” selectors. As a merchant and reseller, Novedge, had no control over the number or the complexity of the product’s variants, Novedge only controls how to present those options to the customers. The price-size is just one of the many choices and decisions a designer has to make when creating a price tag. Most of the options and pieces of information you see on the price tag are so critical that they are almost mandatory. Indeed, the price tag must meet the expectations of the visitors and provide the core information to allow him/her to make a decision and click on the [Add to Cart] button. As designers, we also need to meet the expectations created by the look and content of the most popular eCommerce websites. Other price tag’s components are intended to convey additional important information about the product offer, such as the variants.
Remove or Leave the Dollar Sign?
Some website removes the dollar sign (or your local currency sign) to simplify the price display further. Removing the currency symbol is an option that should be carefully evaluated. If you have customers purchasing from abroad, the lack of a currency sign can create unpleasant misunderstandings that should be avoided. If you are selling only to the domestic market and there no ambiguity about the meaning of the number indicating the price, then you can get rid of the $ sign.
If you are selling only to the domestic market …then you can get rid of the $ sign
How to Select the Right Components for the Price Tag
There are other components that are competing for real estate in the price tag area. The most common are MSRP, discount, SKU, UPC, “Competitive Price” label, and territory. Which one of those optional items should be included? Where to position them? How much relevance to give them? Those are difficult questions, without a simple straight answer. For a small and medium eCommerce website, it can also be challenging if not impossible, to measure the impact of each one of those options with an A/B test. Most of those elements are not clickable, and their contribution to the conversion rate is in the hundredth or thousandth of a point. For those options, A/B tests don’t provide a level of confidence to support a decision. Here is where intuition and a solid marketing strategy can help you to make the best decisions.
Franco lives and works in the eCommerce territory, a wild area between the Kingdom of Technology and the Land of Marketing. He speaks fluently the language of both realms. For many years, Franco has been helping people bridge the divide and successfully collaborate.
If you want to find out more about Franco, visit his LinkedIn profile or send him an email folini[at]gmail.com
