1. 首页 > 站长

外卖产品优惠券功能设计(二)

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

外卖产品优惠券功能设计(二)(图1)

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

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

  优惠券相关信息结构

  优惠券信息结构

外卖产品优惠券功能设计(二)(图2)

  分享红包信息结构

外卖产品优惠券功能设计(二)(图3)

  功能详述与原型设计

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

外卖产品优惠券功能设计(二)(图4)

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

  订单详情页

外卖产品优惠券功能设计(二)(图5)

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

  红包H5页面母版

外卖产品优惠券功能设计(二)(图6)

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

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

  红包H5发放优惠券页

外卖产品优惠券功能设计(二)(图7)

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

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

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

  参考阅读:

  外卖产品优惠券功能设计(一)

  本文由 @lianbo2006 原创发布。未经许可,禁止转载

  题图来自Unsplash,基于CC0协议

声明:OurSeo登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,请读者仅作参考,并请自行核实相关内容。如有侵权请联系我们,会及时删除,如若转载请注明出处。

联系我们

在线咨询:点击这里给我发消息

微信号:wutian08

工作日:9:30-18:30,节假日休息