PRD:倒推網易云閱讀產品需求文檔
作者嘗試倒推了網易云音樂的需求文檔,分享給大家,希望可以給各位提供些參考。
一、文檔綜述
1.1版本修訂記錄
1.2、PRD輸出環境
1.3、產品介紹
網易云一款一站式閱讀電子書、雜志報紙、互聯網資訊和精美圖集的在線閱讀軟件。致力于為讀者帶來高價值和高效率的閱讀體驗。
1.4、名詞說明
2.1產品功能結構圖二、產品結構
2.2產品信息結構圖
三、全局說明
3.1、功能權限
- 登錄狀態下可以進行所有操作
- 未登錄狀態不可以進行關注好友,我的消息,購買和上傳書籍功能都不可以用。要進行上述操作需要跳轉到登錄頁面進行登錄。
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:登錄進入時候出現的界面。在其他頻道時候通過點擊底部標簽的書城標簽,進入該頁面。
- 標注2:可通過滑塊按鈕滑動來選擇對應的欄目,頁面內容根據對應欄目顯示到相應的頁面。
- 標注3:分類標簽導航,點擊某一標簽,標簽呈現為選中狀態(如圖所示推薦標簽),頁面顯示為當前標簽相對應的頁面
- 標注4:點擊更多,可以查看該欄目列表更多的書籍內容,跳轉到該欄目頁面。
- 標注5:點擊書籍圖片跳轉到書籍介紹頁面
- 標注6:點擊緩換一換,整個欄目板塊的書籍更新一次。
- 標注7:點擊用戶頭像,向左彈出個人中心列表頁面。
- 標注8:點擊搜索圖標,跳轉到搜索頁面。
頁面說明;
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息?;瑒訒r有上下限邊界。
- 每個推薦欄目布局為3*2,如圖:主編力薦欄目。
- 該頁面需要向下滑動顯示部分的頁面展示形式為推薦欄目列表形式
4.3.2口味標簽頁面
頁面說明;
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息?;瑒訒r有上下限邊界。
4.3.3免費標簽頁面
頁面邏輯:
- 標注1:點擊1所在區域,進入書籍介紹頁面
- 標注2:點擊更多,加載該特價專區欄目更多書籍,跳轉到該欄目頁面。
- 標注3:點擊換一換,該欄目展現的三本書更新一次。
頁面說明:
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息。滑動時有上下限邊界。
- 該頁面一共有三個欄目:今日免費,特價專區,包月專區。包月專區在特價專區下面,展現形式跟特價專區一樣。
4.3.3-1特價專區頁面
4.3.3-2包月專區頁面
頁面邏輯:
- 標注1:點擊更多,頁面跳轉到包月專區列表頁B
- 標注2:點擊所在熱區,頁面跳轉到該閱讀包的包月詳情頁面C。
- 標注3:點擊所在熱區范圍(不包括書籍圖片),頁面跳轉到該閱讀包的包月詳情頁面C。點擊包內熱書書籍圖片,進入書籍介紹頁面。
- 標注4:點擊開通包月功能,跳轉到包月支付頁面。
- 標注5:點擊排序,彈出框如右圖所示??梢赃x擇包內書籍按最高人氣在前排列或按最新添加在前排列。
- 標注6:點擊進入書籍介紹頁。
頁面說明:
- 包月專區頁面以紅線框的版式格局作為一行列表呈現列表??梢陨舷禄瑒恿斜聿榭?。
4.3.4排行榜標簽頁面
?
頁面說明:
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息。滑動時有上下限邊界。
- 該頁面一共有7個榜單欄目:出版熱銷榜、出版收藏榜、出版點擊榜、出版新書榜、出榜免費榜、豆瓣好評榜、當當熱銷榜。每個榜單展現形式一樣。
4.3.4-1榜單頁面
4.3.5分類標簽頁面
頁面說明:
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息?;瑒訒r有上下限邊界。
- 頁面布局為每行兩個,共有7行,可以通過上下滑動屏幕來展示。
4.3.5-1書籍類別頁面
頁面邏輯:
- 標注1:點擊細分名稱,下面的書籍列表展示為該類別的書。細分名稱每次只能選中一個,選中時字體呈現紅色。
- 標注2:點擊收費,免費,包月,書籍列表將展示符合要求的書籍。該欄目選項標簽每次只能選中一個。選中時字體呈現紅色。
- 標注3:點擊按暢銷,按人氣,按最新,書籍列表將展示符合要求的書籍,該欄目選項標簽每次只能選中一個。選中時字體呈現紅色。
- 標注4:點擊可以進入書籍介紹頁面。
頁面說明:
1、頁面可以上下滑動,當開始向上滑動時,篩選部分文字向上隱藏。(頁面內詳細交互)
4.3.6專題標簽頁面
頁面說明:
- 頂部狀態欄、導航欄、分類標簽固定在頂部,底部導航標簽固定,中間頁面可以上下滑動,顯示更多信息?;瑒訒r有上下限邊界。
- 頁面布局如圖格式所示以列表的形式展現。
4.3.6-1專題頁面
頁面邏輯:
- 標注1:點擊更多操作彈出更多操作窗口(如圖4.03點擊專題頁面時更多操作的彈窗)
- 標注2:點擊進入書籍介紹頁面
- 標注3:點擊打開分享彈窗(如圖4.02)
- 標注4:點擊開始評論。
- 標注5:分享次數和評論信息條數不為0時,統計次數并顯示次數
頁面說明:
- 頂部狀態欄和導航欄固定,底部分享和評論,中間頁面可以上下滑動來顯示。
- 沒有人進行分享和評論時,圖標如標注3和標注4所示。當用戶每對頁面分享一次,分享后面數字+1;當用戶每對專題評論一次,評論后面數字加1,評論內容進入評論列表。狀態如標注5所示。
- 專題評論內容列表根據評論時間倒序排列
4.4書架頻道
4.4.1書架頻道頂部彈窗
彈窗說明:
- 加入書架的閱讀包增加,上圖“我的包月”列表閱讀包跟著增加
- 在書架頁面新建一個分組名稱,上圖“我的分組”列表增加新的分組名稱
4.4.2書架列表頁面
頁面邏輯:
- 標注1:點擊向下彈出左邊的窗口,再次點擊,收回該窗口。
- 標注2:點擊用戶頭像,向左彈出個人中心頁面。
- 標注3:點擊搜索圖標,進入搜索頁面。
- 標注4:點擊展開頂部彈窗如圖3.2.1頂部彈窗。
- 標注5:點擊該行進入書籍介紹頁面。(該行為加入書架的書籍)
- 標注6:點擊該閱讀包進入包月詳情頁面(如圖4.3.3-2C頁面)
- 標注7:手指按住向左滑動出現右圖行界面。
- 標注8:點擊更多,彈出底部彈窗。如圖3.2.1底部彈窗
- 標注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協議
1.分析一下功能實現的優先級,和整體的迭代計劃
2.挑某一個核心功能,分析一下具體實現的策略&邏輯;
這篇文章就更好啦。 已經面到了哪家公司?
可以分析一下功能點解決了用戶的哪些需求 為公司帶來了哪些價值
謝謝,會加強在這方面的學習的
行外人寫的,忽悠小白
人家大四畢業的應屆生!能否在敲鍵盤之前權衡一下:我大四時候是不是有樓主這樣的水平?我拼命碼字時候是否也想得到別人的認同?如果做不到認同,起碼別潑人冷水,大四學生有這樣的水平足夠面試用了?;蛟S您真的是不世奇才也說不定,可否將您的大作拿出來供各位看官拜讀一下?
寫得很不錯呀,我也是大四的,一起共勉。
很刻苦很認真,點個贊。 做這種工作對基本功的積累是有一定幫助的,加油
另外作者覺得這份PRD寫作過程中的困難點和收獲在哪里能分享一下嗎?
對于大四來說挺好了,交互層面寫的很好了,業務邏輯數據邏輯再詳細點就好啦,個人覺得業務邏輯是最重要的,交互層,只是對業務邏輯的表達方式
嗯嗯,正在加強這方面的學習。??
哈哈,加油,我大四時候原型圖都畫不好 ??
嚴格意義上來說,不能算是一篇prd,只能算是一篇交互文檔。因為產品主要流程、對異常情況的處理、相關功能的主要邏輯(如你略過的搜索邏輯、匹配邏輯、展示邏輯)以及對相關數據的處理(如點贊數,是否是實際點贊數,還是點贊數=實際點贊數*基數+N)等,都沒有包含進去
嗯嗯,會繼續學習的。
同意~
feic feic bucuo
你寫的每個功能交互是挺詳細的,但是感覺沒有寫清楚具體功能點。例如本地圖書列表,要以什么方式排列呢,最新上架?還是熱門點擊? 或者說搜索頁面,搜索詞不會是無限吧,有沒有考慮過最多顯示幾條,其他的就不顯示了,多了用戶也不可能還去翻看歷史。諸如此類的功能點感覺可以再寫詳細點。以上內容共參考,可以一起討論啊 ??
是的,寫完之后也發現了,功能邏輯寫的不夠??梢砸黄鸾涣鳌?/p>
寫完之后我已經把功能邏輯列為重點思考的了。這份的比較注重頁面邏輯,包括列表的展示規則,還有一些其他的功能規則和邏輯都沒寫進去,因為倒推,對他的一些規則也不是很了解,謝謝你的指點??開心
能否加個微信??
可以啊 微信號:yan102905795
比較簡潔,適合民企,國企是不行的
對于大四來說,寫的很棒了。
還有一個,在流程圖中,不同的toast報錯后應該有一個指向,單獨的‘結束’感覺有點看不懂,感覺報錯了沒有返回值
嗯嗯,謝謝你的觀點,以后寫會注意了。
同感,報錯之后應該是引導用戶返回重新填寫比較合適
應該是經過了很多版本迭代才有的
已收藏,留作參考。
小說連載更新時,推送邏輯是怎么樣的?
看完以后收益匪淺,照著自己喜歡的app,做一個原型,寫一份需求說明書,加一個競品分析報告。求職的話概率很大哦。以上是我聽說的,正在實踐中。。。
邏輯圖是不是有些邏輯錯誤呀?
請指出,非常感激
觸發結束事件不應該只有一條線嘛,手機號碼錯誤應該是回到輸入手機號碼;驗證碼錯誤也應該回到輸入驗證碼吧,不應該是直接結束,一點愚見 ??
好的,謝謝指點。??
產品小白應該怎么寫prd 剛開始一點思緒都沒有
我自己也是產品小白,fq188270394,這是我微信,可以一起交流學習??
寫的真好 抽時間再好好看看
兄弟你這個圖哪里來的
自己畫的啊
用Axure畫的嘛,有模板借鑒一下嘛
是不是用Visio畫的?
應該使用墨刀畫的
不錯哦
謝謝??