手机淘宝购物车加支付原型图

2018-03-02  本文已影响0人  晗_5503

购物车页面原型图

购物车页面

说明: 

1.购物车(x) x为购物车中商品种类数量(非总商品数量,同理结算(0) 0为结算时商品种类数量。

2.管理购物车 包含清理工具,移入收藏夹以及删除。所有操作必须勾选中相应商品才可操作,移入收藏夹会将商品从购物车移入至收藏夹内,删除则会直接将商品从购物车中移除。

3.勾选店面前面 圆形 按钮 能全选下方此店铺所有商品(购物车内商品)。

4.勾选商品图片前面 圆形 按钮 仅代表选择此商品,并且当购物车中同一个店铺仅有一件商品时,用户勾选此商品图片前 圆形按钮时,该商品店铺前 圆形按钮也会被默认勾选。

5. 全选前的 圆形 按钮 为一键选中所有购物车内商品,当购物车内所有商品都被勾选时,全选前的按钮会被默认勾选。

6.领券 为不固定按钮,具体根据不同店铺决定,且同一个店铺的优惠券只能选取一张,默认选择优惠额度更大的优惠券。

7.编辑图标可以随时更改商品数量,颜色,套餐等信息。

8. 推荐商品右下角 ... 图标 代表 查找相似商品。

9. 用户点击结算时,当选中的商品有下架,或缺货等情况时,需要有小弹窗提示用户,商品状态为下架或缺货,提醒用户选购其他相似商品。


领券窗口原型图

领券窗口

结算页面原型图

结算页面

地址页面原型图

地址页面

支付页面原型图

支付页面

说明:

1. 支付有时间限制,访问已超时,需要稍后再试。

2. 添加银行卡付款,自动识别卡号,如卡号失效需提醒用户重新输入有效卡号。

3. 帮助页面提供各类问题解决方案,如无法解决等特殊情况可联系淘宝智能机器人。

4. 找朋友帮忙付有四种方式,包含面对面扫一扫,微信好友支付(非微信支付),支付宝好友支付以及通讯录好友支付(需要获取用户通讯录特权才可操作)。

5. 付款时需要输入支付宝验证码完成最后的支付确定。

上一篇 下一篇

猜你喜欢

热点阅读