产品名称：小米有品App
体验机型：华为P20
系统版本：EMUI9.1.0
APP版本：3.4.0.1797
体验时间：2019.12.22-2019.12.23
一、产品简介
产品名称：小米有品
产品类型：小米线上精品生活购物平台
Slogan：有品质，放心买
产品定位：小米有品是小米精品生活购物平台，也是小米“新零售”战略的重要一环。依托小米生态链体系，延续小米的“爆品”模式，用小米模式做生活消费品。作为一个开放但品控严格的电商平台，除了小米、米家及生态链品牌，有品还引入大批优质的第三方品牌产品，并扶持三方品牌独立发展，共同为用户打造有品质的生活。
二、背景与目的
体验”小米有品“的加入购物车页流程，画出原型图，以锻炼我的基本功画原型的能力。
二、页面流程
图1为”小米有品“的加入购物车页流程。
图1.png
（图1）
用户加入购物车的入口主要有三个，分别是：
1、从首页搜索框中检索商品；
2、在首页中，挑选各模块，点击模块即可；
3、在购物车页面，无任何商品，点击去逛逛，跳转至首页。
以上三各入口都会进入商品列表页，选择某商品，进入商品详情页，在加入购物车之前，需要输入必填项，即可成功加入购物车。
三、原型图
图2为“小米有品“首页原型图与实际效果图。
图2.png
（图2）
首页原型说明
1、首页搜索入口进行商品搜索。
图3为“小米有品“搜索页原型图与实际效果图。
图3.png
（图3）
图4.png
（图4）
搜索页原型图说明
1、在首页，点击搜索框，进入搜索页。
2、在搜索页，点击搜索框，输入搜索的商品，点击搜索按钮，商品列表展示。
商品列表原型图说明
1、展现形式按钮，可切换商品列表展现形式。
2、可按照综合（综合排序、销量排序）、新品、价格、信用进行商品列表排序。
3、可点击筛选按钮，对所列商品进行排序。
4、点击某商品，进入商品详情页。
图5为“小米有品“商品详情页原型图与实际效果图。
图5.png
（图5）
图6.png
（图6）
商品详情页原型说明
1、此页是关于所选商品的介绍，主要包括商品参数、评价、详情、推荐等。
2、点击加入购物车，确定商品类型、数量等信息。
提示文案
1、 确定按钮，提示加入购物车成功。
2、 如果在购物车已经添加该商品，本次再次添加商品至购物车，提示：添加购物车数量已经超出限制，不要太贪心哦。
图7为“小米有品“购物车页面原型图与实际效果图。
图7.png
（图7）
原型说明
1、 在商品详情页点击购物车按钮，直接进入购物车页面。
2、 勾选结算商品后，进入确认订单页面。
3、 若购物车为空，则提示去逛逛。
提示文案
1、系统自动检测结算金额是否达到包邮金额，在已勾选状态下，如果未达到，则提示还差XX元免运费，去凑单；如果达到了，则提示已免运费。未勾选状态下，提示满150.00元免运费。点击免运费，弹出弹窗，内容未邮费说明。
2、购买数量，增加到最大数量，提示商品数量已经达到最大了哟；购买数量输入值大于最大限值，提示商品数量已超限，已修改为最大限购量；如果减少到1时，提示商品数量已达到最小了哟；购买数量输入0，提示商品数量不可低于1。
3、未勾选商品情况下，提示请先选择结算商品。
4、在编辑状态下，未勾选商品，点击删除，提示请选择要删除的商品。
5、如果商品有修改服务，点击修改服务，进入选购服务，选购某服务，点击我已阅读如“云空间月卡50G说明“，进入小米云服务空间卡页面，点击返回，返回至购物车页面。
6、频繁操作购买数量，提示修改数量失败！您操作太快了请慢一点。
建议
1、 如果商品有修改服务，点击修改服务，进入选购服务，选购某服务，点击我已阅读如“云空间月卡50G说明“，进入小米云服务空间卡页面，点击返回，返回至选购服务页面，关闭页面，返回至购物车页面。
网友评论