作者根据自己空想的一个外卖产品“来伊份”来设计用户分享红包，来主要讲讲优惠券所对应的信息结构、app内原型和部分红包H5的原型设计。

为了更好的锻炼自己的产品技能，准备实际设计一个产品的功能。自己日常使用的最多、最熟悉的产品莫过于外卖软件，并且在下单后的红包功能也确实为自己带来了不少便利，所以这一次我准备为自己空想的一个外卖产品“来伊份”来设计用户分享红包。

而本篇内容主要针对介绍优惠券所对应的信息结构、app内原型和部分红包H5的原型设计。

优惠券相关信息结构

优惠券信息结构

分享红包信息结构

功能详述与原型设计

订单支付完成分享红包弹出页

在用户支付成功一个订单转回订单详情后，要自动弹出红包分享弹窗，引导用户进行分享，分享图文消息内容可参考前文页面流程图中图文消息格式。

订单详情页

在订单详情页中增加“分享红包”点击区域，用户点击“分享红包”后，弹出红包分享弹窗，形式同上订单支付完成分享红包弹出页中所示相同，其余功能不做改动。

红包H5页面母版

母版包含了以下几个部分，由上至下分别为：产品logo区域、H5广告区域、信息填充区域、红包领取情况显示区域和活动细则区域。

下面针对领取红包中的不同情况进行叙述：

红包H5发放优惠券页

在优惠券H5中，优惠券的领取步骤最为重要的一环。在优惠券发放环节中，应该清晰明了的让用户获知本次优惠券的领取情况，并在H5页面中留下一个用户返回App的通道，引导想下单用户进入App。

在之后的版本中，可以继续添加优惠券消息通知的功能，也是吸引用户打开App的一种方式。H5中看朋友手气的功能主要是让用户了解该红包的已发放情况，并且可以作为红包后续拼手气功能的一个铺垫。

部分内容、图片来源于网络，若有侵权请告知作者，带来不便，敬请原谅。

参考阅读：

外卖产品优惠券功能设计（一）

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

题图来自Unsplash，基于CC0协议