发送优惠券的H5界面,如何设计?

11 评论 17576 浏览 169 收藏 10 分钟

优惠券的设计,是现在互联网拉新、促活最为常见的手段之一,因为前期的不论是外卖平台,还是打车平台,都疯狂的通过优惠券的手段拉取更多的新用户,以此造成的用户心理是:有优惠吗?日常优惠多少?新用户优惠多少?

背景:

你是某餐饮类app的产品经理,由于公司推广需求,现在需要设计一个针对新老用户发送优惠券的H5界面,用于微信里用户自发的分享传播。

要求:

以H5为载体,主要用于微信聊天窗和朋友圈的分享「此处为两种分享模式」。

注意分享的流程以及流程里必备的判断。注意后台逻辑和前端逻辑的配合,不要忽略后端。

重要的页面需要完整原型,其他页面需要简单的页面流程,需要有整体的串联。

要做的工作:

(1)明确需求背景

  • 需求分析:通过简单的产品功能调研,提供决策过程和依据;
  • 需求目的:明确需求目的和功能列表。

(2)梳理流程所处的模块关系:业务逻辑、业务流程、页面流程

(3)功能详细介绍:原型设计

(4)考核指标和计算方法

简述:

产品:某餐饮APP

系统版本:iOS 12.0

要求:由于公司推广需求,设计一个针对新老用户发送优惠券的H5界面,用于微信里用户自发的分享传播。

更新日期:2018年11月11日

版本信息

1. 需求背景

目的:进一步推广APP,拉取更多新的用户,留存、促活更多老用户。提高App活跃度,增加订单量。

方案:设计针对新老用户发送优惠券的H5界面,用于微信里用户自发的分享传播;通过优惠券措施提高客户消费的意愿。

2. 需求分析

概述:给产品增加优惠券的需求,可以定向或者公开的向用户发放优惠券,用户在下单时候可以使用优惠券,抵相应金额的功能。

2.1 用户-场景-需求分析

用户-场景-需求分析

优惠券的设计,是现在互联网拉新、促活最为常见的手段之一,因为前期的不论是外卖平台,还是打车平台,都疯狂的通过优惠券的手段拉取更多的新用户,因此造成的用户心理是:有优惠吗?日常优惠多少?新用户优惠多少?

针对这种普遍的用户心理,结合用户当前的需求,整理出实现优惠券发放和使用功能的具体的功能点如下:

  1. 后台生成的优惠券;
  2. banner页展示优惠券;
  3. 具体的内容以H5的形式展现给用户;
  4. 领取流程简单,清晰;
  5. 优惠券有不同的梯度;
  6. H5页面引导下载App。

2.2 产品需求分析及排序

按产品需求四象限排序法(开发难度大小,受众广度两个维度),将上述6项需求进行排序:①  > ③ > ④ > ⑤ > ② > ⑥

3. 需求目的与功能列表

需求目的与功能列表

4. 功能详细介绍

  • 领取前,用户可通过app内,运营人员分享出的链接等渠道,发现该活动。
  • 领取时,通过手机号判断是否是新用户,新用户领取一张5折优惠券,老用户领取一张8折优惠券。
  • 分享时,用户领取后,引导用户转发该链接,其他用户通过该链接成功领取优惠券并成功消费后,返还一张8折优惠券给该用户。
  • 消费时,自动使用在有效期内的优惠券,后台折算新的价格,用户支付新的价格成功后,优惠券失效。
  • 消费后,判断该优惠券领取的来源(通过哪位用户分享的链接),如果有,则自动发放给该用户一张8折优惠券。

5. 模块关系

5.1 业务逻辑

业务逻辑

5.2 业务流程图

业务流程图

5.3 页面流程图

页面流程图

5.4 原型图

前端原型图

后台原型图

6. 考核指标与计算方法

6.1 需要收集的基础数据

需要收集的基础数据

6.2 考核指标

  • 考核用户自发传播效果:分享率=(分享总量/点击总量)*100%
  • 考核用户对优惠券的接受程度:领取成功率=(领取成功量/点击总量)*100%
  • 考核本次活动拉新情况:拉新率=通过优惠券新注册总量/注册总量*100%
  • 考核本次活动促活情况:促活率=(日均活跃人数-原日均活跃人数)/日均活跃人数*100%
  • 考核本次活动整体情况:使用率=使用优惠券量/领取成功量*100%
  • 考核二次传播效果:二次发放率:二次发放量/领取成功总量*100%
  • 内部数据与外部数据对比分析等。

附:产品功能点调研

(1)调研目的

最近某餐饮类app需要上优惠券发放功能,以此提高用户使用率,参考一下竞品的功能点,寻求借鉴之处。

本次调研选用「饿了吗」app中优惠券发放功能。

(2)功能点分析

1)入口设置

  1. 首页banner(不定期活动入口),目前推广的是:老用户专享优惠福袋;
  2. 订单完成页(订单成功后,弹窗提醒分享红包)和订单完成页又上角红包图标;
  3. 二级页面(我的-推荐有奖;我的-我的优惠券)。

2)功能点简述与利弊

  • 首页banner页展示个用户,点击后直接进入H5主页面,直接自动领取已经设置好的优惠券(专门针对老用户),并直接存在在我的优惠券中,用户在下单时,符合使用条件的优惠券默认使用。在优惠券列表中,可以直达符合该优惠券使用的商品页面。(高效、便捷)
  • 订单完成后通过弹窗提示和图标,引导用户给好友“送福利”,发放红包,其他用户点击该链接,完成验证后领取相应的优惠券,在使用中选择符合订单的优惠券,达到获取减免的效果。

分享途径包含微信好友、群聊、朋友圈、qq好友、群聊、qq空间等。

对于第一次领取红包的用户需要先绑定手机号(app的账号),完成验证后方可领取,对于非第一次的用户,点击链接可以直接领取(后台默认保留用户信息)(设置有限数量的红包,刺激用户快速点击,但随机性比较强)。

  • 拉新手段之一,通过推荐新用户使用app,不仅新用户会获得红包,新用户在限时内消费后,推荐者也可以获取奖励金(拉新、简单粗暴、效果不明显)。

(3)业务逻辑

业务逻辑

(4)结论

  1. 借鉴banner页活动展示(更高效的触达用户)
  2. 借鉴拉新手段,拉取一位新用户,获得相应的奖励。

 

本文由 @ 石头 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 感恩♥️

    回复
  2. 是的呢

    回复
  3. 是的,哈哈哈😄

    回复
  4. 哈哈哈哈哈哈看起来跟我深有同感的不止我自己一个人啊

    回复
  5. 很不错~

    回复
  6. 1 新用户把优惠券分享出去是否能再获得8折优惠券?
    2 老用户在领了优惠之后分享到微信,是否可以点击自己分享的链接,输入手机号再获得8折优惠?

    回复
    1. 有道理!暂时还没考虑到,感谢指点!

      回复
    2. 设置优惠券的时候不是会设置限领次数 如果每人限领一张 那同个用户id就只能领一次吧

      回复
  7. 业务流程图是用的什么软件呢?还有那个框架图?

    来自上海 回复
    1. 流程图一般用axure,visio;
      框架图用Xmind,幕布等思维导图工具。

      来自福建 回复
    2. X mind和Axure

      回复