PRD:倒推網(wǎng)易云音樂產(chǎn)品需求文檔

產(chǎn)品需求文檔悍引,俗稱PRD(Product Requirement Document)吭敢,是產(chǎn)品項目由“概念化”階段進入到“圖紙化”階段的最主要的一個文檔趣效。

其作用就是“對MRD(市場需求文檔)中的內(nèi)容進行指標化和技術化”漱凝,這個文檔的質(zhì)量好壞直接影響到研發(fā)部門是否能夠明確產(chǎn)品的功能和性能看锉。

PRD要把“產(chǎn)品需求”的內(nèi)容獨立出來加以詳細的說明誓沸。這部分也是PRD寫得最多的內(nèi)容梅桩,也就是傳統(tǒng)意義上的需求分析,我們這里主要指UC(use case)文檔拜隧。主要內(nèi)容有宿百,功能使用的具體描述(每個UC一般有用例簡述趁仙、頁面邏輯、UI描述垦页、流程/子流程/分支流程等幾大塊)雀费,Visio做的功能點業(yè)務流程,界面的說明痊焊,高/低保真原型圖等盏袄。

撰寫PRD,產(chǎn)品需求文檔是產(chǎn)品經(jīng)理日常工作中的主要工作薄啥。熟練辕羽、準確、高效的完成一個讓開發(fā)人員垄惧、市場等人員滿意的產(chǎn)品需求文檔更是一個合格的產(chǎn)品經(jīng)理的標志刁愿。

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

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

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

以下為本文目錄:

1. 文檔綜述

1.1 版本修訂記錄

1.1 PRD輸出環(huán)境

1.2 產(chǎn)品介紹

1.3 文檔名詞說明

2. 產(chǎn)品結構

2.1 產(chǎn)品結構圖

2.2 產(chǎn)品信息結構圖

3. 全局說明

3.1 功能權限

3.2 鍵盤說明

3.3 頁面內(nèi)交互

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

4.1 常用操作

4.1.1?常用icon

4.1.2?操作彈窗

4.2 歡迎頁

4.3 登陸/注冊頁

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

4.4.1 搜索頁

4.4.2 聽歌識曲頁

4.4.3 正在播放頁

……

1. 文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環(huán)境

1.3 產(chǎn)品介紹

網(wǎng)易云音樂是一款可以在線收聽原創(chuàng)音樂秒梅、電臺、音樂節(jié)目舌胶,瀏覽音樂資訊與視頻捆蜀、發(fā)表看法并參與討論的音樂平臺類軟件。致力于為用戶帶來高價值幔嫂、多角度辆它、強互動性的多元化使用體驗。

1.4 名詞說明

2. 產(chǎn)品結構

2.1 產(chǎn)品功能結構圖

注:紅色虛線連接的兩個功能履恩,表示其功能實現(xiàn)的最終抵達界面相同锰茉。

2.2 產(chǎn)品信息結構圖

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

3. 全局說明

3.1 功能權限

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

登陸狀態(tài)下可進行所有操作;

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

未登錄狀態(tài)下不可進入朋友欄中“發(fā)動態(tài)”“發(fā)布視頻”和個人信息編輯界面肤晓;

無法進行收藏爷贫、創(chuàng)建歌單、收藏补憾、購買沸久、喜歡電臺的操作;

不可在任何界面進行喜歡余蟹、評論卷胯、轉(zhuǎn)發(fā)、關注用戶威酒、參加活動窑睁、訂閱標簽的操作;

無法手機葵孤、電腦多端同步担钮,無法下載歌曲;

無法在商城中進行付款操作尤仍;

進行以上操作跳轉(zhuǎn)到登錄首頁4.2.1

3.2 鍵盤說明

點擊(手機號箫津、驗證碼)輸入框時彈出數(shù)字鍵盤;

點擊其他輸入框彈出字母鍵盤宰啦;

3.3 頁面內(nèi)交互

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

4.1 常用操作

4.1.1 常用icon

類似的icon交互效果(訂閱苏遥、收藏、喜歡等)

icon外形設計盡量簡潔易懂赡模,但在交互效果上要體現(xiàn)互動性與趣味性田炭,增強用戶體驗。

4.1.2 更多操作彈窗

(左)“我的信息”模塊中點擊評論后彈窗漓柑;(右)音樂/電臺/視頻/評論分享彈窗

(左)電臺界面點擊“更多”按鈕彈窗教硫;(右)音樂頁面點擊更多按鈕窗口

(左)評論輸入框彈窗厕怜;(右)回復評論/互動彈窗

4.2 歡迎頁

歡迎頁后置條件(效果)分為以下三種情況:

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

啟動APP后着降,進入引導圖片识虚,大約展示2s后進入廣告視頻宜雀,可點擊右上角按鈕跳過搜吧,進入發(fā)現(xiàn)音樂首界面翁涤。

(圖1)

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

啟動APP后打肝,進入引導圖片嘹叫,大約展示2s后進入廣告視頻嫩絮,可點擊右上角按鈕跳過丛肢,進入我的音樂界面围肥,并彈出toast提示用戶無可用網(wǎng)絡,可以播放已下載歌曲蜂怎。詳見3.3 頁面內(nèi)交互中toast界面示例穆刻。

(圖2)

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

啟動APP后,進入引導圖片杠步,大約展示2s后進入廣告視頻氢伟,可點擊右上角按鈕跳過,進入登錄界面幽歼。但用戶亦可點擊以游客身份進入朵锣,進入發(fā)現(xiàn)音樂首界面。

(圖3)

引導頁功能邏輯圖見下:

4.3 登錄/注冊頁

(1)登錄頁觸發(fā)前置條件:

用戶已進入APP:用戶進入APP后甸私,在賬號頁面點擊“退出登錄”诚些;

用戶未進入APP,準備進入:用戶使用過APP皇型,但在此次開啟APP前未登錄诬烹;用戶首次使用APP;

(2)頁面邏輯:

點擊“手機號登錄”弃鸦,進入手機登錄界面绞吁。登錄成功后進入首界面;

點擊“注冊”唬格,進入手機號注冊界面家破;點擊下方其他注冊方式,界面與登錄首界面點擊其他登錄方式界面相同购岗。注冊成功后自動登錄汰聋,進入首界面;

點擊“游客試用”藕畔,進入首界面马僻;

點擊下方其他登錄方式,調(diào)出其他授權接口注服,登錄成功后進入首界面;

此處需要特別注意的是措近,登錄界面沒有前置界面溶弟,只有后置界面。也就是說沒有出口瞭郑,用戶只有完成登錄或注冊才能進入首界面使用產(chǎn)品辜御,否則只能點擊游客試用,或退出APP屈张。而游客試用按鈕距離注冊按鈕距離很近擒权,用戶很容易誤操作點擊注冊袱巨。網(wǎng)易云音樂的登錄界面對用戶的注冊行為誘導性很強。

為什么網(wǎng)易云音樂對用戶注冊誘導性很強碳抄?因為網(wǎng)易云音樂的業(yè)務需求與功能需求都強烈依賴用戶的關系鏈與社群來吸引流量愉老,而用戶注冊是第一步:建立節(jié)點。像其他類別的產(chǎn)品例如知乎剖效,對用戶注冊誘導性并不強嫉入。因為知乎的主要業(yè)務與功能需求側重點在內(nèi)容上,用戶不注冊璧尸,并不影響內(nèi)容的表現(xiàn)咒林。

(3)登錄頁交互效果展示:

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

(1)頁面邏輯

頂部導航欄(從左至右):

語音搜歌:點擊按鈕,進入語音搜歌界面爷光;

搜索:點擊文本輸入框垫竞,輸入文字或點擊下方熱門搜索關鍵詞,點擊搜索蛀序,進入搜索結果頁欢瞪;

正在播放:點擊按鈕,進入正在播放音樂界面哼拔;

頂部TAB欄(從左至右):

音樂:點擊音樂引有,進入音樂首頁,可瀏覽推薦歌單倦逐、推薦電臺譬正、推薦專欄等欄目。

視頻:點擊視頻檬姥,進入視頻首頁曾我,冷啟動階段形式為短視頻瀑布流,后期根據(jù)用戶興趣模型進行feed健民。

電臺:點擊電臺抒巢,進入電臺首頁,用戶可瀏覽付費精品秉犹、電臺個性推薦蛉谜、以及電臺分類欄目。

輪播圖:

將網(wǎng)易云音樂最近的獨家活動崇堵、專欄型诚、音樂的海報通過輪播圖的形式展示,每2秒輪動一次鸳劳,共8欄狰贯。

標簽欄:

私人FM:點擊私人FM標簽,進入我的私人FM界面,根據(jù)用戶收聽習慣不間斷的播放推薦歌曲涵紊。

每日推薦:點擊每日推薦標簽傍妒,進入每日推薦界面,根據(jù)用戶收聽習慣為用戶定制每日播放列表摸柄。

歌單:點擊歌單標簽颤练,進入歌單界面,以瀑布流的形式展示推薦歌單封面及名稱塘幅。用戶可以自主選擇歌單 ? ? ? ? ?類型昔案,或選擇精品歌單推薦。

排行榜:點擊排行榜標簽电媳,進入排行榜界面踏揣。為用戶展示云音樂官方榜單及全球榜單,還有用戶排行單匾乓。

(2)主要欄目:

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

推薦歌單:欄目框架由6個大小為105*105的展示位構成捞稿,上面3個,下面3個拼缝。單個展示位由圖片與標題構成娱局,標題在圖片下方。圖片右上角標明播放次數(shù)咧七。

獨家放送:欄目框架由2個大小為160*90的矩形展示位在上衰齐,1個320*110的矩形展示位在下構成。單個展示位由圖片與標題構成继阻,標題在圖片下方耻涛。圖片左上角標明內(nèi)容類型,例如視頻瘟檩、廣告鏈接抹缕、專欄、活動等墨辛。

最新音樂:欄目框架由6個大小為105*105的展示位構成卓研,上面3個,下面3個睹簇。單個展示位由圖片與標題構成奏赘,標題在圖片下方。左起第一個展示位內(nèi)容為新歌推薦歌單太惠,其余為單曲志珍。

推薦MV:欄目框架由4個大小為160*140的展示位構成,上面2個垛叨,下面2個。單個展示位由圖片與標題構成,MV名稱與表演者在圖片下方嗽元。圖片右上角標明播放次數(shù)敛纲。

精選專欄:欄目框架由3個大小為320*70的展示位從上到下排列構成,單個展示位左側上方為標題下方為閱讀量剂癌。右側為115*70大小的縮略圖淤翔。

主播電臺:欄目框架由6個大小為105*105的展示位構成,上面3個佩谷,下面3個旁壮。單個展示位由圖片與欄目標題構成,電臺作者名稱在圖片內(nèi)部谐檀,標題在圖片外下方抡谐。圖片左上角標明是否為付費電臺。

底部調(diào)整欄目順序:用戶點擊按鈕后桐猬,進入欄目順序設置界面麦撵,可以自由調(diào)整各欄目展示順序。

4.4.1 搜索頁

頁面邏輯:

頂部功能欄

輸入框:點擊輸入框溃肪,彈出鍵盤輸入文字點擊搜索后進入搜索結果界面免胃。

取消:點擊取消按鈕,頁面跳轉(zhuǎn)回發(fā)現(xiàn)音樂界面惫撰。

歌手分類欄:點擊歌手分類欄目羔沙,進入歌手分類界面。選擇并點擊不同的分類及歌手厨钻,最終進入到所選擇的歌曲的播放界面扼雏。

熱門搜索欄

熱門搜索欄下方為當前所有用戶搜索次數(shù)排名靠前的關鍵詞標簽,用戶點擊標簽可以直接進入該標簽關鍵詞的搜索結果界面莉撇。

最近搜索欄

最近搜索欄由上到下展示用戶近期的搜索歷史記錄關鍵詞呢蛤,用戶可快捷點選進行搜索,也可點擊右側按鈕刪除該歷史記錄棍郎。

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

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

4.4.2 聽歌識曲頁

前置條件:用戶需為產(chǎn)品打開“麥克風”權限涂佃,進入該界面使用該功能前通過dialog窗口詢問用戶是否打開此權限励翼。

頁面邏輯

頂部功能欄:

回退:點擊回退按鈕,回到發(fā)現(xiàn)音樂首界面辜荠。

聽歌識曲/識別歷史tab欄:切換聽歌識曲界面與識別歷史瀏覽界面汽抚。

正在播放:切換到正在播放界面。

識別標簽:

點擊界面中心識別按鈕伯病,開始識別音樂造烁,識別成功后會跳轉(zhuǎn)到該音樂的播放界面。

4.4.3 正在播放頁

前置條件:

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

正在播放按鈕只有當選擇了歌曲并發(fā)生播放行為苗桂,才會出現(xiàn)。冷啟動后未打開歌曲告组,此按鈕不存在煤伟。

正在播放界面業(yè)務邏輯:

頁面邏輯:

頂部功能欄

返回按鈕:點擊頂部功能欄左側返回按鈕,回到上一界面木缝。

分享按鈕:點擊頂部功能欄右側分享按鈕便锨,彈出分享彈窗,用戶可進行分享操作我碟。詳見?4.0.2 更多操作彈窗中的分享彈窗頁面放案。

中部專輯封面

常態(tài)為專輯封面圖,點擊后變?yōu)楦柙~瀏覽頁面怎囚。再次點擊回到封面圖頁面卿叽。

歌詞瀏覽頁

用戶可上下滑動屏幕,瀏覽歌詞恳守】加ぃ滑動范圍為一句歌詞,每次滑動移動到下一句歌詞處催烘。

當前歌詞左右兩側各有一個icon沥阱,左側為播放按鈕,點擊后從當前歌詞處播放伊群。右側為當前歌詞所在時間考杉。

此處需要注意的是,當用戶產(chǎn)生滑動歌詞的動作后舰始,取詞狀態(tài)一直進行崇棠。兩側始終有icon存在。

下部標簽欄

紅心:用戶點擊紅心丸卷,該歌曲自動添加到我喜歡的音樂列表中枕稀。同時在頁面右上角出現(xiàn)小鹿形象并彈出消息欄:“喜歡就多多分享哦!”(消息欄內(nèi)容更新谜嫉,每次觸發(fā)消息都不同)萎坷,鼓勵用戶進行分享行為。

下載:用戶點擊下載按鈕后沐兰,根據(jù)歌曲的類型主要分為三種:免費歌曲哆档、強制付費歌曲、會員免費歌曲住闯。用戶不同身份點擊不同類型的歌曲瓜浸,觸發(fā)的頁面及流程各不相同澳淑。

歌曲下載功能業(yè)務邏輯:

評論:點擊評論按鈕,進入當前歌曲的評論區(qū)斟叼。

進入評論頁面偶惠,自動從下方彈出發(fā)表評論輸入框,用戶可以點擊編輯文字后發(fā)表評論朗涩。

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

評論成功后谢床,彈出toast“評論發(fā)布成功”。

點擊評論區(qū)某個用戶評論厘线,彈出評論交互氣泡识腿。具體形式詳見4.0.2 更多操作彈窗中的回復評論彈窗樣式。

評論交互氣泡:

交互氣泡由四部分組成造壮,分別是回復渡讼、轉(zhuǎn)發(fā)、復制耳璧、舉報成箫。

回復:點擊回復按鈕,彈出回復評論編輯窗口旨枯,與發(fā)布評論窗口相同蹬昌;

轉(zhuǎn)發(fā):點擊轉(zhuǎn)發(fā)按鈕,彈出轉(zhuǎn)發(fā)窗口攀隔,具體形式詳見4.0.2 更多操作彈窗中的轉(zhuǎn)發(fā)彈窗樣式皂贩。

復制:點擊復制按鈕,彈出toast“復制成功”昆汹。

舉報:點擊舉報按鈕明刷,彈出舉報窗口。具體形式詳見4.0.2 更多操作彈窗中的舉報彈窗樣式满粗。

更多:點擊更多按鈕辈末,從下方彈出彈窗。具體形式詳見4.0.2 更多操作彈窗中的音樂播放界面點擊更多彈窗樣式败潦。

底部功能欄:

播放模式切換:點擊按鈕本冲,切換循環(huán)播放、單曲循環(huán)劫扒、隨機播放等模式檬洞。每次點擊按鈕,屏幕中央彈出對應播放模式的toast窗口沟饥,提醒用戶當前播放模式添怔。

播放控制:主要由上一首湾戳,播放/暫停,下一首三個按鈕構成广料。

播放列表:點擊播放列表按鈕砾脑,從下方彈出播放列表窗口。

窗口上方功能欄左側為循環(huán)模式按鈕艾杏,可以在此切換模式韧衣。右側為收藏按鈕,可以將此播放列表加入到自己的歌單购桑。點擊清空畅铭,清空所有播放列表。

點擊窗口中的歌曲列表勃蜘,可以播放列表中的其他歌曲硕噩。當前正在播放的歌曲左側,有小喇叭icon做提示缭贡。

網(wǎng)易云音樂APP框架龐大炉擅,流量入口非常繁雜。筆者在此主要對發(fā)現(xiàn)音樂主窗口部分進行詳細撰寫阳惹,不再對其他主界面進行贅述谍失。不過可以確定的是,網(wǎng)易云音樂的產(chǎn)品布局絕不是一個工具類音樂APP這么簡單穆端,它更像是一個涉及資訊袱贮、短視頻、音樂体啰、媒體攒巍、電商的強流量分發(fā)平臺。布局如此之大荒勇,是筆者之前沒有想到的柒莉。相信網(wǎng)易云音樂會在短視頻內(nèi)容上率先發(fā)力,在大媒體時代占領一席之地沽翔。

作者:CHinos兢孝,從傳統(tǒng)制造業(yè)半路出家轉(zhuǎn)行互聯(lián)網(wǎng)的產(chǎn)品經(jīng)理。公眾號:CHinos產(chǎn)品實驗室仅偎,歡迎交流

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跨蟹,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子橘沥,更是在濱河造成了極大的恐慌窗轩,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件座咆,死亡現(xiàn)場離奇詭異痢艺,居然都是意外死亡仓洼,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進店門堤舒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來色建,“玉大人,你說我怎么就攤上這事舌缤』粒” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵友驮,是天一觀的道長漂羊。 經(jīng)常有香客問我,道長卸留,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任椭豫,我火速辦了婚禮耻瑟,結果婚禮上,老公的妹妹穿的比我還像新娘赏酥。我一直安慰自己喳整,他們只是感情好,可當我...
    茶點故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布裸扶。 她就那樣靜靜地躺著框都,像睡著了一般。 火紅的嫁衣襯著肌膚如雪呵晨。 梳的紋絲不亂的頭發(fā)上魏保,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天,我揣著相機與錄音摸屠,去河邊找鬼谓罗。 笑死,一個胖子當著我的面吹牛季二,可吹牛的內(nèi)容都是我干的檩咱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼胯舷,長吁一口氣:“原來是場噩夢啊……” “哼刻蚯!你這毒婦竟也來了?” 一聲冷哼從身側響起桑嘶,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤炊汹,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后不翩,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體兵扬,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡麻裳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了器钟。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片津坑。...
    茶點故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖傲霸,靈堂內(nèi)的尸體忽然破棺而出疆瑰,到底是詐尸還是另有隱情,我是刑警寧澤昙啄,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布穆役,位于F島的核電站,受9級特大地震影響梳凛,放射性物質(zhì)發(fā)生泄漏耿币。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一韧拒、第九天 我趴在偏房一處隱蔽的房頂上張望淹接。 院中可真熱鬧,春花似錦叛溢、人聲如沸塑悼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厢蒜。三九已至,卻和暖如春烹植,著一層夾襖步出監(jiān)牢的瞬間斑鸦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工刊橘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鄙才,地道東北人。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓促绵,卻偏偏與公主長得像攒庵,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子败晴,可洞房花燭夜當晚...
    茶點故事閱讀 42,700評論 2 345

推薦閱讀更多精彩內(nèi)容