為了更加完整的描述產品的需求奔浅,規(guī)范需求表達方式鹤盒,產品需求文檔(Product Requirement Document)應運而生,而作為產品經(jīng)理的基本功髓削,也是小白入門的必須掌握的部分才写。筆者作為一個小白沒有項目實戰(zhàn)葡兑,于是通過倒推已經(jīng)成熟的產品來鍛煉寫需求文檔的技能。第一次使用Axure寫PRD琅摩,主要目的是希望通過大家給出的意見改進铁孵,很多表達不當?shù)牡胤蕉穑€望各位大神多多指教房资,感激不盡。
本文倒推的是網(wǎng)易云音樂APP檀头,由于功能入口繁多轰异,本文在功能需求與交互的部分,只以主要流量入口“發(fā)現(xiàn)音樂-推薦”示例暑始。以下是我的原型截圖:
文檔目錄
一搭独、產品概述
1. 產品介紹
網(wǎng)易云音樂于2013年1月正式上線,其移動端APP能夠為用戶提供在線收聽原創(chuàng)音樂廊镜、私人FM牙肝、電臺、短視頻等服務嗤朴,同時還可以進行在線互評配椭,社區(qū)互動的一款音樂平臺APP。
1.1產品定位:
移動音樂社區(qū)雹姊,旨在成為中國最大的移動音樂社區(qū)和開放平臺股缸,形成獨一無二的以用戶為中心的音樂生態(tài)圈。
1.2用戶人群:
熱愛音樂吱雏,對音樂有較高需求90后為主的高素質年輕人群:大學生敦姻、白領等瘾境。
2.文檔屬性
3.需求整理
二、產品結構圖
1.產品功能結構圖
2. 產品信息結構圖
三镰惦、 全局說明
1.功能權限
分為登錄和未登錄狀態(tài):
登錄狀態(tài):可進行App內所有操作迷守;
未登錄狀態(tài):即游客試用狀態(tài);常規(guī)的音樂播放與下載旺入、視頻播放盒犹、專欄瀏覽電臺收聽等均可以進行,但無法進行簽到眨业,訂閱電臺急膀,收藏專欄,發(fā)布動態(tài)龄捡;點贊評論功能也無法使用卓嫂;在商城里無法進行商品的加購和購買;
2. 頁面內交互
2.1頂部聘殖、底部彈窗
2.2 toast晨雳、dialog 彈窗
3.鍵盤說明
點擊手機號輸入框時頁面底部彈出數(shù)字鍵盤;
點擊其他輸入框頁面底部彈出字母全鍵盤奸腺。
(此處特別說明餐禁,注冊賬號時,填寫電話號碼后需要接收數(shù)字驗證碼突照,但網(wǎng)易云音樂現(xiàn)有版本點擊驗證碼輸入框時顯示的并非數(shù)字鍵盤帮非,而是字母全鍵盤)
4.頁面異常
5.頁面間交互方式
6.更多操作
四、部分業(yè)務邏輯
1. 登錄注冊業(yè)務邏輯
(這是用axure做的流程圖讹蘑,沒有箭頭看起來有點奇怪)
2. 音樂下載邏輯
(會員部分省略了歌單判斷邏輯)
五末盔、功能需求與交互(部分展示)
1. 主頁進入
1.1?使用場景:
已登錄用戶剛打開網(wǎng)易云音樂APP。
1.2 交互需求
打開應用時座慰,若無其他操作陨舱,起始頁停留約2秒后 進入廣告頁面;廣告頁面停留約5秒進入音樂主頁版仔。
打開應用時游盲,起始頁停留約2秒后 進入廣告頁面,點擊右下角“跳過”蛮粮,直接進入音樂主頁益缎。
點擊廣告頁面,進入相應廣告鏈接蝉揍。
2.登錄/試用/注冊
2.1?用戶使用場景
當用戶第一次使用該應用時
當游客用戶需要執(zhí)行評論链峭、購買、收藏又沾、訂閱等操作時(參見前文3.1關于”功能權限說明“)
2.2 交互需求
(1)輸入/前置條件:點擊登錄按鈕
交互:
點擊手機號登錄按鈕時弊仪,跳轉到手機登錄頁面熙卡;獲取焦點在電話號碼輸入框,默認為+86形式励饵,數(shù)字鍵盤從頁面底部彈出驳癌;
當輸入非數(shù)字內容時,輸入界面不顯示任何內容役听;輸入數(shù)字小于11位時颓鲜,點擊登錄提示“請輸入11位數(shù)字手機號”當輸入大于11位數(shù)字時,超過部分不顯示典予;
輸入密碼時甜滨,密碼顯為不可見狀態(tài);
忘記密碼時瘤袖,點擊密碼欄右側“忘記密碼衣摩?”可進行重置密碼操作(前文有具體的登錄邏輯,此處不細述捂敌,見4.1)
點擊登錄頁面下方第三方登錄按鈕時艾扮,跳轉到第三方授權頁面。
(2)輸入/前置條件:點擊“注冊”按鈕
交互:
點擊“注冊”按鈕時占婉,跳轉到手機號注冊頁面泡嘴;
點擊手機號輸入框,數(shù)字鍵盤從底部彈出逆济;
手機號默認+86酌予,輸入限制11位;
密碼輸入不可見纹腌,限制不低于6位霎终;當設置低于6位密碼時滞磺,點擊注冊按鈕提示toast“請輸入6位或以上的密碼”(前文有具體的注冊邏輯升薯,此處不細述,見4.1)击困。
(3)輸入/前置條件:點擊“游客試用”時涎劈,直接進入音樂主頁面
3.搜索功能
3.1 用戶畫像
3.2 交互需求(下載頁面邏輯見前文)
(1)進入搜索界面
輸入/前置條件:點擊搜索圖標按鈕
功能描述:搜索輸入歌名、專輯阅茶、人名蛛枚,關鍵詞;
交互:
點擊搜索按鈕時脸哀,跳轉到搜索頁面蹦浦;
光標在輸入框中獲取焦點;
搜索框提示”提示內容或推薦內容“
文字輸入鍵盤從底部彈出遮擋頁面撞蜂。
(2)執(zhí)行搜索
輸入/前置條件:
點擊輸入法鍵盤搜索按鈕
直接點擊下拉列表中搜索內容 ?*
點擊熱門關鍵詞
點擊搜索歷史記錄
交互:
輸入搜索內容時盲镶,提示文字消失侥袜;輸入框下方向顯示搜索關鍵詞相關內容;
點擊”搜索”關鍵詞“或點擊推薦相關搜索內容時溉贿,跳轉到搜索結果頁面枫吧,鍵盤消失;結果頁面搜索框中顯示關鍵詞宇色;
點擊熱門搜索關鍵詞執(zhí)行搜索功能九杂;點擊搜索歷史記錄,執(zhí)行搜索功能宣蠕;
點擊返回按鈕回到執(zhí)行搜索前頁面例隆。
4. 音樂播放頁面
4.1 用戶場景
播放歌曲
切換上一曲/下一曲
查看歌詞
想查看歌曲信息
想查看歌曲作者信息
喜歡這首歌,想添加到喜愛歌單
很喜歡這首歌抢蚀,想分享給朋友聽
4.2 交互需求
(1)音樂播放
輸入/前置條件:點擊音樂播放按鈕裳擎;
交互:
音樂暫停狀態(tài),點擊播放按鈕時思币,按鈕變?yōu)椤睍和0粹o“鹿响;
音樂開始播放,”留聲機唱盤“順時針旋轉谷饿,留聲機唱臂與唱盤接接觸惶我;(此處動圖未展示)
音樂進度隨音樂播放進度增長,音樂播放時間隨播放增長博投。
(2)音樂暫停
輸入/前置條件:點擊暫停按鈕绸贡;
交互:
音樂播放狀態(tài),點擊暫停按鈕時毅哗,按鈕變?yōu)椤安シ虐粹o”听怕;
音樂暫停播放,“留聲機唱盤”停止旋轉; ?唱臂與唱盤脫離接觸虑绵;(此處動圖未展示)
音樂進度條停止增長尿瞭;音樂播放時間停止增長。
(3)切歌
點擊下一曲按鈕翅睛,上一首音樂暫停播放声搁;
留聲機唱臂與唱盤約脫離“1s”后,下一首音樂唱盤從頁面右邊緣滑入捕发;
留聲機唱臂與下一首唱盤接觸后開始播放下一首音樂疏旨,進度條和播放時間回到初始狀態(tài)。
(4)添加喜愛
點擊愛心按鈕扎酷,愛心變?yōu)榧t色檐涝;再次點擊恢復原貌。
(5)查看歌詞
輸入/前置條件:點擊唱盤;
交互:
點擊唱盤時谁榜,音樂播放界面消失拉岁,顯示歌詞界面;
原音樂播放界面進度條及以下按鈕保持不變惰爬;歌詞頁面頂部顯示聲音狀態(tài)條喊暖;
歌詞根據(jù)音樂進度向上滾動;正在播放詞句高亮突出顯示撕瞧。
(6)滑動歌詞
歌詞部分可以進行上下滑動陵叽;滑動第一行文字和最后一行文字到達頁面中部時邊界,到達邊界后無法拖動丛版;(本文圖片未展示)
滑動歌詞到某一句后巩掺,歌詞左側顯示播放按鈕,點擊可從該句開始播放页畦;
滑動歌詞到某一句后胖替,無操作時歌詞滾動暫停5秒,5秒后恢復正常滾動豫缨。
(7)分享(同前文3.1 底部彈窗)
輸入/前置條件:點擊分享按鈕
交互:
點擊分享按鈕時独令,分享選項界面從頁面底部向上滑入;
遮蓋背景內容好芭;背景內容變暗燃箭;背景內容變?yōu)殪o態(tài);
若不執(zhí)行分享操作舍败,點擊背景招狸,分享選項向下滑出頁面;背景內容恢復正常邻薯;
執(zhí)行分享選項后裙戏,跳轉到該選項相關頁面。
(8)查看歌曲相關信息(同前文3.1 底部彈窗)
輸入/前置條件:點擊相應執(zhí)行按鈕厕诡;(圖中的“三點”)
交互:
點擊按鈕時累榜,歌曲信息頁面由頁面底部向上滑入;
遮蓋背景內容木人;背景內容變暗信柿;背景內容變?yōu)殪o態(tài);
若不執(zhí)行分享操作醒第,點擊背景,分享選項向下滑出頁面进鸠;背景內容恢復正常稠曼。
5.下載(免費下載/會員下載)
5.1 用戶場景
公司舉行頒獎會議,小愛要下載一些音樂作為領獎北京音樂
小剛想給自己做的搞笑視頻配上背景音樂
小葉想給自己換個炫一點的手機鈴聲
5.2 交互需求(下載邏輯見前文4.2)
(1)免費歌曲
1)當該歌曲未被收藏到歌單前:
交互:
點擊下載按鈕時客年,中部彈出歌單頁面霞幅,遮蓋背景部分漠吻;背景內容變暗;
點擊新建單司恳,中部彈出建立歌單頁面途乃,不透明遮蓋歌單頁面,歌單變暗扔傅;焦點獲取在輸入框可輸入 ? 歌單名稱耍共;輸入框右下方提示輸入字符數(shù),限制40字符猎塞;輸入框下方復選框可勾選是否設置為“隱私歌單”點擊取消回到歌單頁面试读,歌單頁面回復正常亮度;輸入歌單名稱后點擊確定荠耽,開始下載钩骇;
點擊已有歌單直接開始后臺下載,歌單頁面消失铝量,背景界面恢復正常亮度倘屹;下載完成后,下載按鈕右下角顯示“√”慢叨。
2)當該歌曲已被收藏到歌單時唐瀑,點擊下載按鈕直接默認下載到收藏歌單:(邏輯參見本文4.2)
交互:點擊下載按鈕時,后臺直接開始下載插爹,不顯示界面哄辣,下載成功后,下載按鈕右下角顯示“√”赠尾。
(2)付費歌曲:
點擊下載按鈕時:
會員直接開始下載(具體同上)
非會員跳轉到會員界面力穗,顯示加載進度條;購買會員后繼續(xù)下載(下載邏輯參見4.2)
6.評論功能
6.1 用戶使用場景
小A看了劉若英的后來气嫁,再次聽《后來》這首歌当窗,更是百感交集,很想跟別人分享一下感受寸宵,也想知道是不是有同樣很多人跟我有一樣的感受呢崖面?
小B聽到自己家idol出的新歌,必須挺梯影!
6.2 頁面邏輯
點擊評論按鈕巫员,進入評論頁面;頁面主要分為:被評論歌曲+歌曲相關內容推薦+歷史評論內容+評論輸入框甲棍;
點擊被評歌曲版塊简识,回到歌曲播放頁面;點擊相關推薦鏈接到相關內容;點擊歷史評論內容可進回復七扰,分享等操作奢赂;點擊評論者頭像可查看該評論者主頁;
評論內容分為“精彩評論”與“最新評論” 精彩評論按點贊數(shù)量降序排列颈走,展示15條后其余部分折疊膳灶,點擊展開;最新評論按發(fā)布時間立由,優(yōu)先展示最近評論轧钓;評論右上角可進行點贊操作,點擊按鈕執(zhí)行點贊拆吆,點贊數(shù)量增加聋迎,再次點擊按鈕,執(zhí)行取消點贊枣耀,點贊數(shù)減少霉晕;
評論輸入框內可輸入內容,內容限制140字捞奕;未輸入內容時牺堰,“發(fā)送“按鈕禁止操作
6.3 交互需求
點擊點贊按鈕時,點贊按鈕和點贊數(shù)量同時變?yōu)榧t色颅围,同時點贊數(shù)量+1伟葫;再次點擊按鈕時,紅色消失恢復正常顏色院促,點贊數(shù)量-1筏养;
點擊評論按鈕時,評論頁從底部快速滑入常拓;
評論框中無內容時渐溶,發(fā)送按鈕字體顯示為灰色;輸入內容后顯示黑色弄抬;
評論內容超過140字時茎辐,顯示toast彈窗“評論字數(shù)超過限制”
評論頁面可進行上下滑動,上下有邊界掂恕,上邊界無法拖動拖陆,到達下邊界執(zhí)行更多內容加載
評論框在頁面底部顯示;評論框顯示提示文字懊亡;
點擊輸入框時依啰,輸入法鍵盤從頁面底部滑入;遮蓋評論頁面斋配;輸入框同步上移孔飒,保持與鍵盤相連灌闺;光標獲取焦點在輸入框艰争;(彈出輸入框后仍然可以操作背景內容)
點擊“被評歌曲版塊”時坏瞄,原歌曲頁面從底部快速滑入;點擊相關推薦內容時甩卓,相關內容頁面從底部快速滑入鸠匀;點擊評論者頭像時,評論者主頁頁面從底部快速滑入逾柿;
點擊已有評論內容時缀棍,頁面中部彈出“評論操作框”遮蓋背景頁面,背景內容變暗机错;點擊背景頁面后彈窗淡出爬范;背景內容恢復正常亮度;
評論操作框執(zhí)行:
(1)前置條件:點擊回復評論
交互:
輸入法鍵盤從頁面底部滑入弱匪;
遮蓋評論頁面;
輸入框同步上移,保持與鍵盤相連终息;
光標獲取焦點在輸入框逗鸣;
點擊收起鍵盤按鈕后,鍵盤向下滑出消失帘饶,輸入框回到原先位置哑诊。
(2)前置條件:點擊分享評論
交互:同前文分享界面,此處不贅述
(3)前置條件:點擊復制評論
交互:頁面底部顯示toast彈窗”復制成功”(toast彈窗見前文)
(4)前置條件:點擊舉報評論
交互:
頁面中部彈出舉報原因彈窗及刻,遮蓋背景內容镀裤,背景內容變暗無法操作;
點擊背景彈窗淡出缴饭。
7.主頁面切換
7.1 用戶使用場景
當用戶想看點其他內容時暑劝;
7.2?交互需求
主頁面功能頁面切換:點擊版塊按鈕水平切換頁面,(當上一個頁面按鈕在新頁面按鈕左邊時茴扁,新頁面從右邊緣水平滑入铃岔;當上一個頁面按鈕在新頁面按鈕右邊時,新頁面從左邊緣水平滑入峭火;)
推薦版塊Tab切換時毁习,點擊Tab按鈕(或左右滑動時),頁面水平切換卖丸;按鈕字體高亮顯示纺且;小滑塊隨之移動;切換方向規(guī)則同上稍浆。
【以下為網(wǎng)易云音樂APP主要流量入口“發(fā)現(xiàn)”版塊的“推薦”Tab示例】
8.推薦頁面
8.1主頁面邏輯與交互需求
推薦頁面主要由4個部分構成:banner+快捷入口+推薦相關板塊+欄目調整按鈕载碌,分別點擊可以進入相關鏈接頁面猜嘱;
主頁面交互:頁面可進行上下滑動,上下有邊界嫁艇;到達上下邊界時頁面無法滑動朗伶;邊界顯示透明遮蓋陰影;
8.2 詳細功能
(1)FM
頁面邏輯:
FM主要分為“私人FM”和“跑步FM”兩個部分步咪;
私人FM將進行音樂隨機播放论皆,每天限量20首,可對其進行下一曲切換猾漫,添加喜愛点晴、刪除、評論操作悯周;
跑步FM則是根據(jù)跑步頻率自動播放何時的歌曲粒督;同時可以開啟離線操作,在wifi情況下提前緩存音樂禽翼,離線收聽屠橄。
交互需求:
點擊私人FM按鈕時,F(xiàn)M頁面從底部快速滑入捐康,默認選中“私人FM”頁面仇矾;對應的按鈕和文字高亮顯示;進入頁面音樂自動播放解总;(評論 喜愛等操作不贅述)
點擊跑步FM時贮匕,按鈕和文字相應高亮顯示,私人FM按鈕和文字變暗花枫;
進入跑步FM頁面后刻盐,主頁面圓形向四周動態(tài)輻射狀獲取步頻;獲取步頻后劳翰,圓形變?yōu)殪o態(tài)敦锌,圓形中間顯示步頻;音樂播放功能區(qū)在頁面底部逐漸顯現(xiàn)佳簸;
點擊離線音樂包按鈕時乙墙,中部顯示彈窗;遮蓋背景生均,背景變暗听想;點擊背景后彈窗消失,背景恢復马胧;
(2)每日推薦
該功能是基于海量的數(shù)據(jù)以及用戶的下載汉买、收藏、喜歡佩脊、分享等行為進行的口味話推薦蛙粘,每天6:00點更新垫卤,限量30首。
交互需求:
點擊每日推薦按鈕時出牧,推薦頁面從底部快速滑入穴肘;
頁面可進行上下滑動,上下有邊界崔列,邊界拖動時顯示透明遮蓋形狀梢褐,該形狀在結束滑動行為或約2秒后消失(本文圖中未展示)旺遮。
(篇幅有有限赵讯,每日推薦的歌曲的各種交互暫不在此處羅列,部分交互可參看動圖)
(3)歌單
頁面邏輯:
點擊歌單按鈕耿眉,進入精品歌單頁面边翼,點擊封面進入精品歌單所有歌單列表;
點擊全部歌單按鈕鸣剪,進入選擇分類頁面组底,可點擊選擇分類,進入對應類型歌單筐骇;
點擊具體歌單封面债鸡,進入歌單詳細頁。
(4)排行榜
頁面邏輯:
點擊排行榜按鈕铛纬,進入榜單頁面厌均,頁面展示不用類型的排行榜分為:官方榜、全球榜告唆、用戶榜棺弊;
官方排行榜展示前三名歌曲名稱與作者;
點擊榜單封面可進入具體榜單頁面擒悬。
(5)專欄
頁面邏輯:
拖動推薦頁面到“精選專欄”位置模她,該位置展示三個專欄摘要,主要包括標題懂牧、閱讀量和封面侈净;
點擊“精選專欄”字樣,打開專欄頁面僧凤;
點擊推薦展示專欄的標題或封面畜侦,直接進入該專欄的具體內容頁。
(6)推薦歌單
頁面邏輯:
該板塊展示6個推薦歌單拼弃,主要展示封面夏伊、收聽數(shù)、歌單名吻氧;
點擊推薦歌單擴展按鈕溺忧,進入效果同上述的“歌單”快捷入口頁面咏连;
點擊標題或封面,直接進入歌單內容頁面鲁森。
(7)獨家放送
頁面邏輯:
該板塊主要是將精選的各個類型的獨家內容推薦展示祟滴,可以包括視頻、話題歌溉、專輯等垄懂;
展示三個推薦內容,包括封面痛垛、標題草慧、和類型標簽;
點擊標題或內容直接進入相關頁面匙头。
(8)會員專區(qū)
頁面邏輯:
該板塊是針對會員的一個集中展示的入口漫谷;
展示三個推薦內容,橫排展示蹂析,包括專輯舔示、單曲、電臺等在內电抚;
主要展示封面和標題惕稻;
點擊封面或標題直接進入相關內容頁面;
點擊會員專區(qū)擴展按鈕蝙叛,非會員進入VIP開通頁面俺祠。
(9)主播電臺
頁面邏輯:
該標簽頁展示6個推薦內容,包括付費標識甥温、封面锻煌、標題、描述姻蚓;
點擊封面或描述直接進入電臺內容頁宋梧;
點擊主播電臺擴展按鈕,直接切換發(fā)現(xiàn)音樂的Tab狰挡,即直接進入了電臺功能區(qū)捂龄。
(10)調整順序
頁面邏輯:點擊該按鈕進入主頁標簽欄目的順序調節(jié)頁面,右方按鈕拖動即可調節(jié)加叁;
交互: 調節(jié)進入按鈕在頁面底部顯示
進入調節(jié)順序頁面后倦沧,按住調節(jié)目標對應的按鈕后,該行欄目標題變暗它匕,上下拖動垂直交換順序展融;
欄目名稱重疊時,該行呈透明豫柬;
結束拖動時告希,字體恢復深色扑浸;
上下拖動有邊界,到達邊界后無法拖動燕偶;
在點擊非拖動按鈕的欄目標題區(qū)域時喝噪,改行顯示深色,約1秒后深色消失指么。
9.聽歌識曲/定時停止播放
(1)聽歌識曲
用戶使用場景:
小胡今天在奶茶店聽到了一首很對胃口的歌酝惧,但直接去問小姐姐又略顯羞澀,但又很想知道歌名好去下載聽歌伯诬;
小江在觀看視頻時晚唇,被背景音樂吸引到,想知道歌名姑廉。
前置條件:點擊識別按鈕缺亮,以及開啟語音權限;
交互需求:
點擊主頁面左上角折疊按鈕桥言,個人設置功能區(qū)由左邊緣滑出,遮蓋原頁面葵礼,原頁面變暗号阿;
點擊聽歌識曲,直接進入聽歌識別功能鸳粉;顯示正在識別音樂字樣扔涧;識別界面程動態(tài)輻射狀;
點擊識別頁面届谈,停止識別枯夜,停止動態(tài)輻射。
(2)定時停止播放
用戶使用場景:
小明每天睡覺都有聽歌的習慣艰山,晚上睡覺想聽點助眠歌曲湖雹,但又怕放著睡著了忘記關掉音樂浪費電量。
交互需求:
點擊定時停止播放按鈕時曙搬,個人設置功能區(qū)像左滑出頁面邊緣摔吏,中部顯示定時選擇頁面,頁面背景變暗纵装;
選擇停止時間后征讲,中部彈窗消失,背景頁面顯示正常亮度橡娄;頁面底部顯示toast彈窗“設置成功诗箍,將于**分鐘后關閉”。
六挽唉、總結
整個網(wǎng)易云音樂APP功能龐大繁雜滤祖,本文只對該應用的主要流量入口進行說明才避,多有不足還請見諒。
另外本文運用Axure進行PRD寫作的思路參考了@神戶短郎《用Axure寫PRD:虎撲app產品需求文檔》
歡迎各位指教~~~~小白菜致上~~
原文轉載來源:人人都是產品經(jīng)理? 作者:@小白菜
鏈接:用Axure寫PRD:倒推網(wǎng)易云音樂APP產品需求文檔
推薦閱讀:
產品篇