PRD:倒推網易云閱讀產品需求文檔

43 評論 74987 瀏覽 738 收藏 27 分鐘

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

一、文檔綜述

1.1版本修訂記錄

1.2、PRD輸出環境

1.3、產品介紹

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

1.4、名詞說明

2.1產品功能結構圖二、產品結構

2.2產品信息結構圖

三、全局說明

3.1、功能權限

  1. 登錄狀態下可以進行所有操作
  2. 未登錄狀態不可以進行關注好友,我的消息,購買和上傳書籍功能都不可以用。要進行上述操作需要跳轉到登錄頁面進行登錄。

3.2、頁面內交互

3.2.1底部彈窗和頂部彈窗

3.3、頁面異常

四、產品詳細功能說明

4.0常用操作

4.0.1常用icon.

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

4.0.3 更多操作彈窗。

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

交互:底部彈出。

4.0.4書籍目錄操作

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

交互方式:左邊彈出

4.0.5打賞彈窗

4.0.6評論彈窗

評論功能邏輯

4.0.7回復評論彈窗

功能邏輯:

  • 點擊輸入框輸入評論內容,當評論框字符大于1時,才啟用發送按鈕,輸入完點擊發送,顯示toast:評論成功
  • 異常情況處理:評論不成功,彈出toast:評論失敗。網絡沒連接的時候:彈出toast:網絡沒有連接。

4.0.8刪除彈窗

4.1啟動頁

頁面邏輯:

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

4.2登錄頁/注冊頁

4.2.1登錄頁

登錄功能的功能邏輯:

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

4.2.2注冊頁

注冊功能邏輯:

  • 設置密碼頁面,可以選擇性別,設置密碼時候,可以選擇是否顯示密碼。

4.2.3找回密碼頁面(選擇手機號碼找回密碼)

找回密碼功能邏輯

4.2.4第三方授權登錄頁面

頁面根據每個授權登錄方式不一樣。

頁面邏輯:進入第三方授權你頁面點擊確認登錄即可加載登錄頁面,然后加載進入app頁面。

4.2.5閱讀口味頁面

頁面邏輯:

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

頁面功能邏輯:

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

4.3書城頻道

4.3.1推薦標簽頁面

頁面邏輯:

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

頁面說明;

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

4.3.2口味標簽頁面

頁面說明;

  • 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息?;瑒訒r有上下限邊界。

4.3.3免費標簽頁面

頁面邏輯:

  1. 標注1:點擊1所在區域,進入書籍介紹頁面
  2. 標注2:點擊更多,加載該特價專區欄目更多書籍,跳轉到該欄目頁面。
  3. 標注3:點擊換一換,該欄目展現的三本書更新一次。

頁面說明:

  • 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息。滑動時有上下限邊界。
  • 該頁面一共有三個欄目:今日免費,特價專區,包月專區。包月專區在特價專區下面,展現形式跟特價專區一樣。

4.3.3-1特價專區頁面

4.3.3-2包月專區頁面

頁面邏輯:

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

頁面說明:

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

4.3.4排行榜標簽頁面

?

頁面說明:

  1. 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息。滑動時有上下限邊界。
  2. 該頁面一共有7個榜單欄目:出版熱銷榜、出版收藏榜、出版點擊榜、出版新書榜、出榜免費榜、豆瓣好評榜、當當熱銷榜。每個榜單展現形式一樣。

4.3.4-1榜單頁面

4.3.5分類標簽頁面

頁面說明:

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

4.3.5-1書籍類別頁面

頁面邏輯:

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

頁面說明:

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

4.3.6專題標簽頁面

頁面說明:

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

4.3.6-1專題頁面

頁面邏輯:

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

頁面說明:

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

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:手指按住向左滑動出現右圖行界面。
  8. 標注8:點擊更多,彈出底部彈窗。如圖3.2.1底部彈窗
  9. 標注9:點擊刪除,彈出alert.如圖3.2.1alert。

頁面說明:

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

4.4.3本地書頁面

頁面邏輯

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

4.5訂閱頻道

4.5.1 訂閱頁面

頁面邏輯:

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

頁面說明:

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

4.5.1-1 添加訂閱頁面

頁面邏輯:

  • 標注1:左側一欄為導航標簽,選中狀態字體呈現紅色,底色為白色。只能同時選中一個標簽,后面根據標簽類目展示不同類容。
  • 標注2:點擊所在熱區范圍,進入改標題頁面。(該頁面略)
  • 標注3:參見常規操作。

頁面說明:

  • 左側標簽欄可以上下滑動
  • 頂部狀態欄固定,文章列表可以上下滑動。

(注意:整理訂閱頁面和離線頁面這里不在寫了)

4.5.2文章詳情頁面

頁面邏輯:

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

頁面說明:

  • 底部狀態欄固定不變,頂部狀態欄固定不變。
  • 文章內容根據實際編輯情況展示。(主要是圖片和文字)
  • 評論列表的評論信息根據時間發布順序倒序排列。

4.6搜索頻道

4.6.1搜索首頁

頁面邏輯:

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

4.6.1-1訂閱和文章狀態搜索結果頁面

頁面邏輯:

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

頁面說明:頂部狀態欄和標簽欄固定,頁面可以上下滑動。

  • 文章列表排列方式根據時間發布前后倒序排列。

4.6.1-2書籍搜索結果頁面

頁面邏輯:

  • 標注1:點擊全部頻道向下彈出窗口,可以選擇頻道,書籍列表呈現對應的內容。
  • 標注2:點擊篩選向下彈出窗口,可以篩選條件,書籍列表呈現對應的內容。
  • 標簽3:點擊進入書籍介紹頁面
  • 標簽4:點擊向下彈出窗口,選擇排序方式,書籍列表呈現對應的內容。

頁面說明:

  • 頂部狀態欄和標簽選項欄 固定,文章列表可以上下滑動展示。

4.7書籍介紹頁

頁面邏輯:

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

頁面說明:

  • 頂部狀態欄導航欄固定,底部標簽欄固定,中間頁面可以上下滑動。
  • 用戶還喜歡模塊書籍可以左右滑動。

4.7.1評論列表頁面

頁面邏輯:

  • 標注1:點擊熱區范圍底部彈出回復評論彈窗
  • 標注2:點擊彈出評論彈窗

頁面說明:

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

4.8用戶中心頻道

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

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

頁面和和操作參照表:

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

 

作者:STAR,即將大四,產品新人,目前在求職產品實習生。

本文由 @STAR 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 1.分析一下功能實現的優先級,和整體的迭代計劃
    2.挑某一個核心功能,分析一下具體實現的策略&邏輯;
    這篇文章就更好啦。 已經面到了哪家公司?

    來自北京 回復
  2. 可以分析一下功能點解決了用戶的哪些需求 為公司帶來了哪些價值

    來自北京 回復
    1. 謝謝,會加強在這方面的學習的

      回復
  3. 行外人寫的,忽悠小白

    回復
    1. 人家大四畢業的應屆生!能否在敲鍵盤之前權衡一下:我大四時候是不是有樓主這樣的水平?我拼命碼字時候是否也想得到別人的認同?如果做不到認同,起碼別潑人冷水,大四學生有這樣的水平足夠面試用了?;蛟S您真的是不世奇才也說不定,可否將您的大作拿出來供各位看官拜讀一下?

      來自北京 回復
  4. 寫得很不錯呀,我也是大四的,一起共勉。

    來自廣東 回復
  5. 很刻苦很認真,點個贊。 做這種工作對基本功的積累是有一定幫助的,加油
    另外作者覺得這份PRD寫作過程中的困難點和收獲在哪里能分享一下嗎?

    來自浙江 回復
  6. 對于大四來說挺好了,交互層面寫的很好了,業務邏輯數據邏輯再詳細點就好啦,個人覺得業務邏輯是最重要的,交互層,只是對業務邏輯的表達方式

    來自上海 回復
    1. 嗯嗯,正在加強這方面的學習。??

      回復
    2. 哈哈,加油,我大四時候原型圖都畫不好 ??

      來自上海 回復
  7. 嚴格意義上來說,不能算是一篇prd,只能算是一篇交互文檔。因為產品主要流程、對異常情況的處理、相關功能的主要邏輯(如你略過的搜索邏輯、匹配邏輯、展示邏輯)以及對相關數據的處理(如點贊數,是否是實際點贊數,還是點贊數=實際點贊數*基數+N)等,都沒有包含進去

    來自上海 回復
    1. 嗯嗯,會繼續學習的。

      回復
    2. 同意~

      回復
  8. feic feic bucuo

    來自浙江 回復
  9. 你寫的每個功能交互是挺詳細的,但是感覺沒有寫清楚具體功能點。例如本地圖書列表,要以什么方式排列呢,最新上架?還是熱門點擊? 或者說搜索頁面,搜索詞不會是無限吧,有沒有考慮過最多顯示幾條,其他的就不顯示了,多了用戶也不可能還去翻看歷史。諸如此類的功能點感覺可以再寫詳細點。以上內容共參考,可以一起討論啊 ??

    來自四川 回復
    1. 是的,寫完之后也發現了,功能邏輯寫的不夠??梢砸黄鸾涣鳌?/p>

      回復
    2. 寫完之后我已經把功能邏輯列為重點思考的了。這份的比較注重頁面邏輯,包括列表的展示規則,還有一些其他的功能規則和邏輯都沒寫進去,因為倒推,對他的一些規則也不是很了解,謝謝你的指點??開心

      回復
    3. 能否加個微信??

      回復
    4. 可以啊 微信號:yan102905795

      來自四川 回復
  10. 比較簡潔,適合民企,國企是不行的

    回復
  11. 對于大四來說,寫的很棒了。

    來自北京 回復
  12. 還有一個,在流程圖中,不同的toast報錯后應該有一個指向,單獨的‘結束’感覺有點看不懂,感覺報錯了沒有返回值

    來自上海 回復
    1. 嗯嗯,謝謝你的觀點,以后寫會注意了。

      回復
    2. 同感,報錯之后應該是引導用戶返回重新填寫比較合適

      來自墨西哥 回復
  13. 應該是經過了很多版本迭代才有的

    來自上海 回復
  14. 已收藏,留作參考。

    來自上海 回復
  15. 小說連載更新時,推送邏輯是怎么樣的?

    來自浙江 回復
  16. 看完以后收益匪淺,照著自己喜歡的app,做一個原型,寫一份需求說明書,加一個競品分析報告。求職的話概率很大哦。以上是我聽說的,正在實踐中。。。

    來自上海 回復
  17. 邏輯圖是不是有些邏輯錯誤呀?

    回復
    1. 請指出,非常感激

      回復
    2. 觸發結束事件不應該只有一條線嘛,手機號碼錯誤應該是回到輸入手機號碼;驗證碼錯誤也應該回到輸入驗證碼吧,不應該是直接結束,一點愚見 ??

      來自北京 回復
    3. 好的,謝謝指點。??

      回復
  18. 產品小白應該怎么寫prd 剛開始一點思緒都沒有

    來自浙江 回復
    1. 我自己也是產品小白,fq188270394,這是我微信,可以一起交流學習??

      回復
  19. 寫的真好 抽時間再好好看看

    回復
  20. 兄弟你這個圖哪里來的

    來自上海 回復
    1. 自己畫的啊

      回復
    2. 用Axure畫的嘛,有模板借鑒一下嘛

      來自上海 回復
    3. 是不是用Visio畫的?

      來自福建 回復
    4. 應該使用墨刀畫的

      來自上海 回復
  21. 不錯哦

    來自北京 回復
    1. 謝謝??

      回復