细节：折扣商品价格的显示

前言

今天想和大家聊一个小的产品细节 —— 折扣价格的显示。

随着电商网站的日益热火，价格的显示在电商类产品设计中越来越重要。尤其是在商品列表页，既然选择了让利优惠去促进销量，那么怎样才能更好的吸引用户的目光，就成了产品设计时需要重点关注的一个地方。

常见的折扣价格显示主要有两种：显示折扣及优惠后的价格 和 显示原价及优惠后价格。让我们一个一个来讲。

显示原价及优惠后价格

先随便找几个例子。

Groupon

Groupon

京东闪购

京东闪购

美团网

美团网

易迅天黑黑

易迅天黑黑

我们可以看到，这种显示方式虽然能够很明确的告知用户 原价 及 优惠后的价格，但用户很难在第一时间搞清楚「优惠的力度」这个问题。

这样的设计，使用户在快速浏览时，目光只会被 优惠后的价格所吸引，用户的认知是基于 「物品」和「优惠后的价格」 之上的。只有当用户对该商品足够的熟悉，知道它的原价或门店价大概是多少时，看到优惠后价格，才能够很快的感觉到「嗯，真便宜」。

举个例子：

人们大多对话费有明确的价格概念，100元的话费优惠至70元，人们对这个「优惠后的价格」会感到明显的吸引力；但对于某些不那么熟悉的东西，比如原价9688元的iMac，优惠到7888元，给人的第一感觉很可能是「这东西好贵啊」，而意识不到已经比原价优惠了很多。

因此，有了下面这种价格显示方法。

显示折扣及优惠后的价格

同样先来看几个例子。

百度团购

百度团购

京东团购

京东团购

哇噻闪购

哇噻闪购

易迅团购

易迅团购

对比之前一种方式，这种显示方法在 原价 和 优惠后 价格的基础上，加入了明确的折扣信息，进一步完善了用户的认知。

但这种方式同样存在问题。

首先，人们对折扣的换算是有障碍的。即使只是8折、9折这样的整数折扣，我们也很难快速在脑海中得出「优惠力度」的清晰概念，而只能产生「优惠了一些」、「优惠了一小半」等模糊的概念。更何况还有8.3、6.6这样的小数计算。除非是大幅度的优惠，产生 2折、1.5折这种能够刺激眼球的折扣，否则很难达到吸引用户的目的。

两个枕套

相似的两个枕套，一个原价100元，打6.4折后是64元，另一个原价120元，打5.4折后是65元。后者给出了更多的让利，在列表显示上却得不到更多的关注。

其次，对于价格比较透明的商品，优惠幅度往往是不大的，很难像高利润商品一样做出大的折扣诱惑。一部4488元的手机，优惠到3788元，换算成折扣也仅仅是8.4折。前面已经说过，人们看到8.4折，第一印象只会是「只便宜了一点」。

如何优化

那么，如何对商品列表页的折扣价格显示进行优化呢？

我的思路是这样的 —— 既然是让利，就让用户一眼就能看到优惠了多少。在很多时候，与其遮遮掩掩的去显示优惠的折扣，还不如直接显示让利的金额。

还是两个枕套

数字，对于用户而言往往是最直观的。吃顿饭能省200多，买个手机便宜700块，用户很容易就能把「优惠的力度」加入到认知中。他们能清晰的认识到「买这个手机壳，我省下了99块」，而不是「买这个手机壳，我省下了一半的钱」。

直接显示优惠金额

强化用户对「优惠力度」的认知，同样也有益于刺激用户的感性消费。当通过心理暗示，让用户错误的感觉到自己的购物的行为不是在「花钱」，而是在「省钱」，那就很难再去阻止用户掏出自己的钱包了。