先买后约+立即配送体验标准
1.体验概览图

2.必备体验规范
2.1 授权与登录:在必要的节点向用户申请授权、引导登录
- 在必须要申请授权或登录时(如影响到内容呈现或下一步使用),再向用户申请授权、引导登录;
- 当前已有 半层时,拉起申请授权则需要将上一个半层收起,避免同时出现多个半层;

申请地理位置授权 | 申请手机号授权 | 申请导入抖音地址授权 | 申请用户头像、昵称授权 | 需要关联账户时引导登录 |
---|---|---|---|---|
![]() | ![]() | ![]() | ![]() | ![]() |
2.2 从抖音进入小程序:衔接用户前后的交互行为
- 点击商品卡片拉起全屏小程序,进入商品详情页;
- 点击“去抢购”button拉起全屏小程序,若需要选规格则拉起选购浮层,不需要选规格则打开提单页;

2.3 购买下单:通过用户当前定位提前告知商品的可配送信息
- 当前定位可配送:显示附近的可配送门店;
- 当前定位不可配送:告知用户当前定位不可配送原因;

2.4 提单支付:下单时支持切换配送方式
- 正常状态:默认显示立即配送的方式
- 异常状态:商家休息时告知用户无法立即配送,地址超配时支持用户切换地址

2.5 提单支付:与前置页面的收货地址保持一致
- 接入门店组件,获取前置页面用户已选择的收货地址,避免用户反复选择地址;

2.6 后约下单:衔接用户前后的交互行为
- 点击“预约配送”跳转后约提单页

2.7 后约下单:完善各种不可配送的异常状态及引导
1)商家已打烊时,引导预约明天可配送时间;2)当前位置不可送:引导用户切换地址,或申请退款

2.8 配送与售后:有稳定的主功能操作区,包含退款与客服入口
1)突出当前订单状态的主要功能入口
- 在首屏显示当前订单状态的主要功能入口,可放置页面中间操作区域,便于用户进行操作;

2)订单详情中有明确的退款和客服入口
- 在首屏显示申请退款入口,可放置页面底部操作栏和中间操作区域
- 在首屏显示客服入口,且客服可以及时进行响应

3.建议体验参考
3.1 提单支付:使用抖音已有收货地址,提高输入效率
- 接入导入抖音地址组件,让用户快速选择抖音内已有地址,避免反复输入收货地址

3.2 后约下单:后约下单时支持用户加购商品

3.3 后约下单:在下单前、送达后增加避免浪费提示
- 在下单前提示用户适量点餐,避免浪费,在送达后提示用户厉行节约,避免浪费

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

该文档是否有帮助?