產(chǎn)品名稱：小米有品App
體驗(yàn)機(jī)型：華為P20
系統(tǒng)版本：EMUI9.1.0
APP版本：3.4.0.1797
體驗(yàn)時間：2019.12.22-2019.12.23
一、產(chǎn)品簡介
產(chǎn)品名稱：小米有品
產(chǎn)品類型：小米線上精品生活購物平臺
Slogan：有品質(zhì)，放心買
產(chǎn)品定位：小米有品是小米精品生活購物平臺篙程，也是小米“新零售”戰(zhàn)略的重要一環(huán)乃摹。依托小米生態(tài)鏈體系泞歉，延續(xù)小米的“爆品”模式丙躏，用小米模式做生活消費(fèi)品舶替。作為一個開放但品控嚴(yán)格的電商平臺嫂拴，除了小米播揪、米家及生態(tài)鏈品牌，有品還引入大批優(yōu)質(zhì)的第三方品牌產(chǎn)品筒狠，并扶持三方品牌獨(dú)立發(fā)展猪狈，共同為用戶打造有品質(zhì)的生活。
二辩恼、背景與目的
體驗(yàn)”小米有品“的加入購物車頁流程雇庙，畫出原型圖，以鍛煉我的基本功畫原型的能力灶伊。
二疆前、頁面流程
圖1為”小米有品“的加入購物車頁流程。
（圖1）
用戶加入購物車的入口主要有三個聘萨，分別是：
1竹椒、從首頁搜索框中檢索商品；
2米辐、在首頁中胸完，挑選各模塊，點(diǎn)擊模塊即可翘贮；
3赊窥、在購物車頁面，無任何商品择膝，點(diǎn)擊去逛逛誓琼，跳轉(zhuǎn)至首頁。
以上三各入口都會進(jìn)入商品列表頁肴捉，選擇某商品腹侣，進(jìn)入商品詳情頁，在加入購物車之前齿穗，需要輸入必填項(xiàng)傲隶，即可成功加入購物車。
三窃页、原型圖
圖2為“小米有品“首頁原型圖與實(shí)際效果圖跺株。
（圖2）
首頁原型說明
1复濒、首頁搜索入口進(jìn)行商品搜索。
圖3為“小米有品“搜索頁原型圖與實(shí)際效果圖乒省。
（圖3）
（圖4）
搜索頁原型圖說明
1巧颈、在首頁，點(diǎn)擊搜索框袖扛，進(jìn)入搜索頁砸泛。
2、在搜索頁蛆封，點(diǎn)擊搜索框唇礁，輸入搜索的商品，點(diǎn)擊搜索按鈕惨篱，商品列表展示盏筐。
商品列表原型圖說明
1、展現(xiàn)形式按鈕砸讳，可切換商品列表展現(xiàn)形式琢融。
2、可按照綜合（綜合排序绣夺、銷量排序）吏奸、新品、價格陶耍、信用進(jìn)行商品列表排序。
3她混、可點(diǎn)擊篩選按鈕烈钞，對所列商品進(jìn)行排序。
4坤按、點(diǎn)擊某商品毯欣，進(jìn)入商品詳情頁。
圖5為“小米有品“商品詳情頁原型圖與實(shí)際效果圖臭脓。
（圖5）
（圖6）
商品詳情頁原型說明
1酗钞、此頁是關(guān)于所選商品的介紹，主要包括商品參數(shù)来累、評價砚作、詳情、推薦等嘹锁。
2葫录、點(diǎn)擊加入購物車，確定商品類型领猾、數(shù)量等信息米同。
提示文案
1骇扇、 確定按鈕，提示加入購物車成功面粮。
2少孝、 如果在購物車已經(jīng)添加該商品，本次再次添加商品至購物車熬苍，提示：添加購物車數(shù)量已經(jīng)超出限制韭山，不要太貪心哦。
圖7為“小米有品“購物車頁面原型圖與實(shí)際效果圖冷溃。
（圖7）
原型說明
1钱磅、 在商品詳情頁點(diǎn)擊購物車按鈕，直接進(jìn)入購物車頁面似枕。
2盖淡、 勾選結(jié)算商品后，進(jìn)入確認(rèn)訂單頁面凿歼。
3褪迟、 若購物車為空，則提示去逛逛答憔。
提示文案
1味赃、系統(tǒng)自動檢測結(jié)算金額是否達(dá)到包郵金額，在已勾選狀態(tài)下虐拓，如果未達(dá)到心俗，則提示還差XX元免運(yùn)費(fèi)，去湊單蓉驹；如果達(dá)到了城榛，則提示已免運(yùn)費(fèi)。未勾選狀態(tài)下态兴，提示滿150.00元免運(yùn)費(fèi)狠持。點(diǎn)擊免運(yùn)費(fèi)，彈出彈窗瞻润，內(nèi)容未郵費(fèi)說明喘垂。
2、購買數(shù)量绍撞，增加到最大數(shù)量正勒，提示商品數(shù)量已經(jīng)達(dá)到最大了喲；購買數(shù)量輸入值大于最大限值楚午，提示商品數(shù)量已超限昭齐，已修改為最大限購量；如果減少到1時矾柜，提示商品數(shù)量已達(dá)到最小了喲；購買數(shù)量輸入0，提示商品數(shù)量不可低于1祈坠。
3韩脑、未勾選商品情況下，提示請先選擇結(jié)算商品。
4、在編輯狀態(tài)下，未勾選商品虹统，點(diǎn)擊刪除，提示請選擇要刪除的商品隧甚。
5车荔、如果商品有修改服務(wù)，點(diǎn)擊修改服務(wù)戚扳，進(jìn)入選購服務(wù)忧便，選購某服務(wù)，點(diǎn)擊我已閱讀如“云空間月卡50G說明“帽借，進(jìn)入小米云服務(wù)空間卡頁面珠增，點(diǎn)擊返回，返回至購物車頁面砍艾。
6蒂教、頻繁操作購買數(shù)量，提示修改數(shù)量失敶嗪伞凝垛！您操作太快了請慢一點(diǎn)。
建議
1简烘、 如果商品有修改服務(wù)苔严，點(diǎn)擊修改服務(wù)，進(jìn)入選購服務(wù)孤澎，選購某服務(wù)，點(diǎn)擊我已閱讀如“云空間月卡50G說明“欠窒，進(jìn)入小米云服務(wù)空間卡頁面覆旭，點(diǎn)擊返回，返回至選購服務(wù)頁面岖妄，關(guān)閉頁面型将，返回至購物車頁面。
