细节：折扣商品价格的显示
前言
今天想和大家聊一个小的产品细节 —— 折扣价格的显示。
随着电商网站的日益热火，价格的显示在电商类产品设计中越来越重要。尤其是在商品列表页，既然选择了让利优惠去促进销量，那么怎样才能更好的吸引用户的目光，就成了产品设计时需要重点关注的一个地方。
常见的折扣价格显示主要有两种：显示折扣及优惠后的价格 和 显示原价及优惠后价格。让我们一个一个来讲。
显示原价及优惠后价格
先随便找几个例子。
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块」，而不是「买这个手机壳，我省下了一半的钱」。
直接显示优惠金额
强化用户对「优惠力度」的认知，同样也有益于刺激用户的感性消费。当通过心理暗示，让用户错误的感觉到自己的购物的行为不是在「花钱」，而是在「省钱」，那就很难再去阻止用户掏出自己的钱包了。
