怎样设计礼券奖赏弹窗

每到吃饭的时候，我打开外卖 APP的时候，就会收到一张优惠券，每次我都忍不住大红包，把优惠券给花光了。但他又忍不住想，除了面值之外，优惠券的弹窗又是如何一步一步地引导用户，最后实现自己的转化的呢？

如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！

在今日的帖子中，本人将结合以往在特惠票弹窗设计上的心得，与各位一同探讨。 实际上，在电商平台中，优惠券是一个非常庞大的运营系统，我们在日常生活中所能接触到的只是优惠券在前台的展示和操作过程，而在这之后，还需要一系列的工作来作为支持，具体的工作具体包括：如何设置优惠券的转化目标，如何创建优惠券的创建，如何对优惠券的使用数据进行追踪等等。

本文暂时不会对这些内容进行太多的介绍，只对优惠券弹窗的前台产品设计进行分析。或许有人会说，优惠券的弹窗，就是一个窗口，用来传递优惠券的信息，并没有太多的设计和分析。我在第一次设计优惠券时，也是这么想的，不过在踩了很多坑之后，我发现还有很多可以挖掘的设计点，下面我将从内容、形式、触点、转化四个方面给大家介绍一下。而弹窗的内容则是除了优惠券之外的其他信息，其中还包含了一个弹窗的标题和画面。

通常情况下，在平台发放优惠券的时候，会有多种优惠券类型，比如针对全平台的，针对营销板块的等等。因此，在设计弹窗内容的时候，也要以不同的运营目标为依据。弹窗的标题要与相应的营销内容相联系，并且弹窗的视觉风格要与相应的营销风格相匹配。这样一来，既可以区分出各种类型的弹窗，又可以让用户在相应的版块中，提前感受到相应版块的氛围。而优惠券的内容设计，通常都是在背景中生成的时候，由其所选定的内容来决定。

然而，在一般的中小企业中，没有一个完整的优惠券后台管理系统，因此，这个时候就需要产品设计师来根据以往的经验，对一些基本的字段进行定义，以满足目前的营销需求，其中包括了优惠券名称、类型、面值、使用条件、使用时间。说到弹窗，人们对它的第一印象大概就是居中弹窗，居中弹窗的好处是可以让用户对弹窗中的内容更加关注，进而提高弹窗中的优惠券的转化率。然而，如果平台上出现太多的居中弹窗，就会影响到用户在平台上的操作连续性，从而造成不好的用户体验。

因此，优惠券弹窗除了选择居中弹窗之外，我们还可以采用底部弹窗的方式，这样不仅实现了优惠券营销的目标，还不会影响到用户在当前页面上的行为。另外，在设计弹窗的时候，也要考虑到它的延展性。因为在不同的场景中，折扣券的数目是不一样的，因此在设计时，我们必须明确折扣券的最大数目，以便在设计弹窗的时候，能够确保在携带折扣券的同时，能够在不同的分辨率下完全显示出来；在视觉效果上，我们尽可能地把所有的奖品都变成了一个颜色，所以我们只需要把所有的奖品都剪掉就可以了，其他的部分，就交给研发团队来调整了。

触点就是在礼券弹出窗口中的动作，按照礼券的获取规则来确定该动作。普通的优惠券有两种，一种是主动领取，另一种是自动发放。主动领取的优惠券，需要用户在优惠券弹窗中点击领取，再进行发放。这样做的好处是，用户对优惠券的获得感很强，但坏处则是多了一步领取操作，从而提高了用户的转化链路。而自动发放，也就是在出现优惠券的弹窗的时候，它就已经发给了用户，只会在弹窗中显示出具体优惠券的面值等信息，在这种情况下，需要对优惠券的转换进行考虑。每天我们都会在弹窗口中添加一个“我知道了”按钮以关闭这个弹窗口，这个操作可以用来表示一个字段释义的弹窗口，它可以让用户明白这个字段的意思。

至于打折的窗口，如果你拿到了打折，你也想让你的打折行为立刻转化为你的打折行为，如果你把打折的窗口关掉，就等于把打折的转化链路给斩断了，你觉得你应该怎么做？很明显，我们想要提升目前的优惠券的转换率，就必须要对其进行指导，而具体的指导方式则要与优惠券的种类相结合。如果这次的优惠都是针对同一版块，那么我们可以在优惠版块外放置“去用”按钮，让用户直接进入相应的优惠版块；如果每一张优惠券所用的版块是不一样的，那么我们就可以在每一张优惠券上都设置一个“用”的按钮，这样就可以让用户进入不同的版块，进行购买。除了转换功能之外，另一项功能便是关掉弹窗，不知各位是否发现，现在大多数的关掉都是以 icon的方式进行的，并且通常会在两个地方显示，一是在右上方，二是在下方。

这一点，我们可以和“抵抗思想”联系在一起。优惠券弹窗提供了转化操作，因此对于平台来说，自然不希望用户在看到之后就直接将弹窗关闭。因此，就需要考虑将关闭按钮放置在哪里会让用户关闭的难度变得更大。很明显，从用户持有设备的习惯来看，右上角要比下方更难触摸到，因此将关闭按钮放在右上角可能会在一定程度上提高优惠券的转化。折扣的设置可以使用户感觉到他们的购物费用减少，那么怎样才能促使他们最后的转换？

以前，在电商产品中，使用优惠券的时候，是在下单页面上，我们选择优惠券，下单金额就会改变为折扣价格。后来，为了缩短用户领取的链接，订单价格会直接显示出使用优惠券后的价格。但如果你点开优惠券的弹窗，点开“去使用”，你就会看到一大堆物品，你怎么可能感觉到有优惠券？我们可以把折扣券放在前面，按照折扣券的面值和使用情况，给出相应的“券后价”，从而提高消费者对折扣券的认知和转化率。以上，就是笔者结合自己在工作中的经验，分享的一篇如何设计优惠券奖励弹窗的文章，经验有限，欢迎大家留言探讨！

总结：

天津天迅达科技有限公司从业多年，积累丰富项目经验，能帮助您做出您想要的产品。

 以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~ 

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

 标签：天迅达科技 天津APP开发 天津网站建设 网站建设