图片

如何设计一个优惠券奖励弹窗?

发布时间:2023-9-15 9:37:37 浏览次数:

如何设计一个优惠券奖励弹窗?我总结了4个维度!

一、内容

优惠券弹窗的内容就是弹窗承载的信息,根据信息的归类,主要分为两部分,即弹窗内容、优惠券内容。

弹窗内容是除优惠券以外的信息,包括弹窗标题与弹窗视觉。一般在平台发放优惠券的时候,会有多种优惠券类型存在,如针对全平台的,针对营销板块的等等,所以在设计弹窗内容的时候,也需要根据不同的运营目标做区分。弹窗标题需要跟对应营销内容做关联,而弹窗的视觉风格也需要与对应的营销风格保持一致。这样做一方面能将不同的弹窗类型做区分,同时也能让用户提前感受到对应营销板块的氛围。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

而对于优惠券内容的设计,往往是根据优惠券在后台创建时所选择的内容决定的。但是在一般中小企业中,并没有完善的优惠券后台管理系统,所以此时就需要产品设计师来根据过往经验定义一些基础字段,来满足当前的营销需求,主要包含优惠券名称、类型、面值、使用条件、使用时间。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

二、形式

说起弹窗,大家的第一印象可能是居中弹窗,居中弹窗的优点在于能让用户更聚焦在弹窗的内容,从而提升弹窗中优惠券的转化,但是当平台过多的居中弹窗出现时,会打断用户在平台的操作连贯性,导致用户体验不佳。所以优惠券弹窗除了选择居中弹窗以外,对于那些轻量的优惠券,我们还可以用底部弹窗的形式,既完成了优惠券营销的目的,又不影响用户在当前页面的操作。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

除此以外,我们在弹窗的设计时,还要考虑弹窗的延展性。由于针对不同的场景优惠券的数量会有所不同,所以我们在设计之初要沟通清楚优惠券的最大数量,这样在设计弹窗的时候才能保证当承载最大数量的优惠券时,能在各种分辨率下都能完整的呈现;同时在视觉设计上,我们尽量让优惠券的背景保持纯色,这样我们仅仅需要将弹窗的顶部切图,剩下的让研发根据弹窗的数量做自适应。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

三、触点

触点即优惠券弹窗上的操作,提供什么操作是根据优惠券的领取规则决定的。一般优惠券主要分为两种:主动领取与自动发放。主动领取的优惠券需要用户在优惠券弹窗点击领取再发放,优点在于用户对于优惠券的获得感强,但是缺点是多了一步领取操作,从而增加了用户的转化链路。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

而自动发放即当弹出优惠券弹窗时,就已经发放给用户,只是在弹窗展示具体优惠券的面值等信息,此时操作的设定就要考虑优惠券的转化。我们在日常设计弹窗时,总喜欢加上“我知道了”按钮用来关闭弹窗,这种交互适用于一般的字段释义的弹窗,用来表明用户阅读弹窗信息后理解了字段的含义。而对于优惠券弹窗而言,除了知道获得了优惠券,还希望用户能立马带来转化,所以此时直接关闭弹窗就切断了优惠券的转化链路,那我们该如何设计操作呢?

如何设计一个优惠券奖励弹窗?我总结了4个维度!

显然我们希望提高当前优惠券的转化,就需要引导用户去使用优惠券,如何引导就需要结合优惠券的类型来设定。如果此次优惠券都是针对同一个板块,那我们就可以将"去使用“的按钮放在优惠券之外,引导用户跳转到对应可使用优惠券的板块;而如果每个优惠券对应的使用板块不同,那我们就需要将"去使用"的按钮放在各个优惠券上,来引导用户跳转到不同的板块去转化。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

除了转化操作的设计,还有一个操作就是关闭弹窗,不知道大家有没有注意到,目前大部分弹窗的关闭操作都是采用 icon 的形式,而且一般会出现在两个位置,即弹窗右上角与下方,那么到底该放在哪里呢?我们可以结合”阻力思维“来考虑。优惠券弹窗提供了转化操作,那么对于平台而言自然不希望用户看到后就关闭弹窗,所以就需要考虑关闭按钮放在哪里可以增加用户关闭的难度,显然根据用户持有设备的习惯来说,右上角比下方更难触达,所以关闭按钮放在右上角可能会在一定程度上增加优惠券的转化。

ps:我们可以通过 A/B 测来验证我们的猜想。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

四、转化

优惠券的设定能让用户感知到购买成本的降低,那该如何促进用户最终的转化呢?之前电商产品中,优惠券的使用是在下单页,我们选择优惠券,下单金额变更为折扣价格,后来逐渐的为了减少用户领取的链路,下单价格直接展示使用优惠券后的价格。但是当用户在优惠券弹窗点击"去使用"到对应的板块时,展示的是商品瀑布流,如何能让用户感知优惠券的存在?我们可以将优惠券前置,根据当前的优惠券面额与使用条件,展示对应商品的“券后价”,以此来增加用户的感知与优惠券的转化。

ps:券后价可能带来的研发成本较高,需结合具体的业务需求做考量。

如何设计一个优惠券奖励弹窗?我总结了4个维度!

结语

以上,就是笔者结合自己在工作中的经验,分享的一篇如何设计优惠券奖励弹窗的文章,经验有限,欢迎大家留言探讨!



图文来源于网络,侵删。

一、内容优惠券弹窗的内容就是弹窗承载的信息,根据信息的归类,主要分为两部分,即弹窗内容、优惠券内容。弹窗内容是除优惠券以外的信息,包括弹窗标题与弹窗视觉。一般在平台发放优惠券的时候,会有多种优惠券类型
如何设计一个优惠券奖励弹窗?
联系荣尚网络顾问
免费获得专属《策划开发方案》及报价详情。

多份参考,总有益处!

立即在线咨询

或拨打:134 0536 2733

企业微信客服
联系荣尚网络顾问
免费获得专属《策划开发方案》及报价详情。

多份参考,总有益处!

立即在线咨询

或拨打:134 0536 2733

企业微信客服