本文主要分享的是如何通過使用、體驗(yàn)、研究等方式倒推網(wǎng)易云音樂APP，生成它的產(chǎn)品需求文檔。enjoy~

產(chǎn)品需求文檔，俗稱PRD（Product Requirement Document），是產(chǎn)品項(xiàng)目由“概念化”階段進(jìn)入到“圖紙化”階段的最主要的一個(gè)文檔。

其作用就是“對(duì)MRD（市場(chǎng)需求文檔）中的內(nèi)容進(jìn)行指標(biāo)化和技術(shù)化”，這個(gè)文檔的質(zhì)量好壞直接影響到研發(fā)部門是否能夠明確產(chǎn)品的功能和性能。

PRD要把“產(chǎn)品需求”的內(nèi)容獨(dú)立出來加以詳細(xì)的說明。這部分也是PRD寫得最多的內(nèi)容，也就是傳統(tǒng)意義上的需求分析，我們這里主要指UC（use case）文檔。主要內(nèi)容有，功能使用的具體描述（每個(gè)UC一般有用例簡(jiǎn)述、頁面邏輯、UI描述、流程/子流程/分支流程等幾大塊），Visio做的功能點(diǎn)業(yè)務(wù)流程，界面的說明，高/低保真原型圖等。

撰寫PRD，產(chǎn)品需求文檔是產(chǎn)品經(jīng)理日常工作中的主要工作。熟練、準(zhǔn)確、高效的完成一個(gè)讓開發(fā)人員、市場(chǎng)等人員滿意的產(chǎn)品需求文檔更是一個(gè)合格的產(chǎn)品經(jīng)理的標(biāo)志。

沒有接觸過產(chǎn)品經(jīng)理工作的產(chǎn)品新人，可以采用倒推現(xiàn)有市場(chǎng)上相對(duì)成熟產(chǎn)品的產(chǎn)品需求文檔的方式，鍛煉自己的產(chǎn)品需求文檔撰寫能力。

下面筆者為大家展示，如何通過使用、體驗(yàn)、研究等方式倒推網(wǎng)易云音樂APP，生成它的產(chǎn)品需求文檔。

由于網(wǎng)易云音樂產(chǎn)品功能框架實(shí)在龐大，信息流分支眾多且界面繁雜，筆者將該文檔撰寫重心發(fā)在網(wǎng)易云音樂主要的流量入口——發(fā)現(xiàn)音樂首界面，其余子界面暫時(shí)略過，望理解。

以下為本文目錄：

1. 文檔綜述?

1.1 版本修訂記錄

1.1 PRD輸出環(huán)境

1.2 產(chǎn)品介紹

1.3 文檔名詞說明

2. 產(chǎn)品結(jié)構(gòu)

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

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

3. 全局說明

3.1 功能權(quán)限

3.2 鍵盤說明

3.3 頁面內(nèi)交互

4. 產(chǎn)品詳細(xì)功能說明

4.1 常用操作

4.1.1?常用icon

4.1.2?操作彈窗

4.2 歡迎頁

4.3 登陸/注冊(cè)頁

4.4 發(fā)現(xiàn)音樂首頁

4.4.1 搜索頁

4.4.2 聽歌識(shí)曲頁

4.4.3 正在播放頁
……

1. 文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環(huán)境

1.3 產(chǎn)品介紹

網(wǎng)易云音樂是一款可以在線收聽原創(chuàng)音樂、電臺(tái)、音樂節(jié)目，瀏覽音樂資訊與視頻、發(fā)表看法并參與討論的音樂平臺(tái)類軟件。致力于為用戶帶來高價(jià)值、多角度、強(qiáng)互動(dòng)性的多元化使用體驗(yàn)。

1.4 名詞說明

2. 產(chǎn)品結(jié)構(gòu)

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

注：紅色虛線連接的兩個(gè)功能，表示其功能實(shí)現(xiàn)的最終抵達(dá)界面相同。

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

網(wǎng)易云音樂的信息架構(gòu)異常復(fù)雜，這是我在倒推之前沒有想到的。一個(gè)工具類音樂產(chǎn)品承載了如此多的內(nèi)容，產(chǎn)生了如此多的流量入口，可留存率較低，流量加工能力弱。

3. 全局說明

3.1 功能權(quán)限

分為未登陸狀態(tài)與登陸狀態(tài)。

登陸狀態(tài)下可進(jìn)行所有操作；

未登錄狀態(tài)下：

• 未登錄狀態(tài)下不可進(jìn)入朋友欄中“發(fā)動(dòng)態(tài)”“發(fā)布視頻”和個(gè)人信息編輯界面；
• 無法進(jìn)行收藏、創(chuàng)建歌單、收藏、購買、喜歡電臺(tái)的操作；
• 不可在任何界面進(jìn)行喜歡、評(píng)論、轉(zhuǎn)發(fā)、關(guān)注用戶、參加活動(dòng)、訂閱標(biāo)簽的操作；
• 無法手機(jī)、電腦多端同步，無法下載歌曲；
• 無法在商城中進(jìn)行付款操作；
• 進(jìn)行以上操作跳轉(zhuǎn)到登錄首頁4.2.1

3.2 鍵盤說明

• 點(diǎn)擊（手機(jī)號(hào)、驗(yàn)證碼）輸入框時(shí)彈出數(shù)字鍵盤；
• 點(diǎn)擊其他輸入框彈出字母鍵盤；

3.3 頁面內(nèi)交互

4. 產(chǎn)品詳細(xì)功能說明

4.1 常用操作

4.1.1 常用icon

類似的icon交互效果（訂閱、收藏、喜歡等）

icon外形設(shè)計(jì)盡量簡(jiǎn)潔易懂，但在交互效果上要體現(xiàn)互動(dòng)性與趣味性，增強(qiáng)用戶體驗(yàn)。

4.1.2 更多操作彈窗

（左）“我的信息”模塊中點(diǎn)擊評(píng)論后彈窗；（右）音樂/電臺(tái)/視頻/評(píng)論分享彈窗

（左）電臺(tái)界面點(diǎn)擊“更多”按鈕彈窗；（右）音樂頁面點(diǎn)擊更多按鈕窗口

（左）評(píng)論輸入框彈窗；（右）回復(fù)評(píng)論/互動(dòng)彈窗

4.2 歡迎頁

歡迎頁后置條件（效果）分為以下三種情況：

（1）已登錄已聯(lián)網(wǎng)

啟動(dòng)APP后，進(jìn)入引導(dǎo)圖片，大約展示2s后進(jìn)入廣告視頻，可點(diǎn)擊右上角按鈕跳過，進(jìn)入發(fā)現(xiàn)音樂首界面。

（圖1）

（2）已登錄未聯(lián)網(wǎng)

啟動(dòng)APP后，進(jìn)入引導(dǎo)圖片，大約展示2s后進(jìn)入廣告視頻，可點(diǎn)擊右上角按鈕跳過，進(jìn)入我的音樂界面，并彈出toast提示用戶無可用網(wǎng)絡(luò)，可以播放已下載歌曲。詳見3.3 頁面內(nèi)交互中toast界面示例。

（圖2）

（3）未登錄已/未聯(lián)網(wǎng)

啟動(dòng)APP后，進(jìn)入引導(dǎo)圖片，大約展示2s后進(jìn)入廣告視頻，可點(diǎn)擊右上角按鈕跳過，進(jìn)入登錄界面。但用戶亦可點(diǎn)擊以游客身份進(jìn)入，進(jìn)入發(fā)現(xiàn)音樂首界面。

（圖3）

引導(dǎo)頁功能邏輯圖見下：

4.3 登錄/注冊(cè)頁

（1）登錄頁觸發(fā)前置條件：

• 用戶已進(jìn)入APP：用戶進(jìn)入APP后，在賬號(hào)頁面點(diǎn)擊“退出登錄”；
• 用戶未進(jìn)入APP，準(zhǔn)備進(jìn)入：用戶使用過APP，但在此次開啟APP前未登錄；用戶首次使用APP；

（2）頁面邏輯：

• 點(diǎn)擊“手機(jī)號(hào)登錄”，進(jìn)入手機(jī)登錄界面。登錄成功后進(jìn)入首界面；
• 點(diǎn)擊“注冊(cè)”，進(jìn)入手機(jī)號(hào)注冊(cè)界面；點(diǎn)擊下方其他注冊(cè)方式，界面與登錄首界面點(diǎn)擊其他登錄方式界面相同。注冊(cè)成功后自動(dòng)登錄，進(jìn)入首界面；
• 點(diǎn)擊“游客試用”，進(jìn)入首界面；
• 點(diǎn)擊下方其他登錄方式，調(diào)出其他授權(quán)接口，登錄成功后進(jìn)入首界面；

此處需要特別注意的是，登錄界面沒有前置界面，只有后置界面。也就是說沒有出口，用戶只有完成登錄或注冊(cè)才能進(jìn)入首界面使用產(chǎn)品，否則只能點(diǎn)擊游客試用，或退出APP。而游客試用按鈕距離注冊(cè)按鈕距離很近，用戶很容易誤操作點(diǎn)擊注冊(cè)。網(wǎng)易云音樂的登錄界面對(duì)用戶的注冊(cè)行為誘導(dǎo)性很強(qiáng)。

為什么網(wǎng)易云音樂對(duì)用戶注冊(cè)誘導(dǎo)性很強(qiáng)？因?yàn)榫W(wǎng)易云音樂的業(yè)務(wù)需求與功能需求都強(qiáng)烈依賴用戶的關(guān)系鏈與社群來吸引流量，而用戶注冊(cè)是第一步：建立節(jié)點(diǎn)。像其他類別的產(chǎn)品例如知乎，對(duì)用戶注冊(cè)誘導(dǎo)性并不強(qiáng)。因?yàn)橹醯闹饕獦I(yè)務(wù)與功能需求側(cè)重點(diǎn)在內(nèi)容上，用戶不注冊(cè)，并不影響內(nèi)容的表現(xiàn)。

（3）登錄頁交互效果展示：

4.4 發(fā)現(xiàn)音樂頁

（1）頁面邏輯

頂部導(dǎo)航欄（從左至右）：

• 語音搜歌：點(diǎn)擊按鈕，進(jìn)入語音搜歌界面；
• 搜索：點(diǎn)擊文本輸入框，輸入文字或點(diǎn)擊下方熱門搜索關(guān)鍵詞，點(diǎn)擊搜索，進(jìn)入搜索結(jié)果頁；
• 正在播放：點(diǎn)擊按鈕，進(jìn)入正在播放音樂界面；

頂部TAB欄（從左至右）：

• 音樂：點(diǎn)擊音樂，進(jìn)入音樂首頁，可瀏覽推薦歌單、推薦電臺(tái)、推薦專欄等欄目。
• 視頻：點(diǎn)擊視頻，進(jìn)入視頻首頁，冷啟動(dòng)階段形式為短視頻瀑布流，后期根據(jù)用戶興趣模型進(jìn)行feed。
• 電臺(tái)：點(diǎn)擊電臺(tái)，進(jìn)入電臺(tái)首頁，用戶可瀏覽付費(fèi)精品、電臺(tái)個(gè)性推薦、以及電臺(tái)分類欄目。

輪播圖：

將網(wǎng)易云音樂最近的獨(dú)家活動(dòng)、專欄、音樂的海報(bào)通過輪播圖的形式展示，每2秒輪動(dòng)一次，共8欄。

標(biāo)簽欄：

• 私人FM：點(diǎn)擊私人FM標(biāo)簽，進(jìn)入我的私人FM界面，根據(jù)用戶收聽習(xí)慣不間斷的播放推薦歌曲。
• 每日推薦：點(diǎn)擊每日推薦標(biāo)簽，進(jìn)入每日推薦界面，根據(jù)用戶收聽習(xí)慣為用戶定制每日播放列表。
• 歌單：點(diǎn)擊歌單標(biāo)簽，進(jìn)入歌單界面，以瀑布流的形式展示推薦歌單封面及名稱。用戶可以自主選擇歌單 ? ? ? ? ?類型，或選擇精品歌單推薦。
• 排行榜：點(diǎn)擊排行榜標(biāo)簽，進(jìn)入排行榜界面。為用戶展示云音樂官方榜單及全球榜單，還有用戶排行單。

（2）主要欄目：

主要欄目的四種展示位框架形式：

• 推薦歌單：欄目框架由6個(gè)大小為105*105的展示位構(gòu)成，上面3個(gè)，下面3個(gè)。單個(gè)展示位由圖片與標(biāo)題構(gòu)成，標(biāo)題在圖片下方。圖片右上角標(biāo)明播放次數(shù)。
• 獨(dú)家放送：欄目框架由2個(gè)大小為160*90的矩形展示位在上，1個(gè)320*110的矩形展示位在下構(gòu)成。單個(gè)展示位由圖片與標(biāo)題構(gòu)成，標(biāo)題在圖片下方。圖片左上角標(biāo)明內(nèi)容類型，例如視頻、廣告鏈接、專欄、活動(dòng)等。
• 最新音樂：欄目框架由6個(gè)大小為105*105的展示位構(gòu)成，上面3個(gè)，下面3個(gè)。單個(gè)展示位由圖片與標(biāo)題構(gòu)成，標(biāo)題在圖片下方。左起第一個(gè)展示位內(nèi)容為新歌推薦歌單，其余為單曲。
• 推薦MV：欄目框架由4個(gè)大小為160*140的展示位構(gòu)成，上面2個(gè)，下面2個(gè)。單個(gè)展示位由圖片與標(biāo)題構(gòu)成，MV名稱與表演者在圖片下方。圖片右上角標(biāo)明播放次數(shù)。
• 精選專欄：欄目框架由3個(gè)大小為320*70的展示位從上到下排列構(gòu)成，單個(gè)展示位左側(cè)上方為標(biāo)題下方為閱讀量。右側(cè)為115*70大小的縮略圖。
• 主播電臺(tái)：欄目框架由6個(gè)大小為105*105的展示位構(gòu)成，上面3個(gè)，下面3個(gè)。單個(gè)展示位由圖片與欄目標(biāo)題構(gòu)成，電臺(tái)作者名稱在圖片內(nèi)部，標(biāo)題在圖片外下方。圖片左上角標(biāo)明是否為付費(fèi)電臺(tái)。

底部調(diào)整欄目順序：用戶點(diǎn)擊按鈕后，進(jìn)入欄目順序設(shè)置界面，可以自由調(diào)整各欄目展示順序。

4.4.1 搜索頁

頁面邏輯：

頂部功能欄

• 輸入框：點(diǎn)擊輸入框，彈出鍵盤輸入文字點(diǎn)擊搜索后進(jìn)入搜索結(jié)果界面。
• 取消：點(diǎn)擊取消按鈕，頁面跳轉(zhuǎn)回發(fā)現(xiàn)音樂界面。
• 歌手分類欄：點(diǎn)擊歌手分類欄目，進(jìn)入歌手分類界面。選擇并點(diǎn)擊不同的分類及歌手，最終進(jìn)入到所選擇的歌曲的播放界面。

熱門搜索欄

熱門搜索欄下方為當(dāng)前所有用戶搜索次數(shù)排名靠前的關(guān)鍵詞標(biāo)簽，用戶點(diǎn)擊標(biāo)簽可以直接進(jìn)入該標(biāo)簽關(guān)鍵詞的搜索結(jié)果界面。

最近搜索欄

最近搜索欄由上到下展示用戶近期的搜索歷史記錄關(guān)鍵詞，用戶可快捷點(diǎn)選進(jìn)行搜索，也可點(diǎn)擊右側(cè)按鈕刪除該歷史記錄。

用戶搜索行為業(yè)務(wù)模型

大部分的搜索行為可以在搜索界面完成，只有少量的如語音搜歌功能需要回到發(fā)現(xiàn)音樂界面點(diǎn)擊“語音搜歌”按鈕完成。

4.4.2 聽歌識(shí)曲頁

前置條件：用戶需為產(chǎn)品打開“麥克風(fēng)”權(quán)限，進(jìn)入該界面使用該功能前通過dialog窗口詢問用戶是否打開此權(quán)限。

頁面邏輯

頂部功能欄：

• 回退：點(diǎn)擊回退按鈕，回到發(fā)現(xiàn)音樂首界面。
• 聽歌識(shí)曲/識(shí)別歷史tab欄：切換聽歌識(shí)曲界面與識(shí)別歷史瀏覽界面。
• 正在播放：切換到正在播放界面。

識(shí)別標(biāo)簽：

點(diǎn)擊界面中心識(shí)別按鈕，開始識(shí)別音樂，識(shí)別成功后會(huì)跳轉(zhuǎn)到該音樂的播放界面。

4.4.3 正在播放頁

前置條件：

點(diǎn)擊主頁面右上角正在播放按鈕，轉(zhuǎn)到此頁面。

正在播放按鈕只有當(dāng)選擇了歌曲并發(fā)生播放行為，才會(huì)出現(xiàn)。冷啟動(dòng)后未打開歌曲，此按鈕不存在。

正在播放界面業(yè)務(wù)邏輯：

頁面邏輯：

頂部功能欄

• 返回按鈕：點(diǎn)擊頂部功能欄左側(cè)返回按鈕，回到上一界面。
• 分享按鈕：點(diǎn)擊頂部功能欄右側(cè)分享按鈕，彈出分享彈窗，用戶可進(jìn)行分享操作。詳見?4.0.2 更多操作彈窗中的分享彈窗頁面。

中部專輯封面

常態(tài)為專輯封面圖，點(diǎn)擊后變?yōu)楦柙~瀏覽頁面。再次點(diǎn)擊回到封面圖頁面。

歌詞瀏覽頁

用戶可上下滑動(dòng)屏幕，瀏覽歌詞?；瑒?dòng)范圍為一句歌詞，每次滑動(dòng)移動(dòng)到下一句歌詞處。

當(dāng)前歌詞左右兩側(cè)各有一個(gè)icon，左側(cè)為播放按鈕，點(diǎn)擊后從當(dāng)前歌詞處播放。右側(cè)為當(dāng)前歌詞所在時(shí)間。

此處需要注意的是，當(dāng)用戶產(chǎn)生滑動(dòng)歌詞的動(dòng)作后，取詞狀態(tài)一直進(jìn)行。兩側(cè)始終有icon存在。

下部標(biāo)簽欄

紅心：用戶點(diǎn)擊紅心，該歌曲自動(dòng)添加到我喜歡的音樂列表中。同時(shí)在頁面右上角出現(xiàn)小鹿形象并彈出消息欄：“喜歡就多多分享哦！”（消息欄內(nèi)容更新，每次觸發(fā)消息都不同），鼓勵(lì)用戶進(jìn)行分享行為。

下載：用戶點(diǎn)擊下載按鈕后，根據(jù)歌曲的類型主要分為三種：免費(fèi)歌曲、強(qiáng)制付費(fèi)歌曲、會(huì)員免費(fèi)歌曲。用戶不同身份點(diǎn)擊不同類型的歌曲，觸發(fā)的頁面及流程各不相同。

歌曲下載功能業(yè)務(wù)邏輯：

評(píng)論：點(diǎn)擊評(píng)論按鈕，進(jìn)入當(dāng)前歌曲的評(píng)論區(qū)。

進(jìn)入評(píng)論頁面，自動(dòng)從下方彈出發(fā)表評(píng)論輸入框，用戶可以點(diǎn)擊編輯文字后發(fā)表評(píng)論。

若輸入框內(nèi)無文字用戶仍點(diǎn)擊發(fā)送，頁面中間彈出alert“輸入信息不能為空”。

評(píng)論成功后，彈出toast“評(píng)論發(fā)布成功”。

點(diǎn)擊評(píng)論區(qū)某個(gè)用戶評(píng)論，彈出評(píng)論交互氣泡。具體形式詳見?4.0.2 更多操作彈窗中的回復(fù)評(píng)論彈窗樣式。

評(píng)論交互氣泡：

交互氣泡由四部分組成，分別是回復(fù)、轉(zhuǎn)發(fā)、復(fù)制、舉報(bào)。

• 回復(fù)：點(diǎn)擊回復(fù)按鈕，彈出回復(fù)評(píng)論編輯窗口，與發(fā)布評(píng)論窗口相同；
• 轉(zhuǎn)發(fā)：點(diǎn)擊轉(zhuǎn)發(fā)按鈕，彈出轉(zhuǎn)發(fā)窗口，具體形式詳見4.0.2 更多操作彈窗中的轉(zhuǎn)發(fā)彈窗樣式。
• 復(fù)制：點(diǎn)擊復(fù)制按鈕，彈出toast“復(fù)制成功”。
• 舉報(bào)：點(diǎn)擊舉報(bào)按鈕，彈出舉報(bào)窗口。具體形式詳見4.0.2 更多操作彈窗中的舉報(bào)彈窗樣式。
• 更多：點(diǎn)擊更多按鈕，從下方彈出彈窗。具體形式詳見4.0.2 更多操作彈窗中的音樂播放界面點(diǎn)擊更多彈窗樣式。

底部功能欄：

• 播放模式切換：點(diǎn)擊按鈕，切換循環(huán)播放、單曲循環(huán)、隨機(jī)播放等模式。每次點(diǎn)擊按鈕，屏幕中央彈出對(duì)應(yīng)播放模式的toast窗口，提醒用戶當(dāng)前播放模式。
• 播放控制：主要由上一首，播放/暫停，下一首三個(gè)按鈕構(gòu)成。
• 播放列表：點(diǎn)擊播放列表按鈕，從下方彈出播放列表窗口。

窗口上方功能欄左側(cè)為循環(huán)模式按鈕，可以在此切換模式。右側(cè)為收藏按鈕，可以將此播放列表加入到自己的歌單。點(diǎn)擊清空，清空所有播放列表。

點(diǎn)擊窗口中的歌曲列表，可以播放列表中的其他歌曲。當(dāng)前正在播放的歌曲左側(cè)，有小喇叭icon做提示。

網(wǎng)易云音樂APP框架龐大，流量入口非常繁雜。筆者在此主要對(duì)發(fā)現(xiàn)音樂主窗口部分進(jìn)行詳細(xì)撰寫，不再對(duì)其他主界面進(jìn)行贅述。不過可以確定的是，網(wǎng)易云音樂的產(chǎn)品布局絕不是一個(gè)工具類音樂APP這么簡(jiǎn)單，它更像是一個(gè)涉及資訊、短視頻、音樂、媒體、電商的強(qiáng)流量分發(fā)平臺(tái)。布局如此之大，是筆者之前沒有想到的。相信網(wǎng)易云音樂會(huì)在短視頻內(nèi)容上率先發(fā)力，在大媒體時(shí)代占領(lǐng)一席之地。

作者：CHinos，從傳統(tǒng)制造業(yè)半路出家轉(zhuǎn)行互聯(lián)網(wǎng)的產(chǎn)品經(jīng)理。公眾號(hào)：CHinos產(chǎn)品實(shí)驗(yàn)室，歡迎交流

本文由 @CHinos 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。