【实战案例】优惠券界面设计的影响

本篇分享在电商场景下，优惠券的界面设计对用户行为的影响，推荐给设计师、初级运营/产品经理/数据分析师或对此感兴趣的朋友阅读。

读完本篇，你会了解到：
1. 优惠券要包含哪些关键信息？
2. 如何用数据评估，并选出最优设计样式？

案例来啦>>>

发放优惠券是电商的重要促销手段，部分企业在市场推广、双11、会员活动等阶段，以优惠券吸引顾客下单，因此优惠券页面设计是否能准确引导顾客下单，就尤为重要。

请大家先来思考，下面这张图片，你更喜欢哪个设计样式？以及为什么喜欢这个样式？
（注意先思考这个开放问题，没有标准答案的哦）

1. 首先分析上图中3个样式有何异同

相同点：包含的信息点相同，都有券名称、有效期、商品图片、去使用券的按钮、查看券的使用规则按钮
不同点：各个信息点的位置/文字描述有差异（注意思考差异设计的原因哦）

样式1：优惠券名称从左往右（符合用户浏览习惯），[兑换]按钮靠左，[查看详情]靠右（猜测更多的用户喜欢右手大拇指点击）；
样式2：商品图片靠左（图片信息主导），优惠券名称靠右，[查看详情]按钮靠左，[使用]按钮靠右（着重引导用户点击[使用]）；
样式3：优惠券名称从左往右，商品图片靠左下方，[使用规则]按钮靠左，[使用>]按钮靠右（[使用]按钮多了一个>导向）。

大家现在是不是有这样的疑问：3种样式都有从用户角度出发，且都有可取之处，那么到底选哪个样式上线呢？（讨论这个问题的时候，总不能谁声音大听谁的吧！！！）

2. 如何用数据选出最优设计样式？

在用数据评估产品设计时，涉及到的分析角度是非常多的，比如：图片点击率、查看详情点击率、兑换率等；
因此需要先思考这个页面需要给用户提供什么？显然，优惠券列表就是告诉用户，有折扣快来来来买！！！
那么在数据指标评估的重点就应该放在[兑换] | [使用] | [使用>]按钮的点击率上。

tips：由于不同的优惠券折扣对用户使用的点击率影响是非常大的，比如【满50减20】的券就比【满100减10】的券更有吸引力，使用率也会更高；为减少干扰项，尽量在持有的优惠券面额相似的用户群体中做AB测试，来对比点击率。

来看测试结果>>>

如上图数据：
1> 样式2、样式3在引导用户[使用]优惠券表现是更优的
2> 同时发现样式1在设计上引导了更多用户点击了[查看详情]，个人理解样式1是与用户点击行为习惯不符合的
综合评估：样式3>样式2>样式1

如果有任何疑问/讨论，欢迎随时留言/私信小编~~~