目的

尝试输出京东商品详情页PRD

首页

页面布局

图片/视频介绍在上，价格标签，文案介绍在下；
产品介绍文案字数无限制，按行排列；点击后跳转【详情】版块；
【视频】：显示时长，提供播放按钮；

Wi-Fi网络下：点击播放—直接播放；
非Wi-Fi网络下：点击播放—流量消耗文案提示—确认播放；
暂停播放：左下角提供“播放”、“暂停”图标—点击—启动暂停/播放功能；
（设计不友好1：只能通过左下角点击或双击才能播放/暂停视频，单击视频页面无反应，与用户习惯单击视频中央启动播放/暂停习惯不一致，耗力）
【退出视频】：点击—退出视频播放；
【视频放大/缩小】：放大图标—点击—放大播放画面—再次点击图标—返回缩略画面；
【静音播放】：点击喇叭图标—静音—图标改变，去除声音—再次点击—出现声音，图标改变；
【视频分享】：点击—弹出分享路径—选择—跳转对应app—分享；
【取消分享】：取消按钮；
【视频与图片切换】
视频正在播放：向右滑动—自动暂停视频—进入图片介绍页面—返回视频页面—自动继续播放视频；
视频未播放：左右滑动—切换图片；

【图片】:显示总数与当前所在图片位置；突出当前图片所在位置；如共8张图，目前在第1张，则显示1/8，突出1;

【图片放大】:单击图片—进入预览模式—背景变白，呈现商品—画面中央显示图片总数与当前图片位置—再次单击—退出预览模式；
图片滑动到第一张/最后一张—再次滑动—无反应（不会跳转到商品详情页）；
所有图片不支持储存至手机相册；
（为什么京东商品图片不支持保存至手机相册？是版权原因？）

购物车

【加入购物车】

商品规格不同：点击—商品规格表—选择规格、数量—加入购物车—购物车晃动，提示加入成功；
数量范围：1—200；输入数量超过200时，自动变更为200；
（明确提示每次只能下单200件，不需要反复测最多能买多少。为什么是200？所有商品购物上限都是200吗？如果想买超过200件怎么办？）
商品规格相同：点击—直接加入购物车；

【购物车】：点击图标—跳转至购物车页面—左上角提供返回上一页功能；

【购物车数量更新】
基本逻辑：基于商品种类差异而不是数量差异更新；
【不更新】
已有同品类商品，增加/减少数量：点击—加入/移出购物车—购物车晃动—数量不更新；
（比如购物车里已经有一瓶柠檬味“清扬”洗发水，再加入相同商品，提示加入购物车，数量不更新）
【更新】
无同品类商品：点击—加入/移出购物车—数量更新；
（比如购物车里无洗发水的情况下，加入一瓶新的洗发水，数量更新）
同类商品不同规格：点击—选择不同规格—加入/移出—数量更新；
（比如购物车里已经有一瓶柠檬味“清扬”洗发水，再加入其他味道/不同大小的清扬洗发水，购物车晃动，但数量更新）
问题：购物车可容纳商品数量是否有上限？
屏幕快照 2019-06-09 上午11.32.24.png

立即购买

【立即购买】：点击—选择规格、数量—额外服务—确定—订单结算页；
【轻松购】：点击—选择规格—默认数量为1—订单结算页；

立即购买跟轻松购除了默认数量为1之外有什么不一样？
轻松购：快速帮用户决策，包括商品种类和数量；
立即购买：用户自主决策种类、数量、额外服务等；
加入“轻松购”功能实际上是减少用户的思考决策时间，减少纠结成本，把购物过程最简化；

【取消购买】：点击—规格数量页—右上角取消功能—取消购买的商品移入购物车；

降价通知

没有覆盖全品类商品，观察后只覆盖高价商品如电器类，畅销商品；
（之前是提示降价短信通知，近期改版成智能通知界面）

【降价通知】：点击—进入咚咚智能通知界面—确认是否通知—是（设置价格/不设置价格）/否：左上角返回上一页；

bug：是否设置降价通知，图标无变化，用户并不清楚自己是不是已设置过了；
确认设置降价通知，如何通知没有明确告诉用户；

关注

【未关注】：红心空心，显示关注文案；
【关注】：点击—红心变亮，变实心—文案提示已关注；
【取消关注】：点击—红心返回未关注状态；

省略功能

【省略】：点击—出现其他功能页面—点击—跳转对应页面—点击空白处—隐藏省略功能；

【数量提醒】：未读消息数量提醒—点击页面—读取消息—数量更新；

    --不读取消息--数量不更新；<br />![屏幕快照 2019-06-09 下午2.58.03.png](https://cdn.nlark.com/yuque/0/2019/png/327026/1560063492676-dd7a6587-b6b2-4ca2-a0d8-4d14c56e016f.png#align=left&display=inline&height=1340&name=%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202019-06-09%20%E4%B8%8B%E5%8D%882.58.03.png&originHeight=1340&originWidth=1676&size=614167&status=done&width=1676)

固定功能

【顶部栏】：页面滑动时，从左到右依次固定【返回上一页】、【商品】、【详情】、【评价】、【推荐】、【分享】、【省略】功能—点击—跳转对应页面；
【底部栏】：固定【客服】、【店铺】、【购物车】功能—点击—跳转对应页面；

小亮点：
【榜单】：设置排行榜标签：xx排行榜—显示商品排名/入榜信息—吸引用户查看更多；
1.有趣；增加商品吸引力；2.用户点击查看更多，增加购买可能性；
屏幕快照 2019-06-09 下午3.13.17.png

【分享】：点击—弹出分享途径—选择途径—确认分享；
【取消分享】：点击—弹出分享途径—取消—返回详情页；

（bug：点击【复制链接】—显示复制成功—如何使用链接完全没有提示；链接分享有效期也没有明确说明）
屏幕快照 2019-06-09 下午3.24.00.png

商品界面

【店铺名称】/【进店逛逛】：点击—进入店铺主页—左上角返回上一页；
【联系客服】：点击—跳转客服对话页面—左上角返回；
【为你推荐】

共4个页面；
单一页面共2行，每行3个目标，目标介绍文案最多2行，多出部分呈【…】；

【排行榜】

一个页面，2行排列；
每行3个目标；文案显示同【为你推荐】；
底部增加【查看完整排行榜】—点击—跳转相应页面；
屏幕快照 2019-06-09 下午3.50.10.png