分享一篇關(guān)于“每日優(yōu)鮮”的PRD文檔

作者：Luffy   轉(zhuǎn)載已取得作者授權(quán)

目錄

一、產(chǎn)品概述

1.1產(chǎn)品背景介紹

1.2產(chǎn)品概述

1.3產(chǎn)品定位

1.4目標(biāo)用戶(hù)

二、產(chǎn)品結(jié)構(gòu)及業(yè)務(wù)流程

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

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

2.3業(yè)務(wù)流程圖——用戶(hù)購(gòu)買(mǎi)功能

三、全局說(shuō)明

3.1功能權(quán)限

3.2鍵盤(pán)說(shuō)明

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

四、頁(yè)面功能詳細(xì)說(shuō)明

4.1登錄頁(yè)

4.2首頁(yè)

4.3商品詳情頁(yè)

4.4分類(lèi)頁(yè)面

4.6我的頁(yè)面

4.7吃什么頁(yè)面

五、總結(jié)

一、產(chǎn)品概述

1.1 產(chǎn)品背景介紹

1.2 產(chǎn)品概述

1.3 產(chǎn)品定位

1.4 目標(biāo)用戶(hù)

• 女性
• 18-35歲的年輕人：工作繁忙+剛成立家庭+喜好網(wǎng)購(gòu)+重視時(shí)間效率；
• 一二線(xiàn)城市+東部沿海地區(qū)：經(jīng)濟(jì)條件好+工作競(jìng)爭(zhēng)強(qiáng)烈+空閑時(shí)間較少；
• 白領(lǐng)、大學(xué)生、寶媽、特殊情況不能出門(mén)采購(gòu)的用戶(hù)。

二、產(chǎn)品結(jié)構(gòu)及業(yè)務(wù)流程

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

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

2.3 業(yè)務(wù)流程圖——用戶(hù)購(gòu)買(mǎi)功能

三、全局說(shuō)明

3.1 功能權(quán)限

• 登錄狀態(tài)可進(jìn)行APP內(nèi)所有操作
• 非登錄狀態(tài)下：無(wú)法訂單結(jié)算；無(wú)法進(jìn)入消息、邀請(qǐng)有禮以及好友助力提現(xiàn)等活動(dòng)頁(yè)面、“吃什么”社區(qū)頁(yè)面

• 普通用戶(hù)：沒(méi)有會(huì)員權(quán)益，其余功能均可用
• 優(yōu)享會(huì)員：商品享有會(huì)員價(jià)、可以參與超級(jí)會(huì)員日活動(dòng)、積分加倍、可以分享給好友會(huì)員體驗(yàn)卡、擁有專(zhuān)屬客服

3.2 鍵盤(pán)說(shuō)明

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

四、頁(yè)面功能詳細(xì)說(shuō)明

4.1 登錄頁(yè)

• 用戶(hù)第一次使用，用戶(hù)登錄新的賬號(hào)以及使用新的設(shè)備登錄，或老用戶(hù)退出后再次登陸。
• 游客用戶(hù)執(zhí)行購(gòu)買(mǎi)、個(gè)人消息、參加優(yōu)惠活動(dòng)等需要登陸的操作。

• 用戶(hù)輸入手機(jī)號(hào)碼，點(diǎn)擊“獲取驗(yàn)證碼”按鈕；
• 若用戶(hù)在60秒內(nèi)未收到手機(jī)驗(yàn)證碼，點(diǎn)擊“獲取驗(yàn)證碼”按鈕重新獲取驗(yàn)證碼；
• 用戶(hù)也可以點(diǎn)擊總登錄注冊(cè)頁(yè)面底部其他登錄方式的微信登陸按鈕進(jìn)行授權(quán)登錄；
• 勾選“同意用戶(hù)使用協(xié)議和隱私政策”才能點(diǎn)擊“登陸”或“微信登陸”。

• 手機(jī)號(hào)默認(rèn)+86，輸入限制11位，當(dāng)輸入大于11位數(shù)字時(shí)，彈出Toast提示“您輸入的手機(jī)號(hào)超過(guò)了11位”提示文本；
• 點(diǎn)擊手機(jī)號(hào)、驗(yàn)證碼輸入框時(shí)，數(shù)字鍵盤(pán)從底部向上彈出；
• 獲取驗(yàn)證碼后，按鈕內(nèi)容變?yōu)椤?0S后重發(fā)”并降低灰度開(kāi)始60秒倒數(shù)，60S后按鈕內(nèi)容變回原本內(nèi)容；
• 用戶(hù)點(diǎn)擊第三方登陸下的三個(gè)按鈕，相應(yīng)的第三方授權(quán)頁(yè)面從頁(yè)面右側(cè)彈出。

4.2 首頁(yè)

1. 用戶(hù)位置定位；
2. 商品搜索框；
3. 活動(dòng)/廣告banner頁(yè)，6例活動(dòng)/廣告頁(yè)輪播；
4. 商品分類(lèi)tab導(dǎo)航，共10類(lèi)；
5. 活動(dòng)標(biāo)簽區(qū)；
6. 熱銷(xiāo)商品推薦區(qū)；
7. 商品專(zhuān)題活動(dòng)區(qū)；
8. 特色商品分類(lèi)欄專(zhuān)題區(qū)，共7類(lèi)。

• 下拉頁(yè)面進(jìn)行刷新；
• 進(jìn)入此頁(yè)面自動(dòng)刷新。

1. 用戶(hù)位置定位

• 在選擇其他收貨地址頁(yè)面，用戶(hù)點(diǎn)擊輸入框輸入新收貨地址，會(huì)自動(dòng)顯示與包含輸入地址字符的所有地址選項(xiàng)，選擇好后頁(yè)面自動(dòng)轉(zhuǎn)回至首頁(yè)，用戶(hù)收貨地址變更為已輸入的地址。
• 其他收貨地址頁(yè)面結(jié)構(gòu)分為城市選擇框、文本搜索框、當(dāng)前定位、用戶(hù)已存儲(chǔ)的收貨地址、附近地址共5部分內(nèi)容。
• 用戶(hù)選擇城市后，在文本搜索框內(nèi)輸入具體地址內(nèi)容進(jìn)行搜索（支持內(nèi)容模糊搜索），在下拉備選列表中給出相關(guān)搜索內(nèi)容的具體地址及距離公里數(shù)。
• 系統(tǒng)對(duì)已搜索過(guò)的內(nèi)容自動(dòng)標(biāo)簽化添加到歷史記錄中（歷史搜索規(guī)則描述：按搜索的時(shí)間倒序排列，排列方式從上至下排列，可點(diǎn)擊垃圾桶圖標(biāo)清除所有歷史搜索內(nèi)容）。

• 在“首頁(yè)”點(diǎn)擊送貨地址，選擇收貨地址頁(yè)面從右側(cè)彈出。
• 在“選擇收貨地址”頁(yè)面下點(diǎn)擊“請(qǐng)輸入您的收貨地址”文本框，字母鍵盤(pán)從底部彈出，文本框在輸入文本后，原文本框提示內(nèi)容消失，出現(xiàn)下拉備選列表，列表里顯示與搜索內(nèi)容相關(guān)的地址，點(diǎn)擊“取消”回到“選擇收貨地址”頁(yè)面。
• 在“選擇收貨地址”頁(yè)面點(diǎn)擊“新增地址”，新增收貨地址頁(yè)面從右側(cè)彈出，點(diǎn)擊手機(jī)號(hào)輸入框，數(shù)字鍵盤(pán)從頁(yè)面底部彈出；點(diǎn)擊“+通訊錄”，頁(yè)面中間跳出dialog彈窗，請(qǐng)求訪(fǎng)問(wèn)用戶(hù)通訊錄，用戶(hù)選擇“好”，從底部彈出通訊錄頁(yè)面，用戶(hù)選擇“取消”，回到當(dāng)前頁(yè)面；點(diǎn)擊“收貨地址”文本框，地址搜索頁(yè)面從右側(cè)彈出；點(diǎn)擊門(mén)牌號(hào)輸入框，字母全鍵盤(pán)從頁(yè)面底部彈出。
• 在選擇當(dāng)前定位、已存儲(chǔ)的收貨地址、附近地址欄目中的地址后，收貨地址頁(yè)面從右側(cè)滑出，跳轉(zhuǎn)回首頁(yè)。

2. 商品搜索框

• 搜索頁(yè)面結(jié)構(gòu)分為搜索框、搜索歷史、熱門(mén)熱搜三部分。
• 用戶(hù)在搜索框內(nèi)輸入商品進(jìn)行搜索，支持內(nèi)容模糊搜索，搜索完成后頁(yè)面轉(zhuǎn)至包含搜索詞的相應(yīng)的商品搜索結(jié)果頁(yè)面，沒(méi)有庫(kù)存的商品顯示“已搶光”，不能添加購(gòu)物車(chē)，但可以尋找相似商品。
• 系統(tǒng)對(duì)已搜索過(guò)的內(nèi)容自動(dòng)標(biāo)簽化添加到歷史搜索內(nèi)容點(diǎn)擊“垃圾桶”按鈕可刪除搜索歷史。
• “搜索歷史”規(guī)則描述：按搜索的時(shí)間倒敘排列，排列方式從左至右、從上至下排列，可兩排展示10條歷史搜索內(nèi)容，字?jǐn)?shù)長(zhǎng)度限制為10字符，超出部分用“…”代替。
• 熱門(mén)搜索內(nèi)容是系統(tǒng)根據(jù)定位，為用戶(hù)推薦附近多數(shù)用戶(hù)搜索的榜單商品，按搜索熱度百分比降序排列，點(diǎn)擊相應(yīng)標(biāo)簽，進(jìn)入相應(yīng)商品推薦頁(yè)面，最多可展示15條熱門(mén)搜索內(nèi)容，并將熱門(mén)搜索前三商品加粗顯示。

• 在“首頁(yè)”頁(yè)面點(diǎn)擊搜索框，搜索頁(yè)面從右側(cè)彈出，同時(shí)字母全鍵盤(pán)從頁(yè)面底部彈出。

• 搜索框內(nèi)會(huì)自動(dòng)顯示推薦商品名，輸入文本后，默認(rèn)推薦內(nèi)容消失，當(dāng)前頁(yè)面其他內(nèi)容隱藏，同時(shí)彈出下拉備選列表，系統(tǒng)會(huì)根據(jù)輸入的漢字提供相關(guān)的搜索關(guān)鍵詞，在下拉備選列表中的文本與輸入框中搜索內(nèi)容相關(guān)的文本被加粗顯示。

• 點(diǎn)擊搜索歷史右側(cè)的“垃圾桶”按鈕可清除所有歷史搜索內(nèi)容。

• 通過(guò)搜索框搜索商品、點(diǎn)擊搜索歷史標(biāo)簽、熱門(mén)搜索標(biāo)簽，商品搜索結(jié)果頁(yè)面直接彈出。

3. 活動(dòng)/廣告banner頁(yè)

4. 商品分類(lèi)tab導(dǎo)航

5. 活動(dòng)標(biāo)簽區(qū)

6. 熱銷(xiāo)商品推薦區(qū)

• 熱銷(xiāo)商品排行榜為用戶(hù)推薦附近多數(shù)用戶(hù)購(gòu)買(mǎi)的商品，按銷(xiāo)量百分比降序排列，點(diǎn)擊相應(yīng)標(biāo)簽，可以進(jìn)入相應(yīng)商品的詳情頁(yè)面，或直接點(diǎn)擊加號(hào)，將商品加入購(gòu)物車(chē)中。
• 點(diǎn)擊查看更多直接跳轉(zhuǎn)至熱銷(xiāo)排行榜頁(yè)面。

• 熱銷(xiāo)排行榜商品列表可橫向滑動(dòng)顯示12個(gè)商品，滑到最右邊出現(xiàn)“查看更多”，繼續(xù)向左滑動(dòng)，“熱銷(xiāo)排行榜”頁(yè)面就會(huì)從右側(cè)彈出。
• 點(diǎn)擊“查看更多”按鈕，“熱銷(xiāo)排行榜”頁(yè)面也從右側(cè)彈出。
• 點(diǎn)擊熱銷(xiāo)排行榜橫向滑動(dòng)商品列表中的商品，對(duì)應(yīng)的商品詳情頁(yè)會(huì)從右側(cè)彈出。
• 直接點(diǎn)擊加號(hào)添加購(gòu)物車(chē)，有1s的“商品放入購(gòu)物車(chē)”的動(dòng)畫(huà)。

7. 商品專(zhuān)題活動(dòng)區(qū)

• 專(zhuān)題活動(dòng)標(biāo)簽區(qū)共六類(lèi)，點(diǎn)擊相應(yīng)的標(biāo)簽可進(jìn)入相應(yīng)的活動(dòng)頁(yè)面。
• 這里以“每日秒殺”活動(dòng)頁(yè)面為例進(jìn)行介紹，“每日秒殺”活動(dòng)頁(yè)面，分為標(biāo)題欄、結(jié)束倒計(jì)時(shí)欄和活動(dòng)商品列表三部分，點(diǎn)擊商品列表中的商品區(qū)域可進(jìn)入相應(yīng)商品的詳情頁(yè)面。
• 活動(dòng)商品列表中的商品介紹會(huì)顯示商品的庫(kù)存和已搶購(gòu)人數(shù)。

• “首頁(yè)”頁(yè)面中的活動(dòng)標(biāo)簽，相應(yīng)的活動(dòng)頁(yè)面會(huì)從右側(cè)彈出。
• 點(diǎn)擊“每日秒殺”活動(dòng)頁(yè)面商品列表中的商品區(qū)域右側(cè)會(huì)彈出相應(yīng)商品的詳情頁(yè)面。
• 點(diǎn)擊“每日秒殺”活動(dòng)頁(yè)面左下角的購(gòu)物車(chē)按鈕，購(gòu)物車(chē)頁(yè)面從右側(cè)彈出。
• 點(diǎn)擊“馬上搶”按鈕，商品將被自動(dòng)加入購(gòu)物車(chē)中，同時(shí)頁(yè)面左下方購(gòu)物車(chē)上的數(shù)字加1。

8. 特色商品分類(lèi)欄專(zhuān)題區(qū)

• 用戶(hù)打開(kāi)APP進(jìn)入首頁(yè)，想直接在首頁(yè)挑選相應(yīng)類(lèi)別的商品。
• 用戶(hù)想購(gòu)買(mǎi)商品，但不知道具體購(gòu)買(mǎi)什么，可以通過(guò)瀏覽此頁(yè)面進(jìn)行挑選。

• 系統(tǒng)為用戶(hù)推薦了一些用戶(hù)可能喜歡的商品，用戶(hù)可全部查看、也可點(diǎn)擊不同的分類(lèi)標(biāo)簽（如鮮魚(yú)鮮肉、在家火鍋、一件包郵等）查看相關(guān)商品推薦列表。
• 在商品推薦列表中點(diǎn)擊商品可進(jìn)入相應(yīng)的商品詳情頁(yè)面，也可直接把商品加入購(gòu)物車(chē)。

• 下滑“首頁(yè)”頁(yè)面，用戶(hù)可以左右滑動(dòng)橫排標(biāo)簽欄，默認(rèn)選中標(biāo)簽為“全部”。
• 當(dāng)點(diǎn)擊標(biāo)簽區(qū)的各個(gè)標(biāo)簽時(shí)，功能標(biāo)簽呈現(xiàn)選中狀態(tài)；同時(shí)，頁(yè)面下方彈出相應(yīng)類(lèi)別的商品推薦列表。
• 點(diǎn)擊橫排標(biāo)簽滑動(dòng)區(qū)的7個(gè)標(biāo)簽中第3、4、5個(gè)標(biāo)簽，標(biāo)簽行會(huì)自動(dòng)向左或向右滑動(dòng)。
• 特色商品分類(lèi)欄專(zhuān)題區(qū)可向下滑動(dòng)瀏覽相應(yīng)標(biāo)簽下的更多商品。
• 點(diǎn)擊下方商品推薦列表中的商品區(qū)域，商品詳情頁(yè)從右側(cè)彈出。
• 點(diǎn)擊商品旁的加號(hào)，會(huì)有1s的商品放入底部標(biāo)簽欄的購(gòu)物車(chē)的動(dòng)畫(huà)。

4.3 商品詳情頁(yè)

1. 商品圖片
2. 商品簡(jiǎn)介
3. 商品所在榜單
4. 活動(dòng)分享
5. 推薦商品
6. 菜譜做法
7. 商品詳情

• 在商品詳情頁(yè)面包含五張商品的圖片；
• 點(diǎn)擊商品圖片右上角“分享”按鈕，可以選擇微信或朋友圈進(jìn)行分享；
• 點(diǎn)擊榜單可進(jìn)入“熱銷(xiāo)排行榜界面”，并顯示該商品所在的榜單類(lèi)別里的所有商品；
• 點(diǎn)擊分享可進(jìn)入“天天賺錢(qián)”活動(dòng)界面；
• 在相關(guān)推薦商品列表中點(diǎn)擊商品可進(jìn)入相關(guān)商品詳情頁(yè)面，點(diǎn)擊加號(hào)可以直接加入購(gòu)物車(chē)；
• 點(diǎn)擊“加入購(gòu)物車(chē)”按鈕可直接將商品加入購(gòu)物車(chē)；
• 菜譜做法區(qū)包含相關(guān)菜品的菜譜信息，點(diǎn)擊菜譜可進(jìn)入相應(yīng)的菜譜詳情頁(yè)面。

• 在商品的圖片上左右滑動(dòng)，可查看商品的不同圖片；
• 點(diǎn)擊圖片左上方的“返回”按鈕可返回之前的頁(yè)面；
• 在商品詳情頁(yè)面向下拖動(dòng)可查看商品詳情等其他信息；
• 點(diǎn)擊“分享”按鈕，商品詳情頁(yè)面變暗產(chǎn)生遮罩層，同時(shí)分享頁(yè)面從底部彈出，點(diǎn)擊分享路徑圖標(biāo)可分享至相關(guān)途徑，點(diǎn)擊“取消”按鈕或點(diǎn)擊外，返回到原來(lái)的商品詳情頁(yè)；
• 點(diǎn)擊“加入購(gòu)物車(chē)”選項(xiàng)，右上角購(gòu)物車(chē)角標(biāo)數(shù)字加1，同時(shí)會(huì)有1s的商品放入購(gòu)物車(chē)的動(dòng)畫(huà)；
• 點(diǎn)擊頁(yè)面左下角的“購(gòu)物車(chē)”圖標(biāo)，購(gòu)物車(chē)頁(yè)面從右側(cè)彈出；
• 滑動(dòng)菜譜列表可查看菜譜信息，點(diǎn)擊菜譜列表中的菜譜，相應(yīng)的菜譜詳情頁(yè)面從右側(cè)彈出。

4.4 分類(lèi)頁(yè)面

1. 搜索框；
2. 商品分類(lèi)tab導(dǎo)航（主標(biāo)簽），共11類(lèi)；
3. 商品細(xì)分類(lèi)別導(dǎo)航（子標(biāo)簽），不同商品大類(lèi)的細(xì)分類(lèi)別不同；
4. 廣告banner；
5. 具體商品列表。

• 用戶(hù)想要通過(guò)商品分類(lèi)挑選商品；
• 用戶(hù)想?yún)⒖忌唐返匿N(xiāo)量來(lái)選擇商品；
• 價(jià)格敏感的用戶(hù)需要對(duì)商品進(jìn)行價(jià)格排序，從而挑選出低價(jià)商品。

• 點(diǎn)擊搜索框，進(jìn)入商品搜索頁(yè)面；
• 點(diǎn)擊廣告banner區(qū)的廣告進(jìn)入相應(yīng)的廣告界面；
• 點(diǎn)擊商品分類(lèi)tab導(dǎo)航的標(biāo)簽頁(yè)面右側(cè)出現(xiàn)相應(yīng)的商品大類(lèi)的推薦頁(yè)面；
• 點(diǎn)擊左側(cè)商品細(xì)分類(lèi)別導(dǎo)航的標(biāo)簽頁(yè)面右側(cè)出現(xiàn)相應(yīng)細(xì)分類(lèi)類(lèi)別的推薦頁(yè)面；
• 商品可以按綜合、銷(xiāo)量、價(jià)格進(jìn)行排序顯示；
• 點(diǎn)擊商品直接進(jìn)入商品詳情界面，或點(diǎn)擊加號(hào)，可將商品直接加入購(gòu)物車(chē)。

• 在“分類(lèi)”頁(yè)面上方點(diǎn)擊搜索框，商品搜索頁(yè)面從右側(cè)彈出，同時(shí)字母鍵盤(pán)從頁(yè)面底部彈出；
• 點(diǎn)擊廣告活動(dòng)banner區(qū)的廣告，相應(yīng)的廣告界面從右側(cè)彈出；
• 主標(biāo)簽可以左右滑動(dòng)，子標(biāo)簽可以上下滑動(dòng)，查看更多信息；
• 選中標(biāo)簽的內(nèi)容時(shí)，字體會(huì)加粗顯示；
• 點(diǎn)擊商品分類(lèi)頁(yè)面中的主標(biāo)簽，相應(yīng)的商品推薦頁(yè)面和商品子標(biāo)簽從頁(yè)面下半部分加載出來(lái)；
• 在商品推薦頁(yè)面上方點(diǎn)擊綜合、銷(xiāo)量、價(jià)格等排序按鈕，商品推薦頁(yè)面會(huì)自動(dòng)更新，重新加載；
• 點(diǎn)擊每個(gè)商品右方的加號(hào)圖標(biāo)，商品旁的數(shù)字+1，同時(shí)數(shù)字左邊出現(xiàn)“－”按鈕，底部導(dǎo)航頁(yè)的購(gòu)物車(chē)右角標(biāo)數(shù)字+1，同時(shí)會(huì)有1s的商品放入購(gòu)物車(chē)的動(dòng)畫(huà)。

4.5 購(gòu)物車(chē)頁(yè)面

1. 用戶(hù)位置定位；
2. 購(gòu)物車(chē)商品列表；
3. 猜你喜歡商品推薦區(qū)；
4. 結(jié)算區(qū)。

• 點(diǎn)擊頁(yè)面底部導(dǎo)航欄的“購(gòu)物車(chē)“標(biāo)簽；
• 點(diǎn)擊商品詳情頁(yè)左下角購(gòu)物車(chē)icon；
• 點(diǎn)擊菜譜詳情頁(yè)右上角購(gòu)物車(chē)icon；
• 點(diǎn)擊廣告活動(dòng)詳情頁(yè)購(gòu)物車(chē)浮標(biāo)。

• 在購(gòu)物車(chē)頁(yè)面下，用戶(hù)可以查看添加到購(gòu)物車(chē)的商品，也可點(diǎn)擊查看商品詳情；
• 用戶(hù)可以改變購(gòu)物車(chē)內(nèi)商品的數(shù)量，也可以同時(shí)選擇對(duì)一種或多種商品進(jìn)行結(jié)算或刪除；
• 用戶(hù)點(diǎn)擊去結(jié)算按鈕進(jìn)入結(jié)算頁(yè)面可以更改收貨地址、選擇送達(dá)時(shí)間、選擇優(yōu)惠紅包和選擇支付方式，極速達(dá)商品默認(rèn)送達(dá)時(shí)間為接下來(lái)一小時(shí)；
• 結(jié)算頁(yè)面有商品合計(jì)價(jià)格、活動(dòng)優(yōu)惠以及運(yùn)費(fèi)的信息；
• 在結(jié)算頁(yè)面未支付返回購(gòu)物車(chē)會(huì)出現(xiàn)dialog彈窗提示用戶(hù)是否要離開(kāi)。

• 用戶(hù)點(diǎn)擊頁(yè)面上方定位Icon，選擇售后地址頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊勾選商品或全選的“白色圓圈”，圓圈上會(huì)顯示玫紅色的勾，頁(yè)面右下方合計(jì)價(jià)格通過(guò)單價(jià)*數(shù)量算出并顯示在去結(jié)算按鈕左邊，“去結(jié)算”按鈕填充玫紅色；
• 用戶(hù)點(diǎn)擊商品，相應(yīng)的商品詳情頁(yè)面從右側(cè)彈出；
• 用戶(hù)點(diǎn)擊商品訂單中的“+” “-”按鈕，可改變結(jié)算商品的數(shù)量；若商品數(shù)量為1，點(diǎn)擊商品訂單中的“-”按鈕，頁(yè)面中間出現(xiàn)dialog彈窗，詢(xún)問(wèn)顧客是否刪除該商品；
• 點(diǎn)擊填充玫紅色的“去結(jié)算”按鈕，填寫(xiě)訂單（支付）頁(yè)面從右側(cè)彈出；
• 用戶(hù)點(diǎn)擊猜你喜歡區(qū)域商品旁的加號(hào)，底部導(dǎo)航頁(yè)的購(gòu)物車(chē)右角標(biāo)數(shù)字+1，這時(shí)沒(méi)有動(dòng)畫(huà)；
• 用戶(hù)點(diǎn)擊商品旁的“可用優(yōu)惠券”按鈕，相應(yīng)的優(yōu)惠券Actionbar向上滑動(dòng)顯示，點(diǎn)擊彈窗右上角的X或遮罩，“優(yōu)惠券”彈窗向下滑出，同時(shí)遮罩消失。

4.6 我的頁(yè)面

1. 用戶(hù)信息（頭像、用戶(hù)名、賬戶(hù)信息）；
2. 消息提醒；
3. 訂單信息；
4. 廣告活動(dòng)；
5. 用戶(hù)服務(wù)欄。

• 用戶(hù)想要更改賬號(hào)信息；
• 用戶(hù)想要充值；
• 用戶(hù)想要把積分兌換成商品；
• 用戶(hù)想查看訂單狀態(tài)；
• 用戶(hù)想聯(lián)系客服尋求幫助；
• 用戶(hù)想退出登錄；
• 用戶(hù)想開(kāi)發(fā)票。

• 點(diǎn)擊頁(yè)面左上角鈴鐺icon出現(xiàn)消息頁(yè)面，提示用戶(hù)相關(guān)的優(yōu)惠活動(dòng)；
• 點(diǎn)擊積分兌換、積分商城出現(xiàn)福利社頁(yè)面，可供用戶(hù)兌換商品；
• 點(diǎn)擊我的訂單部分的標(biāo)簽欄可查看訂單狀態(tài)、評(píng)價(jià)訂單和訂單售后；
• 點(diǎn)擊“全部訂單”可查看用戶(hù)的所有訂單，并提供開(kāi)發(fā)票服務(wù)；
• 點(diǎn)擊活動(dòng)標(biāo)簽可進(jìn)入相關(guān)活動(dòng)詳情頁(yè)；
• 點(diǎn)擊貨地址可新增和更改現(xiàn)有收貨地址；
• 點(diǎn)擊客服可進(jìn)入客服與幫助界面；
• 點(diǎn)擊設(shè)置可退出登陸和查看app相關(guān)信息。

• 點(diǎn)擊頁(yè)面左上角鈴鐺icon，活動(dòng)消息頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊“立即開(kāi)通”按鈕，開(kāi)通會(huì)員的“優(yōu)享會(huì)員專(zhuān)場(chǎng)”頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊“全部訂單”用戶(hù)的所有訂單頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊我的訂單區(qū)域相應(yīng)標(biāo)簽（待支付、待配送、配送中、待評(píng)價(jià)、售后），相應(yīng)頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊活動(dòng)標(biāo)簽，相關(guān)活動(dòng)詳情頁(yè)從右側(cè)彈出；
• 點(diǎn)擊貨地址，我的收貨地址頁(yè)面從右側(cè)彈出；
• 點(diǎn)擊客服，客服與幫助界面從右側(cè)彈出；
• 點(diǎn)擊設(shè)置，設(shè)置頁(yè)面從右側(cè)彈出。

4.7 吃什么頁(yè)面

1. 菜譜、食材搜索框；
2. PGC專(zhuān)欄；
3. UGC專(zhuān)欄，橫向列表分為8類(lèi)，點(diǎn)擊右側(cè)列表圖標(biāo)可展開(kāi)更多；
4. 用戶(hù)頭像。

• 用戶(hù)買(mǎi)了商品不知如何制作，想要搜索商品的菜譜；

• 用戶(hù)想分享自己的廚藝，獲得自我實(shí)現(xiàn)和滿(mǎn)足感；

• 用戶(hù)不知道吃什么，想看看他人分享的菜譜尋找靈感；

• 用戶(hù)想提升自己的廚藝，需要學(xué)習(xí)一些菜譜。

• 點(diǎn)擊頁(yè)面底部導(dǎo)航欄的“吃什么“標(biāo)簽；

• 在商品詳情頁(yè)菜譜做法區(qū)點(diǎn)擊任一菜譜區(qū)域。

• 點(diǎn)擊搜索框，進(jìn)入菜譜搜索頁(yè)面；
• 點(diǎn)擊頭像進(jìn)入用戶(hù)個(gè)人中心；
• 點(diǎn)擊暖心推薦下方圖片進(jìn)入相關(guān)的內(nèi)容頁(yè)面；
• 點(diǎn)擊下方菜譜分類(lèi)別導(dǎo)航的標(biāo)簽頁(yè)面下方出現(xiàn)相應(yīng)類(lèi)別的推薦菜譜；
• 點(diǎn)擊商品分類(lèi)tab右側(cè)的列表icon，會(huì)展開(kāi)更詳細(xì)的類(lèi)別供挑選；
• 在今日推薦板塊，用戶(hù)可以對(duì)喜歡的菜譜進(jìn)行點(diǎn)贊操作，點(diǎn)贊后會(huì)把相應(yīng)菜譜加入到個(gè)人中心頁(yè)面的點(diǎn)贊區(qū)域；
• 點(diǎn)擊具體的菜譜會(huì)直接進(jìn)入菜譜詳情界面，下拉會(huì)出現(xiàn)食材清單區(qū)域，點(diǎn)擊相應(yīng)食材旁的加號(hào)，可將商品直接加入購(gòu)物車(chē)，點(diǎn)擊相應(yīng)食材的圖片/視頻，會(huì)跳轉(zhuǎn)商品詳情頁(yè)；
• 在菜譜詳情界面，可以對(duì)菜譜進(jìn)行點(diǎn)贊、收藏、分享操作；點(diǎn)贊、收藏后會(huì)把相應(yīng)菜譜加入到個(gè)人中心頁(yè)面的點(diǎn)贊、收藏區(qū)域。

• 上下滑動(dòng)瀏覽內(nèi)容；
• 點(diǎn)擊搜索框，搜索頁(yè)面從右側(cè)彈出，同時(shí)字母全鍵盤(pán)從頁(yè)面底部彈出；
• 點(diǎn)擊用戶(hù)頭像，用戶(hù)詳情頁(yè)從右側(cè)彈出；
• 點(diǎn)擊暖心推薦“優(yōu)鮮小廚”發(fā)布的官方內(nèi)容，相應(yīng)內(nèi)容界面從右側(cè)彈出；
• 點(diǎn)擊菜譜圖片或視頻，菜譜詳情頁(yè)從右側(cè)彈出；
• 點(diǎn)擊?圖標(biāo)給用戶(hù)點(diǎn)贊，灰色的?會(huì)變成玫紅色，再點(diǎn)擊一下玫紅色的?會(huì)重新變?yōu)榛疑?/span>

1. “吃什么”頁(yè)面為用戶(hù)提供了社區(qū)，增強(qiáng)了用戶(hù)黏性。
2. 幫助購(gòu)買(mǎi)了菜品不知如何制作的用戶(hù)提供了方便的制作方法。
3. 以前往往是用戶(hù)想做什么菜，然后在去搜索相應(yīng)食材，就會(huì)比較麻煩。現(xiàn)在用戶(hù)可以直接搜索出菜譜，在菜譜詳情頁(yè)的食材清單中，把食材直接加入購(gòu)物車(chē)。
4. 搜索框暫不支持內(nèi)容模糊搜索，不會(huì)彈出備選列表。
5. 菜譜圖文詳情頁(yè)頁(yè)面頂端，每個(gè)菜譜只有一張成品圖片，無(wú)法點(diǎn)擊圖片放大圖。建議以后擁有自己的社區(qū)后，支持用戶(hù)上傳多張成品圖可供左右滑動(dòng)查看。
6. 用戶(hù)暫時(shí)只能點(diǎn)贊收藏菜譜，并不能評(píng)論和發(fā)布作品，可以讓用戶(hù)購(gòu)買(mǎi)APP上的食材后，分享該商品的做法，并po出自己的成品圖/視頻，同時(shí)借助評(píng)論功能讓用戶(hù)進(jìn)行交流。
7. 由于大多是第三方APP的用戶(hù)在社區(qū)上發(fā)布的作品，所以還沒(méi)有關(guān)注功能。
8. UGC區(qū)域的內(nèi)容大多源于豆果美食這一第三方APP，相當(dāng)于是把豆果美食的社區(qū)生態(tài)圈硬搬到自己的平臺(tái)。我建議每日優(yōu)鮮后期可以形成自己的社區(qū)，讓自己的用戶(hù)在“吃什么”頁(yè)面發(fā)布作品。前期，為了加大宣傳，可以邀請(qǐng)一些明星入駐，讓明星在“吃什么”社區(qū)分享自己的作品。

五、總結(jié)

想學(xué)習(xí)更多關(guān)于產(chǎn)品、職場(chǎng)、心理、認(rèn)知等干貨，可長(zhǎng)按右邊二維碼，關(guān)注我們。

點(diǎn)擊“閱讀原文”

查看更多干貨