盒馬鮮生是阿里巴巴對(duì)線下超市完全重構(gòu)的新零售業(yè)態(tài)，于2017年7月14日正式開業(yè)，主要用生鮮和餐飲高頻消費(fèi)鎖定消費(fèi)者。它打破了傳統(tǒng)零售售賣商品的模式，聚焦場(chǎng)景與體驗(yàn)，實(shí)施“零售+外賣+堂食+加工服務(wù)”的全新的商品組合。

筆者根據(jù)最新的盒馬鮮生APP產(chǎn)品倒推了本篇PRD，若文章中仍有疏漏之處，歡迎各位批評(píng)指正，共同交流學(xué)習(xí)。

文章結(jié)構(gòu)

一、文檔綜述

1. 版本修訂記錄
2. PRD輸出環(huán)境
3. 產(chǎn)品定位和目標(biāo)用戶人群

二、產(chǎn)品結(jié)構(gòu)圖

1. 產(chǎn)品功能結(jié)構(gòu)圖
2. 產(chǎn)品信息結(jié)構(gòu)圖

三、全局說明

1. 功能權(quán)限
2. 鍵盤說明
3. 頁(yè)面內(nèi)交互
4. 頁(yè)面異常
5. 頁(yè)面切換

四、頁(yè)面邏輯

1. 用戶操作主流程圖
2. 用戶訂購(gòu)商品主邏輯

五、頁(yè)面詳細(xì)功能說明

1. 啟動(dòng)頁(yè)
2. 登錄/注冊(cè)頁(yè)
3. 首頁(yè)
4. 商品搜索結(jié)果頁(yè)面
5. 商品詳情頁(yè)面
6. 分類
7. 購(gòu)物車與訂單結(jié)算頁(yè)面

六、總結(jié)

一、文檔綜述

1.1 版本修訂記錄

1.2?PRD輸出環(huán)境

1.3?產(chǎn)品定位和目標(biāo)用戶人群

盒馬鮮生是阿里巴巴對(duì)線下超市完全重構(gòu)的新零售業(yè)態(tài)，于2017年7月14日正式開業(yè)，主要用生鮮和餐飲高頻消費(fèi)鎖定消費(fèi)者。它打破了傳統(tǒng)零售售賣商品的模式，聚焦場(chǎng)景與體驗(yàn)，實(shí)施 ” 零售 + 外賣 + 堂食 + 加工服務(wù) ” 的全新的商品組合。追求不僅僅為顧客提供簡(jiǎn)單商品，而是以提供一種生活方式的經(jīng)營(yíng)理念。

消費(fèi)者可到店購(gòu)買，也可以在盒馬APP下單。盒馬最大的特點(diǎn)之一就是快速配送：門店附近3公里范圍內(nèi)，30分鐘送貨上門。目前只支持支付寶付款和現(xiàn)金，不接受銀行卡等任何其他支付方式。

盒馬鮮生的目標(biāo)用戶主要有三類：第一，晚上大部分時(shí)間在家的家庭用戶；第二，基于辦公室場(chǎng)景推出針對(duì)性便利店或輕餐；第三，周末會(huì)去超市帶著孩子出去走走的用戶。

二、產(chǎn)品結(jié)構(gòu)圖

2.1?產(chǎn)品功能結(jié)構(gòu)圖

2.2?產(chǎn)品信息結(jié)構(gòu)圖

三、全局說明

3.1?功能權(quán)限

分為登錄狀態(tài)和未登錄狀態(tài)：

登錄狀態(tài)：登錄狀態(tài)可進(jìn)行APP內(nèi)所有操作。

未登錄狀態(tài)：

1. 可以瀏覽頁(yè)面，如商品信息和分類等；
2. 可以分享商品信息、活動(dòng)信息；
3. 無法將商品加入購(gòu)物車，也無法進(jìn)入購(gòu)物車頁(yè)面；
4. 無法進(jìn)入“我的”頁(yè)面，也無法查看訂單信息和使用優(yōu)惠券等。

3.2 鍵盤說明

（1）點(diǎn)擊手機(jī)號(hào)與驗(yàn)證碼輸入框時(shí)，頁(yè)面底部彈出數(shù)字鍵盤；

（2）點(diǎn)擊其他輸入框頁(yè)面底部彈出字母全鍵盤。

3.3?頁(yè)面內(nèi)交互

（1）頂部、底部彈窗

（2）toast、dialog、actionbar彈窗

3.4 頁(yè)面異常

3.5?頁(yè)面切換

在當(dāng)前頁(yè)面左邊緣處，用右劃手勢(shì)快速返回之前頁(yè)面。

四、頁(yè)面邏輯

4.1 用戶操作主流程圖

4.2 用戶訂購(gòu)商品主邏輯

五、頁(yè)面詳細(xì)功能說明

5.1?啟動(dòng)頁(yè)

功能描述：用戶剛打開盒馬鮮生APP。

交互需求：?jiǎn)?dòng)APP后進(jìn)入啟動(dòng)頁(yè)，約停留兩秒后進(jìn)入APP首頁(yè)。

5.2?登錄/注冊(cè)頁(yè)

功能描述：手機(jī)淘寶快速登錄、支付寶快速登錄及賬戶/密碼登錄。

輸入/前置條件：在盒馬APP點(diǎn)擊所有“購(gòu)物車”圖標(biāo)的功能按鈕、點(diǎn)擊加入購(gòu)物車選項(xiàng)或點(diǎn)擊“我的”功能標(biāo)簽。

頁(yè)面交互：

1. 輸入/前置條件：點(diǎn)擊手機(jī)淘寶快捷登錄。

點(diǎn)擊“手機(jī)淘寶快捷登錄”，將自動(dòng)跳轉(zhuǎn)到淘寶賬戶授權(quán)頁(yè)面，點(diǎn)擊“確認(rèn)授權(quán)”可立刻登錄；

2. 輸入/前置條件：點(diǎn)擊支付寶快捷登錄。

點(diǎn)擊“支付寶快捷登錄”，將自動(dòng)跳轉(zhuǎn)到支付寶賬戶授權(quán)頁(yè)面，點(diǎn)擊“確認(rèn)授權(quán)”可立刻登錄；

3. 輸入/前置條件：點(diǎn)擊賬號(hào)/密碼登錄。

• 點(diǎn)擊“賬戶/密碼登錄”，將跳轉(zhuǎn)到淘寶賬戶登錄頁(yè)面，輸入淘寶賬戶和密碼可登錄；
• 在賬戶登錄頁(yè)面下，輸入密碼時(shí)默認(rèn)為不可見狀態(tài)，點(diǎn)擊輸入密碼欄左方“眼睛”圖標(biāo)，密碼轉(zhuǎn)換成可見狀態(tài)
• 點(diǎn)擊“短信驗(yàn)證碼登錄”可切換登錄方式，輸入合法手機(jī)號(hào)后點(diǎn)擊“獲取驗(yàn)證碼”，輸入正確的驗(yàn)證碼后可登錄；
• 點(diǎn)擊“注冊(cè)”可跳轉(zhuǎn)到快速注冊(cè)頁(yè)面，輸入合法手機(jī)號(hào)后點(diǎn)擊”獲取驗(yàn)證碼”，輸入正確的驗(yàn)證碼后點(diǎn)擊可快速注冊(cè)；
• 選擇“+86”可切換選擇其他國(guó)家地區(qū)的手機(jī)號(hào)碼；
• 點(diǎn)擊“賬戶/密碼/手機(jī)號(hào)/驗(yàn)證碼輸入框”，頁(yè)面底部自動(dòng)彈出字母全鍵盤。

5.3?首頁(yè)

功能描述：用戶瀏覽主要的商品和活動(dòng)信息等。

輸入/前置條件：打開APP后首先顯示的內(nèi)容或點(diǎn)擊底部導(dǎo)航欄中的“首頁(yè)”功能標(biāo)簽。

（1）用戶位置定位

頁(yè)面邏輯內(nèi)容：

在選擇收獲地址頁(yè)面，用戶點(diǎn)擊“請(qǐng)輸入收獲地址”文本框輸入新地址、或點(diǎn)擊系統(tǒng)默認(rèn)的地址、或點(diǎn)擊附近地址（可重新定位）、或點(diǎn)擊頁(yè)面右上方的新增地址編輯保存后都將會(huì)自動(dòng)跳轉(zhuǎn)回首頁(yè)，用戶位置定位變更為當(dāng)前已選擇或保存的新地址。

頁(yè)面交互：

• 在“首頁(yè)”點(diǎn)擊用戶位置定位，選擇收貨地址頁(yè)面從右側(cè)彈出；
• 在“選擇收貨地址”頁(yè)面下點(diǎn)擊“請(qǐng)輸入收獲地址”文本框，頁(yè)面變暗；同時(shí)字母全鍵盤從底部彈出，文本框在輸入文本后，原文本框提示內(nèi)容消失，點(diǎn)擊“取消”頁(yè)面恢復(fù)正常；
• 系統(tǒng)默認(rèn)地址為上一次的選擇的收貨地址；
• 在“選擇收貨地址”頁(yè)面下點(diǎn)擊“新增地址”，新增收貨地址頁(yè)面從右側(cè)彈出，點(diǎn)擊手機(jī)號(hào)輸入框，數(shù)字全鍵盤從頁(yè)面底部彈出；點(diǎn)擊其他內(nèi)容，輸入框字母全鍵盤從頁(yè)面底部彈出；
• 點(diǎn)擊“收貨地址”文本框，選擇收獲地址頁(yè)面從右側(cè)彈出。

（2）商品搜索框

頁(yè)面邏輯：

• 搜索頁(yè)面結(jié)構(gòu)分為搜索框、搜索歷史、實(shí)時(shí)熱搜和新品時(shí)令四部分；
• 用戶在搜索框內(nèi)輸入商品、美食等進(jìn)行搜索會(huì)跳轉(zhuǎn)至相應(yīng)的商品搜索結(jié)果頁(yè)面；
• 系統(tǒng)對(duì)已搜索過的內(nèi)容自動(dòng)標(biāo)簽化添加到歷史搜索內(nèi)容，點(diǎn)擊“垃圾桶”按鈕可刪除搜索歷史；“搜索歷史”規(guī)則描述：按搜索的時(shí)間倒敘排列，排列方式從左至右、從上至下排列，可展示10條歷史搜索內(nèi)容，展示排數(shù)沒有限制；
• 附近門店實(shí)時(shí)熱搜內(nèi)容是系統(tǒng)根據(jù)定位，為用戶推薦最近盒馬門店的熱搜商品，點(diǎn)擊相應(yīng)標(biāo)簽，進(jìn)入相應(yīng)商品推薦頁(yè)面；
• 新品時(shí)令是系統(tǒng)為用戶推薦的新品和時(shí)令商品，點(diǎn)擊相應(yīng)商品標(biāo)簽，也會(huì)進(jìn)入相應(yīng)商品搜索結(jié)果頁(yè)。

頁(yè)面交互：

• 在“首頁(yè)”頁(yè)面點(diǎn)擊搜索框，搜索頁(yè)面從右側(cè)彈出，同時(shí)字母全鍵盤從頁(yè)面底部彈出；
• 搜索框內(nèi)會(huì)自動(dòng)顯示歷史搜索內(nèi)容，輸入文本后，歷史搜索內(nèi)容消失，同時(shí)系統(tǒng)會(huì)根據(jù)輸入的漢字提供相關(guān)的搜索關(guān)鍵詞；
• 點(diǎn)擊搜索歷史右側(cè)的“垃圾桶”按鈕可清除所有歷史搜索內(nèi)容；
• 點(diǎn)擊附近門店實(shí)施熱搜欄右側(cè)的“更新”按鈕可更新實(shí)時(shí)熱搜內(nèi)容；
• 通過搜索商品內(nèi)容、點(diǎn)擊搜索歷史標(biāo)簽、附近XX門店實(shí)時(shí)熱搜標(biāo)簽及新品時(shí)令標(biāo)簽，商品搜索結(jié)果頁(yè)面直接彈出。

（3）功能導(dǎo)航

頁(yè)面邏輯：

點(diǎn)擊功能導(dǎo)航按鈕，顯示出系列功能或活動(dòng)的功能選項(xiàng)，點(diǎn)擊相應(yīng)的功能或活動(dòng)選項(xiàng)可進(jìn)入相關(guān)頁(yè)面。

頁(yè)面交互：

• 在“首頁(yè)”的頁(yè)面下點(diǎn)擊功能導(dǎo)航按鈕，功能導(dǎo)航標(biāo)簽欄從搜索欄下方彈出；同時(shí)，搜索框邊長(zhǎng)覆蓋功能導(dǎo)航按鈕，向上滑動(dòng)頁(yè)面，功能導(dǎo)航標(biāo)簽欄向上滑動(dòng)收起，頁(yè)面恢復(fù)正常；
• 點(diǎn)擊功能導(dǎo)航標(biāo)簽欄中的功能，如“在線點(diǎn)餐”，相應(yīng)頁(yè)面從右側(cè)彈出；

（4）消息中心

頁(yè)面邏輯：消息頁(yè)面主要包括APP相關(guān)的優(yōu)惠券和活動(dòng)通知等。

頁(yè)面交互：

• 在“首頁(yè)”頁(yè)面下點(diǎn)擊”消息“按鈕”，消息頁(yè)面從頁(yè)面右側(cè)彈出；
• 所有消息按時(shí)間倒序排列；
• 點(diǎn)擊“盒馬小紙條”可跳轉(zhuǎn)至活動(dòng)、優(yōu)惠券頁(yè)面，均從右側(cè)彈出；

（5）廣告活動(dòng)banner

頁(yè)面邏輯：活動(dòng)/廣告頁(yè)輪播，點(diǎn)擊可轉(zhuǎn)到相關(guān)活動(dòng)/廣告頁(yè)面。

頁(yè)面交互：點(diǎn)擊活動(dòng)/廣告Banner區(qū)域，活動(dòng)/廣告頁(yè)面從右側(cè)彈出。

（6）商品分類標(biāo)簽區(qū)

頁(yè)面邏輯：

• 商品分類標(biāo)簽區(qū)共十類，點(diǎn)擊相應(yīng)的標(biāo)簽可進(jìn)入相關(guān)商品推薦頁(yè)面。由于十類商品分類的頁(yè)面結(jié)構(gòu)和內(nèi)容極其相似，筆者暫時(shí)優(yōu)先選擇對(duì)“新鮮水果”類標(biāo)簽做分析和說明；
• “新鮮水果”頁(yè)面結(jié)構(gòu)分為標(biāo)題欄，商品標(biāo)簽欄和商品推薦列表三部分組成；
• 在“新鮮水果”頁(yè)面下點(diǎn)擊標(biāo)題欄中的“搜索”按鈕可進(jìn)入搜索頁(yè)面，點(diǎn)擊“購(gòu)物車”按鈕可進(jìn)入購(gòu)物車頁(yè)面；
• 點(diǎn)擊左側(cè)商品標(biāo)簽區(qū)的標(biāo)簽，右側(cè)的商品推薦列表會(huì)列出商品篩選結(jié)果（其中在主標(biāo)簽“春日嘗鮮”頁(yè)面，可根據(jù)商品子標(biāo)簽可以進(jìn)一步篩選商品）；
• 點(diǎn)擊商品直接進(jìn)入商品詳情界面，點(diǎn)擊每個(gè)商品右方的“購(gòu)物車”圖標(biāo)，或點(diǎn)擊商品詳情頁(yè)的“加入購(gòu)物車”功能選項(xiàng)，可將商品加入購(gòu)物車。

頁(yè)面交互：

• 點(diǎn)擊“首頁(yè)”頁(yè)面中的“新鮮水果”標(biāo)簽，相應(yīng)的商品推薦頁(yè)面從右側(cè)彈出；
• 在“新鮮水果”商品推薦頁(yè)面下，點(diǎn)擊標(biāo)題欄中的“搜索”按鈕，“搜索”頁(yè)面從右側(cè)彈出；同時(shí)，字母全鍵盤從底部彈出，此時(shí)在商品搜索頁(yè)面點(diǎn)擊“返回”按鈕，返回“新鮮水果”商品標(biāo)簽頁(yè)面；
• 點(diǎn)擊“購(gòu)物車”按鈕，購(gòu)物車頁(yè)面從右側(cè)彈出；同理，點(diǎn)擊“返回”按鈕，返回之前的商品標(biāo)簽頁(yè)面；
• 在商品推薦頁(yè)面下，點(diǎn)擊切換左側(cè)商品標(biāo)簽區(qū)的標(biāo)簽，右側(cè)的商品推薦列表自動(dòng)更新直接彈出；
• 右側(cè)的商品推薦列表可上下滑動(dòng)，查看更多信息。滑動(dòng)時(shí)，在上部邊界，上拉可至上一個(gè)分類的商品推薦列表；在下部邊界，下拉可至下一個(gè)分類的商品推薦列表；
• 點(diǎn)擊商品推薦列表中的商品，商品詳情頁(yè)面會(huì)從右側(cè)彈出；
• 點(diǎn)擊每個(gè)商品右方的購(gòu)物車圖標(biāo)，或點(diǎn)擊商品詳情頁(yè)的加入購(gòu)物車選項(xiàng)，商品分類頁(yè)右上角購(gòu)物車右角標(biāo)數(shù)字+1，同時(shí)會(huì)有1s的“商品放入購(gòu)物車”的動(dòng)畫；

（7）商品專題活動(dòng)區(qū)

頁(yè)面邏輯：

• 商品專題活動(dòng)區(qū)包括“超盒算”、“盒馬平價(jià)菜”、“盒馬一百分”和“時(shí)令嘗鮮”四個(gè)主題活動(dòng)。點(diǎn)擊主題活動(dòng)點(diǎn)擊進(jìn)入專項(xiàng)頁(yè)面后，頁(yè)面的結(jié)構(gòu)和內(nèi)容各有不同，但主要內(nèi)容都是推薦一些相關(guān)的活動(dòng)商品，這里以“超盒算”為例進(jìn)行介紹。
• “超盒算”頁(yè)面結(jié)構(gòu)分為標(biāo)題欄、標(biāo)簽欄（今日必?fù)專┖蜕唐吠扑]列表三部分，點(diǎn)擊商品推薦列表中的商品區(qū)域可進(jìn)入相應(yīng)商品的詳情頁(yè)面；
• 商品圖片左上方顯示商品的活動(dòng)信息，如特價(jià)/買一贈(zèng)一等，選擇“馬上搶”可將商品加入購(gòu)物車中，同時(shí)會(huì)有1s的“商品放入購(gòu)物車”的動(dòng)畫；

頁(yè)面交互：

• 在首頁(yè)下點(diǎn)擊所有商品的專題活動(dòng)，活動(dòng)詳情頁(yè)面均從右側(cè)彈出；
• 在“超盒算”頁(yè)面下點(diǎn)擊標(biāo)題欄中的購(gòu)物車按鈕，購(gòu)物車頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊“馬上搶”按鈕，商品將被自動(dòng)加入購(gòu)物車中，同時(shí)頁(yè)面右上方購(gòu)物車的角標(biāo)數(shù)字加1；
• 點(diǎn)擊商品推薦列表中的商品，商品詳情頁(yè)從右側(cè)彈出。

（8）猜你喜歡商品推薦區(qū)

頁(yè)面邏輯：

• 系統(tǒng)為用戶推薦了一些用戶可能喜歡的商品，用戶可全部查看、也可點(diǎn)擊不同的分類標(biāo)簽（如下午茶、菜譜、食材等）查看相關(guān)商品推薦列表；
• 在商品推薦列表中點(diǎn)擊商品可進(jìn)入相應(yīng)的商品詳情頁(yè)面。

頁(yè)面交互：

• 在“首頁(yè)”頁(yè)面下用戶點(diǎn)擊“猜你喜歡”標(biāo)簽區(qū)的標(biāo)簽，功能標(biāo)簽呈現(xiàn)選中狀態(tài)；同時(shí)，頁(yè)面下方彈出相應(yīng)類別的商品推薦列表，默認(rèn)選中標(biāo)簽為“全部-猜你喜歡”；
• 點(diǎn)擊商品推薦列表中的商品區(qū)域，商品詳情頁(yè)從右側(cè)彈出。

5.4?商品搜索結(jié)果頁(yè)面