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

  • 来源:Ziya
  • 更新日期:2018-04-28

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

前言

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

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

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

显示原价及优惠后价格

先随便找几个例子。

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块」,而不是「买这个手机壳,我省下了一半的钱」。

产品设计 折扣网 团购网站 网站设计

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