作者嘗試倒推了網(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)下可以進行所有操作
2. 未登錄狀態(tài)不可以進行關(guān)注好友，我的消息，購買和上傳書籍功能都不可以用。要進行上述操作需要跳轉(zhuǎn)到登錄頁面進行登錄。

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

3.2.1底部彈窗和頂部彈窗

3.3、頁面異常

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

4.0常用操作

4.0.1常用icon.

交互：頁面底部彈出。頁面邏輯：點擊頁面分享圖標。

4.0.3 更多操作彈窗。

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

交互：底部彈出。

4.0.4書籍目錄操作

頁面邏輯：點擊閱讀書籍界面時的目錄按鈕

交互方式：左邊彈出

4.0.5打賞彈窗

4.0.6評論彈窗

評論功能邏輯

4.0.7回復(fù)評論彈窗

功能邏輯：

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

4.0.8刪除彈窗

4.1啟動頁

頁面邏輯：

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

4.2登錄頁/注冊頁

4.2.1登錄頁

登錄功能的功能邏輯：

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

4.2.2注冊頁

注冊功能邏輯：

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

4.2.3找回密碼頁面（選擇手機號碼找回密碼）

找回密碼功能邏輯

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

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

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

4.2.5閱讀口味頁面

頁面邏輯：

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

頁面功能邏輯：

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

4.3書城頻道

4.3.1推薦標簽頁面

頁面邏輯：

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

頁面說明；

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

4.3.2口味標簽頁面

頁面說明；

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

4.3.3免費標簽頁面

頁面邏輯：

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

頁面說明：

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

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

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

頁面邏輯：

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

頁面說明：

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

4.3.4排行榜標簽頁面

?

頁面說明：

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

4.3.4-1榜單頁面

4.3.5分類標簽頁面

頁面說明：

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

4.3.5-1書籍類別頁面

頁面邏輯：

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

頁面說明：

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

4.3.6專題標簽頁面

頁面說明：

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

4.3.6-1專題頁面

頁面邏輯：

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

頁面說明：

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

4.4書架頻道

4.4.1書架頻道頂部彈窗

彈窗說明：

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

4.4.2書架列表頁面

頁面邏輯：

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

頁面說明：

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

4.4.3本地書頁面

頁面邏輯

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

4.5訂閱頻道

4.5.1 訂閱頁面

頁面邏輯：

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

頁面說明：

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

4.5.1-1 添加訂閱頁面

頁面邏輯：

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

頁面說明：

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

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

4.5.2文章詳情頁面

頁面邏輯：

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

頁面說明：

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

4.6搜索頻道

4.6.1搜索首頁

頁面邏輯：

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

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

頁面邏輯：

• 標注1：點擊進入該標題頁面
• 標注2：點擊進入文章詳情頁面。

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

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

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

頁面邏輯：

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

頁面說明：

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

4.7書籍介紹頁

頁面邏輯：

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

頁面說明：

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

4.7.1評論列表頁面

頁面邏輯：

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

頁面說明：

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

4.8用戶中心頻道

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

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

頁面和和操作參照表：

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

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

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

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