1.体验概览图

2.必备体验规范

2.1 授权与登录：在必要的节点向用户申请授权、引导登录

• 在必须要申请授权或登录时（如影响到内容呈现或下一步使用），再向用户申请授权、引导登录；
• 当前已有半层时，拉起申请授权则需要将上一个半层收起，避免同时出现多个半层；

申请地理位置授权	申请手机号授权	申请导入抖音地址授权	申请用户头像、昵称授权	需要关联账户时引导登录

2.2 从抖音进入小程序：衔接用户前后的交互行为

• 点击商品卡片拉起全屏小程序，进入商品详情页；
• 点击“去抢购”button拉起全屏小程序，若需要选规格则拉起选购浮层，不需要选规格则打开提单页；

2.3 购买下单：通过用户的当前定位，及时告知商品的可配送信息

• 当前定位可配送：显示附近的可配送门店；
• 当前定位不可配送：告知用户当前定位不可配送原因；

2.4 后约下单：衔接用户前后的交互行为

• 点击“去使用”跳转小程序货架页面，若需要选规格则拉起选购浮层，若不需要选规格则添加至购物车，且已购买可兑换商品置顶；
• 点击“去结算”跳转提单页，默认选中已加购物车的商品券；

2.5 后约下单：通过用户当前位置，匹配附近门店和商品

• 可通过定位授权组件，可快速获取用户的地理位置，避免刚进入小程序就让用户输入完整的收货地址；
• 定位逻辑建议：1）用户打开定位，若定位围栏200m有收货地址，展示该收货地址的POI名称；2）若定位附近无收货地址，展示该定位的POI名称；3）用户无定位，若有IP的情况展示用户所在城市；4）若无IP的情况出发开启定位提示条；

2.6 后约下单：完善各种不可配送的异常状态及引导

• 不可配送时告知用户原因，并且引导用户切换配送地址或进行申请售后；

2.7 后约下单：与前置页面的收货地址保持一致

• 接入门店组件，获取前置页面用户已选择的收货地址，避免用户反复选择地址；

2.8 配送与售后：有稳定的主功能操作区，包含退款与客服入口

1）突出当前订单状态的主要功能入口

• 在首屏显示当前订单状态的主要功能入口，可放置页面中间操作区域，便于用户进行操作；

2）订单详情中有明确的退款和客服入口

• 在首屏显示申请退款入口，可放置页面底部操作栏和中间操作区域
• 在首屏显示客服入口，且客服可以及时进行响应

3.建议体验参考

3.1 提单支付：在后约下单时支持用户加购商品

3.2 提单支付：使用抖音已有收货地址，提高输入效率

• 接入导入抖音地址组件，让用户快速选择抖音内已有地址，避免反复输入收货地址

3.3 提单支付：在下单前、送达后增加避免浪费提示

• 在下单前提示用户适量点餐，避免浪费，在送达后提示用户厉行节约，避免浪费

3.4 配送与售后：通过地图显示配送状态与骑手位置