作者嘗試倒推了網(wǎng)易云音樂的需求文檔，分享給大家，希望可以給各位提供些參考。

一、文檔綜述

1.1版本修訂記錄

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

1.3、產(chǎn)品介紹

網(wǎng)易云一款一站式閱讀電子書、雜志報紙、互聯(lián)網(wǎng)資訊和精美圖集的在線閱讀軟件。致力于為讀者帶來高價值和高效率的閱讀體驗。

1.4、名詞說明

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

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

三、全局說明

3.1、功能權(quán)限

1. 登錄狀態(tài)下可以進(jìn)行所有操作
2. 未登錄狀態(tài)不可以進(jìn)行關(guān)注好友，我的消息，購買和上傳書籍功能都不可以用。要進(jìn)行上述操作需要跳轉(zhuǎn)到登錄頁面進(jìn)行登錄。

3.2、頁面內(nèi)交互

3.2.1底部彈窗和頂部彈窗

3.3、頁面異常

四、產(chǎn)品詳細(xì)功能說明

4.0常用操作

4.0.1常用icon.

交互：頁面底部彈出。頁面邏輯：點(diǎn)擊頁面分享圖標(biāo)。

4.0.3 更多操作彈窗。

頁面邏輯：一個是閱讀書籍時點(diǎn)擊更多操作控件，一個是閱讀文章時點(diǎn)擊更多操作控件。

交互：底部彈出。

4.0.4書籍目錄操作

頁面邏輯：點(diǎn)擊閱讀書籍界面時的目錄按鈕

交互方式：左邊彈出

4.0.5打賞彈窗

4.0.6評論彈窗

評論功能邏輯

4.0.7回復(fù)評論彈窗

功能邏輯：

• 點(diǎn)擊輸入框輸入評論內(nèi)容，當(dāng)評論框字符大于1時，才啟用發(fā)送按鈕，輸入完點(diǎn)擊發(fā)送，顯示toast：評論成功
• 異常情況處理：評論不成功，彈出toast：評論失敗。網(wǎng)絡(luò)沒連接的時候：彈出toast：網(wǎng)絡(luò)沒有連接。

4.0.8刪除彈窗

4.1啟動頁

頁面邏輯：

• 對廣告頁不進(jìn)行任何點(diǎn)擊，3s后自動進(jìn)入app首頁。
• 點(diǎn)擊跳過，直接進(jìn)入app頁面
• 點(diǎn)擊廣告頁圖片沒有熱區(qū)的地方，進(jìn)入廣告頁。
• 點(diǎn)擊分享，彈出分享彈窗。

4.2登錄頁/注冊頁

4.2.1登錄頁

登錄功能的功能邏輯：

• 上次登錄方式后面顯示前一次登錄APP的方式。
• 輸入賬號和密碼匹配正確，登錄成功；若匹配不正確，彈出toast2：提示內(nèi)容：你輸入的密碼與賬號不匹配，請重新輸入。
• 若賬號不存在，進(jìn)行跳轉(zhuǎn)頁面輸入驗證碼進(jìn)行風(fēng)險驗證。
• 點(diǎn)擊輸入框和密碼，底部彈出字母鍵盤
• 輸入框輸入時，展開郵箱選擇列表。

4.2.2注冊頁

注冊功能邏輯：

• 設(shè)置密碼頁面，可以選擇性別，設(shè)置密碼時候，可以選擇是否顯示密碼。

4.2.3找回密碼頁面（選擇手機(jī)號碼找回密碼）

找回密碼功能邏輯

4.2.4第三方授權(quán)登錄頁面

頁面根據(jù)每個授權(quán)登錄方式不一樣。

頁面邏輯：進(jìn)入第三方授權(quán)你頁面點(diǎn)擊確認(rèn)登錄即可加載登錄頁面，然后加載進(jìn)入app頁面。

4.2.5閱讀口味頁面

頁面邏輯：

• 首次下載登錄進(jìn)入出現(xiàn)該頁面，為用戶提供用戶閱讀口味選擇。
• 進(jìn)入個人中心頁面，點(diǎn)擊閱讀口味。
• 點(diǎn)擊標(biāo)注1，標(biāo)注2，頁面跳轉(zhuǎn)如上說明。

頁面功能邏輯：

• 點(diǎn)擊標(biāo)簽，標(biāo)簽為選中狀態(tài)；再一次點(diǎn)擊當(dāng)前口味標(biāo)簽，取消選中狀態(tài)。
• 頂部閱讀口味欄固定，屏幕頁面可上下拖動。

4.3書城頻道

4.3.1推薦標(biāo)簽頁面

頁面邏輯：

1. 標(biāo)注1：登錄進(jìn)入時候出現(xiàn)的界面。在其他頻道時候通過點(diǎn)擊底部標(biāo)簽的書城標(biāo)簽，進(jìn)入該頁面。
2. 標(biāo)注2：可通過滑塊按鈕滑動來選擇對應(yīng)的欄目，頁面內(nèi)容根據(jù)對應(yīng)欄目顯示到相應(yīng)的頁面。
3. 標(biāo)注3：分類標(biāo)簽導(dǎo)航，點(diǎn)擊某一標(biāo)簽，標(biāo)簽呈現(xiàn)為選中狀態(tài)（如圖所示推薦標(biāo)簽），頁面顯示為當(dāng)前標(biāo)簽相對應(yīng)的頁面
4. 標(biāo)注4：點(diǎn)擊更多，可以查看該欄目列表更多的書籍內(nèi)容，跳轉(zhuǎn)到該欄目頁面。
5. 標(biāo)注5：點(diǎn)擊書籍圖片跳轉(zhuǎn)到書籍介紹頁面
6. 標(biāo)注6：點(diǎn)擊緩換一換，整個欄目板塊的書籍更新一次。
7. 標(biāo)注7：點(diǎn)擊用戶頭像，向左彈出個人中心列表頁面。
8. 標(biāo)注8：點(diǎn)擊搜索圖標(biāo)，跳轉(zhuǎn)到搜索頁面。

頁面說明；

• 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息?；瑒訒r有上下限邊界。
• 每個推薦欄目布局為3*2，如圖：主編力薦欄目。
• 該頁面需要向下滑動顯示部分的頁面展示形式為推薦欄目列表形式

4.3.2口味標(biāo)簽頁面

頁面說明；

• 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息?；瑒訒r有上下限邊界。

4.3.3免費(fèi)標(biāo)簽頁面

頁面邏輯：

1. 標(biāo)注1：點(diǎn)擊1所在區(qū)域，進(jìn)入書籍介紹頁面
2. 標(biāo)注2：點(diǎn)擊更多，加載該特價專區(qū)欄目更多書籍，跳轉(zhuǎn)到該欄目頁面。
3. 標(biāo)注3：點(diǎn)擊換一換，該欄目展現(xiàn)的三本書更新一次。

頁面說明：

• 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息?；瑒訒r有上下限邊界。
• 該頁面一共有三個欄目：今日免費(fèi)，特價專區(qū)，包月專區(qū)。包月專區(qū)在特價專區(qū)下面，展現(xiàn)形式跟特價專區(qū)一樣。

4.3.3-1特價專區(qū)頁面

4.3.3-2包月專區(qū)頁面

頁面邏輯：

1. 標(biāo)注1：點(diǎn)擊更多，頁面跳轉(zhuǎn)到包月專區(qū)列表頁B
2. 標(biāo)注2：點(diǎn)擊所在熱區(qū)，頁面跳轉(zhuǎn)到該閱讀包的包月詳情頁面C。
3. 標(biāo)注3：點(diǎn)擊所在熱區(qū)范圍（不包括書籍圖片），頁面跳轉(zhuǎn)到該閱讀包的包月詳情頁面C。點(diǎn)擊包內(nèi)熱書書籍圖片，進(jìn)入書籍介紹頁面。
4. 標(biāo)注4：點(diǎn)擊開通包月功能，跳轉(zhuǎn)到包月支付頁面。
5. 標(biāo)注5：點(diǎn)擊排序，彈出框如右圖所示。可以選擇包內(nèi)書籍按最高人氣在前排列或按最新添加在前排列。
6. 標(biāo)注6：點(diǎn)擊進(jìn)入書籍介紹頁。

頁面說明：

• 包月專區(qū)頁面以紅線框的版式格局作為一行列表呈現(xiàn)列表?？梢陨舷禄瑒恿斜聿榭础?/li>

4.3.4排行榜標(biāo)簽頁面

?

頁面說明：

1. 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息?；瑒訒r有上下限邊界。
2. 該頁面一共有7個榜單欄目：出版熱銷榜、出版收藏榜、出版點(diǎn)擊榜、出版新書榜、出榜免費(fèi)榜、豆瓣好評榜、當(dāng)當(dāng)熱銷榜。每個榜單展現(xiàn)形式一樣。

4.3.4-1榜單頁面

4.3.5分類標(biāo)簽頁面

頁面說明：

1. 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息?；瑒訒r有上下限邊界。
2. 頁面布局為每行兩個，共有7行，可以通過上下滑動屏幕來展示。

4.3.5-1書籍類別頁面

頁面邏輯：

1. 標(biāo)注1：點(diǎn)擊細(xì)分名稱，下面的書籍列表展示為該類別的書。細(xì)分名稱每次只能選中一個，選中時字體呈現(xiàn)紅色。
2. 標(biāo)注2：點(diǎn)擊收費(fèi)，免費(fèi)，包月，書籍列表將展示符合要求的書籍。該欄目選項標(biāo)簽每次只能選中一個。選中時字體呈現(xiàn)紅色。
3. 標(biāo)注3：點(diǎn)擊按暢銷，按人氣，按最新，書籍列表將展示符合要求的書籍，該欄目選項標(biāo)簽每次只能選中一個。選中時字體呈現(xiàn)紅色。
4. 標(biāo)注4：點(diǎn)擊可以進(jìn)入書籍介紹頁面。

頁面說明：

1、頁面可以上下滑動，當(dāng)開始向上滑動時，篩選部分文字向上隱藏。（頁面內(nèi)詳細(xì)交互）

4.3.6專題標(biāo)簽頁面

頁面說明：

1. 頂部狀態(tài)欄、導(dǎo)航欄、分類標(biāo)簽固定在頂部，底部導(dǎo)航標(biāo)簽固定，中間頁面可以上下滑動，顯示更多信息。滑動時有上下限邊界。
2. 頁面布局如圖格式所示以列表的形式展現(xiàn)。

4.3.6-1專題頁面

頁面邏輯：

1. 標(biāo)注1：點(diǎn)擊更多操作彈出更多操作窗口（如圖4.03點(diǎn)擊專題頁面時更多操作的彈窗）
2. 標(biāo)注2：點(diǎn)擊進(jìn)入書籍介紹頁面
3. 標(biāo)注3：點(diǎn)擊打開分享彈窗（如圖4.02）
4. 標(biāo)注4：點(diǎn)擊開始評論。
5. 標(biāo)注5：分享次數(shù)和評論信息條數(shù)不為0時，統(tǒng)計次數(shù)并顯示次數(shù)

頁面說明：

• 頂部狀態(tài)欄和導(dǎo)航欄固定，底部分享和評論，中間頁面可以上下滑動來顯示。
• 沒有人進(jìn)行分享和評論時，圖標(biāo)如標(biāo)注3和標(biāo)注4所示。當(dāng)用戶每對頁面分享一次，分享后面數(shù)字+1；當(dāng)用戶每對專題評論一次，評論后面數(shù)字加1，評論內(nèi)容進(jìn)入評論列表。狀態(tài)如標(biāo)注5所示。
• 專題評論內(nèi)容列表根據(jù)評論時間倒序排列

4.4書架頻道

4.4.1書架頻道頂部彈窗

彈窗說明：

• 加入書架的閱讀包增加，上圖“我的包月”列表閱讀包跟著增加
• 在書架頁面新建一個分組名稱，上圖“我的分組”列表增加新的分組名稱

4.4.2書架列表頁面

頁面邏輯：

1. 標(biāo)注1：點(diǎn)擊向下彈出左邊的窗口，再次點(diǎn)擊，收回該窗口。
2. 標(biāo)注2：點(diǎn)擊用戶頭像，向左彈出個人中心頁面。
3. 標(biāo)注3：點(diǎn)擊搜索圖標(biāo)，進(jìn)入搜索頁面。
4. 標(biāo)注4：點(diǎn)擊展開頂部彈窗如圖3.2.1頂部彈窗。
5. 標(biāo)注5：點(diǎn)擊該行進(jìn)入書籍介紹頁面。（該行為加入書架的書籍）
6. 標(biāo)注6：點(diǎn)擊該閱讀包進(jìn)入包月詳情頁面（如圖4.3.3-2C頁面）
7. 標(biāo)注7：手指按住向左滑動出現(xiàn)右圖行界面。
8. 標(biāo)注8：點(diǎn)擊更多，彈出底部彈窗。如圖3.2.1底部彈窗
9. 標(biāo)注9：點(diǎn)擊刪除，彈出alert.如圖3.2.1alert。

頁面說明：

• 頂部狀態(tài)欄，導(dǎo)航欄固定，底部標(biāo)簽導(dǎo)航欄固定。中間書籍列表可以上下滑動顯示。
• 書籍列表每一行可以左右滑動，左右滑動有邊界。
• 書籍列表的更多功能，根據(jù)列表的類型和列表書籍的類型，展現(xiàn)不同的彈窗操作按鈕

4.4.3本地書頁面

頁面邏輯

• 標(biāo)注1：點(diǎn)擊向下彈出左邊的窗口，再次點(diǎn)擊，收回該窗口。
• 標(biāo)注2：點(diǎn)擊該行進(jìn)入上傳書籍閱讀頁面。
• 標(biāo)注3：手指按住向左滑動出現(xiàn)右圖行界面。
• 標(biāo)注4：點(diǎn)擊更多，彈出底部彈窗。如圖3.2.1底部彈窗
• 標(biāo)注5：點(diǎn)擊刪除，彈出alert.如圖3.2.1alert。

4.5訂閱頻道

4.5.1 訂閱頁面

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊用戶頭像，從左邊彈出個人中心頁面
• 標(biāo)注2：可以對該行標(biāo)簽進(jìn)行選擇，選擇對應(yīng)的標(biāo)簽下面呈現(xiàn)相應(yīng)的內(nèi)容。選中狀態(tài)呈現(xiàn)紅色，有紅色下劃線。進(jìn)行添加訂閱時，訂閱的標(biāo)簽名會在該標(biāo)簽欄展示出來。（如上圖的兩個訂閱標(biāo)簽欄）
• 標(biāo)題3：點(diǎn)擊搜索圖標(biāo)進(jìn)入搜索頁面。
• 標(biāo)題4：點(diǎn)擊加號圖標(biāo)彈出頂部彈窗，彈窗按鈕區(qū)如右圖所示。
• 標(biāo)題5：點(diǎn)擊該熱區(qū)包括圖片，進(jìn)入文章詳情頁。
• 標(biāo)題6：點(diǎn)贊和評論默認(rèn)隱藏，當(dāng)點(diǎn)贊數(shù)大于等于1，點(diǎn)贊圖標(biāo)出現(xiàn)，當(dāng)評論信息大于等于1條，評論圖標(biāo)顯示。
• 標(biāo)題7：點(diǎn)擊該圖標(biāo)，從該頁面移除該篇文章。
• 標(biāo)題8：點(diǎn)擊進(jìn)入添加訂閱頁面
• 標(biāo)題9：點(diǎn)擊進(jìn)入整理訂閱頁面
• 標(biāo)題10：點(diǎn)擊進(jìn)入離線訂閱頁面。

頁面說明：

• 底部狀態(tài)欄和頂部狀態(tài)欄，標(biāo)簽固定，中間頁面可以上下滑動，有邊界。
• 當(dāng)頁面在上邊界時，向下滑動，開始文章更新，每滑動一次更新12篇文章。

4.5.1-1 添加訂閱頁面

頁面邏輯：

• 標(biāo)注1：左側(cè)一欄為導(dǎo)航標(biāo)簽，選中狀態(tài)字體呈現(xiàn)紅色，底色為白色。只能同時選中一個標(biāo)簽，后面根據(jù)標(biāo)簽類目展示不同類容。
• 標(biāo)注2：點(diǎn)擊所在熱區(qū)范圍，進(jìn)入改標(biāo)題頁面。（該頁面略）
• 標(biāo)注3：參見常規(guī)操作。

頁面說明：

• 左側(cè)標(biāo)簽欄可以上下滑動
• 頂部狀態(tài)欄固定，文章列表可以上下滑動。

（注意：整理訂閱頁面和離線頁面這里不在寫了）

4.5.2文章詳情頁面

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊更多操作，如圖4.0.3更多操作點(diǎn)擊文章界面時更多操作。
• 標(biāo)注2：文章末尾點(diǎn)贊，（功能參考參考常用操作）
• 標(biāo)注3：點(diǎn)擊微信，打開微信好友列表，選擇好友分享文章。
• 標(biāo)注4：點(diǎn)擊微信朋友圈，打開朋友圈發(fā)布動態(tài)編輯頁面。
• 標(biāo)注5：點(diǎn)擊輸入框，當(dāng)前頁面底部彈出文章詳情頁面評論框，如上圖。
• 標(biāo)注6：點(diǎn)擊該圖標(biāo)，頁面滑到最下部最新評論的地方展示。如果最新評論有評選內(nèi)容，根據(jù)評論條數(shù)進(jìn)行統(tǒng)計，圖標(biāo)展現(xiàn)形式如圖所示，右上角有小紅點(diǎn)出現(xiàn)。

頁面說明：

• 底部狀態(tài)欄固定不變，頂部狀態(tài)欄固定不變。
• 文章內(nèi)容根據(jù)實際編輯情況展示。（主要是圖片和文字）
• 評論列表的評論信息根據(jù)時間發(fā)布順序倒序排列。

4.6搜索頻道

4.6.1搜索首頁

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊該熱區(qū)，彈出框所示，可以選擇書籍，訂閱，文章。大家都在搜隨著標(biāo)簽選擇進(jìn)行匹配相對應(yīng)的內(nèi)容。
• 標(biāo)注2：點(diǎn)擊輸入框，彈出鍵盤，輸入關(guān)鍵詞進(jìn)行搜索。搜索成功進(jìn)入搜索結(jié)果頁面。（搜索規(guī)則略）
• 標(biāo)注3：點(diǎn)擊該圖標(biāo)，大家都在搜的詞更新另一批
• 標(biāo)注4：點(diǎn)擊搜索熱詞進(jìn)行搜索，搜索成功進(jìn)入搜索結(jié)果頁面。
• 標(biāo)注5：點(diǎn)擊該圖標(biāo)，全部刪除最近搜索的詞。
• 標(biāo)注6：如果沒有最近搜索詞，或是已經(jīng)全部刪除搜索詞，則這里沒有最近搜索詞。每當(dāng)在輸入框進(jìn)行一次有效搜索，最近搜索下方增加一個搜索詞。點(diǎn)擊最近搜索詞進(jìn)行搜索，搜索成功進(jìn)入搜索結(jié)果頁面。

4.6.1-1訂閱和文章狀態(tài)搜索結(jié)果頁面

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊進(jìn)入該標(biāo)題頁面
• 標(biāo)注2：點(diǎn)擊進(jìn)入文章詳情頁面。

頁面說明：頂部狀態(tài)欄和標(biāo)簽欄固定，頁面可以上下滑動。

• 文章列表排列方式根據(jù)時間發(fā)布前后倒序排列。

4.6.1-2書籍搜索結(jié)果頁面

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊全部頻道向下彈出窗口，可以選擇頻道，書籍列表呈現(xiàn)對應(yīng)的內(nèi)容。
• 標(biāo)注2：點(diǎn)擊篩選向下彈出窗口，可以篩選條件，書籍列表呈現(xiàn)對應(yīng)的內(nèi)容。
• 標(biāo)簽3：點(diǎn)擊進(jìn)入書籍介紹頁面
• 標(biāo)簽4：點(diǎn)擊向下彈出窗口，選擇排序方式，書籍列表呈現(xiàn)對應(yīng)的內(nèi)容。

頁面說明：

• 頂部狀態(tài)欄和標(biāo)簽選項欄 固定，文章列表可以上下滑動展示。

4.7書籍介紹頁

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊所在熱區(qū)范圍打開目錄頁，熱區(qū)范圍整個字體行區(qū)域。
• 標(biāo)注2：點(diǎn)擊打賞，底部彈出打賞窗口。參考常見操作。
• 標(biāo)注3：點(diǎn)擊寫評論，底部彈出評論框，參考常見操作
• 標(biāo)注4：參考常見操作。
• 標(biāo)注5：點(diǎn)擊進(jìn)入評論列表頁。
• 標(biāo)注6：點(diǎn)擊進(jìn)入該書的書籍介紹頁。

頁面說明：

• 頂部狀態(tài)欄導(dǎo)航欄固定，底部標(biāo)簽欄固定，中間頁面可以上下滑動。
• 用戶還喜歡模塊書籍可以左右滑動。

4.7.1評論列表頁面

頁面邏輯：

• 標(biāo)注1：點(diǎn)擊熱區(qū)范圍底部彈出回復(fù)評論彈窗
• 標(biāo)注2：點(diǎn)擊彈出評論彈窗

頁面說明：

• 評論數(shù)目根據(jù)評論列表的評論數(shù)目統(tǒng)計，統(tǒng)計規(guī)則（評論和回復(fù)評論數(shù)都要統(tǒng)計顯示）
• 頂部狀態(tài)欄固定，下面評論框固定，中間頁面可以上下滑動。
• 點(diǎn)贊參考常規(guī)操作。
• 評論列表分為精彩評論和最新評論。（精彩評論排列篩選規(guī)則略，最新評論根據(jù)發(fā)布時間倒序排列）

4.8用戶中心頻道

• 標(biāo)注1：點(diǎn)擊進(jìn)入用戶主頁
• 標(biāo)注2：點(diǎn)擊進(jìn)入我的消息頁
• 標(biāo)注3：點(diǎn)擊進(jìn)入閱讀圈頁面
• 標(biāo)注4：點(diǎn)擊進(jìn)入筆記頁面
• 標(biāo)注5：點(diǎn)擊進(jìn)入閱讀歷史頁面
• 標(biāo)記6：點(diǎn)擊進(jìn)入文字收藏頁
• 標(biāo)注7：點(diǎn)擊進(jìn)入設(shè)置頁面
• 標(biāo)注8：點(diǎn)擊切換閱讀模式，日間和夜間。

注：因為用戶頻道頁面比較多，且功能邏輯較多，在這篇文章先不闡述，自己也需要反思下。

頁面和和操作參照表：

這篇PRD只是根據(jù)現(xiàn)有的產(chǎn)品倒推的，難免會有疏漏之處。請諒解，而且個人在寫完之后，有些功能邏輯或頁面邏輯闡述不合理的，請您指出。不勝感激。

作者：STAR，即將大四，產(chǎn)品新人，目前在求職產(chǎn)品實習(xí)生。

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

題圖來自PEXELS，基于CC0協(xié)議