京东购物车需求说明 v2.3
作者:于现东
日期:2016.03.17
日期
内容
涉及人员
*文档在word导入简书时格式混乱
一、概述
1.1背景
为解决用户一次购买多个商品的需求,增加购物车功能。
1.2目标
1.优化购物体验;
2.提升每日商品交易量,预计提升10%以上;
二、购物车需求说明
2.1购物车页面入口
2.2购物车页面结构说明


1.当点击全部商品:显示购物车被勾选的商品数量,随用户操作实时显示;
2.当点击配送至:判断用户当前位置,可手动更改,以用户位置显示购物车各商品库存量信息;
3.点击全选:全选,则勾选所有商品;
取消全选,则取消所有商品的勾选状态;
三、购物车功能说明
3.1商品促销活动

说明:
1. 促销活动分为满减、换购两类,如某商品同时支持两项,优先展示换购;
2. “活动商品购满199元,即可…”代表该活动详情,由运营方后台手动编辑;
3. _blank链到“凑单页”,参考:http://coudan.jd.com/coudan.html?187956833 (?187956833代表某一凑单活动,运营方后台创建);
4. 支持换购的商品,有“查看换购品”功能,点击展开可换购的商品,参考下图;

5. 支持促销活动的商品,在价格位置支持切换活动项目,只能单选其一,参考下图:

3.2购买礼品包装

说明:
1. 部分商品支持“购买礼品包装”,点击弹出确认浮层;
2. 点击“去购买”,链至:http://cart.gift.jd.com/cart/cart.html
3.3商品无货

如判断购物地址无货购物车变为灰色,并且不可选
3.4删除

直接将该商品从用户购物车删除;
3.5移动我的关注

点击“移动我的关注”,弹出移到关注浮层,确定后关注该商品,并从购物车删除该商品;
3.6优惠券

1.优惠券是商家优惠券,领取后对该商铺所有商品有效,内容由店铺运营人员控制。
2.如图,领取满4999减50后,在此店铺消费满4999后,自动减50元
3.7赠品

点击自动跳转自赠品商品详情页。如赠品已下架将如下图
3.8购买京东服务
点击会弹出浮窗,根据不同商品推荐不同的增值服务

1.电脑

2.衣架

由京东运营更改
3.9第三方商家商品

1. 商家全选,选中则勾选该商家旗下所有商品;
2. 商家名称,点击链至商家首页,参考:http://mall.jd.com/index-82071.html
3. 咚咚(铃铛),点击链至商家聊天页面,参考:http://chat9.jd.com/index.action?entry=cart_shop&venderId=23035
如 铃铛变为灰色则在商家聊天页面提示

4.其他情况与京东自营相同
四、特殊情景user case
4.1用户购物车商品不足
当购物车没有商品时

点击去购物 跳转到JD首页
4.2购物车内商品无货
当货品已经在购物车时是无货的。
1.添加后被购买
2.在进入页面的一瞬间加入购物车按钮未及时变灰就被添加
3.在浏览详情页时变为无货,然而页面未刷新
在购物车内展现形式

说明:
1. 商品图片显示“找相似”功能,详情参考3.3.1找相似说明;
2. 商品数量显示“无货”;
3. 显示“到货通知”,点击弹出到货通知浮层,详情参考3.3.2到货通知;
4.2.1 找相似
4.2.2到货通知

前置条件:需用户登录,否则弹出用户登录浮层;
四、页面推荐模块说明
在加入购物车后,会_blank提示页面,可选择立即结算或继续购物,下方有根据本商品推荐的相似商品,或者配套商品

当鼠标滑过时会显示历史价格

但点击加入购物车时

会弹出浮窗

页面右侧一栏列出我的购物车含有的商品

五.详情页外“我的购物车”按钮说明
购物车按钮一直在页面右上角,保证用户随时都可以到购物车进行结算。
1.当点击我的购物车时进入购物车页面
2.当鼠标划过按钮时
对出现悬浮菜单,提示购物车内已有商品
3.点击删除
直接可以删除购物车内的相应商品。
网友评论