喜馬拉雅fm基本功能是收聽聲音，但也有主播，商城、聽友圈等社交電商功能，該文檔從基本收聽功能入手，后續(xù)會(huì)增加其他的功能。該文檔主要是從前端用戶體驗(yàn)方面設(shè)計(jì)的該文檔，后臺(tái)數(shù)據(jù)流向沒有寫入該文檔。本prd為倒推文檔，準(zhǔn)新人練習(xí)，肯定有不少不對(duì)的地方，請(qǐng)多指教！虛心接受一切評(píng)論。

1. 文檔綜述

1.1 文檔屬性

1.2 修訂記錄

2. 產(chǎn)品概況

2.1．背景

廣播依賴于傳統(tǒng)收音機(jī)已漸漸被手機(jī)所替代，現(xiàn)在我們重新發(fā)明了電臺(tái)，讓人們不僅能隨時(shí)隨地，聽我想聽，更能夠輕松創(chuàng)建個(gè)人電臺(tái)，隨時(shí)分享好聲音。并且還加入了直播這種新興的傳播溝通方式， 讓人們更好的溝通和社交。

2.2．定位

國內(nèi)領(lǐng)先音頻分享平臺(tái)，隨時(shí)隨地，聽我想聽。

2.3．用戶

本文檔主要針對(duì)移動(dòng)版微信，使用群體為移動(dòng)端（Android、iOS）智能手機(jī)用戶

3. 產(chǎn)品結(jié)構(gòu)

3.1 產(chǎn)品信息圖

3.2 產(chǎn)品結(jié)構(gòu)圖

4. 全局說明

4.1 角色權(quán)限

4.2 鍵盤說明

點(diǎn)擊搜索時(shí)彈出的輸入鍵盤上方顯示點(diǎn)擊進(jìn)入語音搜索提示。

5. 產(chǎn)品功能

5.1 注冊(cè)

用戶界面：

用戶場景：用戶進(jìn)入app后在登錄頁面點(diǎn)擊注冊(cè)

功能描述：手機(jī)號(hào)注冊(cè)

優(yōu)先級(jí)：高

輸入/前置條件:打開APP進(jìn)行注冊(cè)操作

頁面邏輯：

輸入注冊(cè)手機(jī)號(hào)：

• 選擇【+86】可切換其他國家的區(qū)號(hào)。
• 同意注冊(cè)協(xié)議，輸入手機(jī)號(hào)

1. 滿足條件1才能點(diǎn)擊，默認(rèn)為不可點(diǎn)擊狀態(tài)
2. 注冊(cè)完成后跳轉(zhuǎn)到我的頁面

流程圖：

5.2 登錄

（1）用戶界面

用戶場景：用戶進(jìn)入app后在我的頁面點(diǎn)擊登錄，或在未登錄狀態(tài)下進(jìn)行需要登錄權(quán)限的操作時(shí)跳轉(zhuǎn)到登錄頁面

功能描述：賬號(hào)密碼登錄、快捷免密登錄、第三方微信/QQ/微博/魅族賬號(hào)授權(quán)登錄

優(yōu)先級(jí)：高

輸入/前置條件:打開APP進(jìn)行登錄操作

頁面邏輯：

登錄方式切換，賬號(hào)密碼登錄和快捷免密登錄

賬號(hào)密碼登錄需輸入賬號(hào)、登錄密碼

快捷免密登錄需輸入賬號(hào)、短信驗(yàn)證碼

默認(rèn)賬號(hào)密碼登錄

賬號(hào)密碼登錄：

• 選擇【+86】可切換其他國家的區(qū)號(hào)。
• 輸入賬號(hào)、密碼均不為空時(shí)【登錄】按鈕才可顯示為可點(diǎn)擊狀態(tài)。

1. 點(diǎn)擊忘記密碼，可設(shè)置新密碼，重置密碼后跳轉(zhuǎn)至登錄頁面
2. 第三方授權(quán)登錄

• 可使用微信、QQ、微博、魅族賬號(hào)
• 若上次登錄是第三方授權(quán)登錄，需要給出提示哪種授權(quán)方式登錄的

（2）用例流程

5.3 搜索

用戶場景：在app內(nèi)點(diǎn)擊搜索

功能描述：搜索聲音、專輯、主播、廣播等內(nèi)容

優(yōu)先級(jí)：中

輸入/前置條件:打開APP

頁面邏輯：

1. 支持文字和語音輸入
2. 顯示熱門推薦和搜索歷史
3. 搜索關(guān)鍵字是某一分類，則搜索結(jié)果顯示該分類入口
4. 搜索結(jié)果按照專輯、聲音、主播、廣播四個(gè)標(biāo)簽來顯示

5.4 首頁-推薦

用戶場景：用戶登錄成功后默認(rèn)進(jìn)入頁面

功能描述：推薦聲音、專輯等

優(yōu)先級(jí)：中

輸入/前置條件:進(jìn)入APP，點(diǎn)擊首頁

頁面邏輯：

推薦頁面根據(jù)用戶的收聽歷史等推薦內(nèi)容，該頁面分為三個(gè)部分

1. banner滾動(dòng)推薦
2. 分類快捷入口
3. 猜你喜歡、王牌節(jié)目、娛樂綜藝等分類的入口，顯示分類下部分內(nèi)容，點(diǎn)擊更多跳轉(zhuǎn)分類詳情頁

5.5 首頁-分類

用戶場景：用戶查看某一分類的聲音時(shí)

功能描述：分類、最近瀏覽

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊分類選項(xiàng)

頁面邏輯：

分類頁面分為五部分，標(biāo)題欄、標(biāo)簽欄、最近瀏覽、常用分類、屬性分類

1. 點(diǎn)擊進(jìn)入搜索頁
2. 標(biāo)簽切換
3. 最近瀏覽顯示從當(dāng)前頁面進(jìn)入訪問的分類，顯示最近的三個(gè)類別，若無訪問記錄則默認(rèn)不顯示
4. 顯示有聲書、暢銷書、兒童三個(gè)常用分類及其子分類
5. 點(diǎn)擊兒童，進(jìn)入兒童列表頁，默認(rèn)顯示推薦標(biāo)簽頁的內(nèi)容
6. 點(diǎn)擊兒童子分類兒歌，進(jìn)入兒童列表頁，顯示兒歌標(biāo)簽頁的內(nèi)容
7. 推薦標(biāo)簽頁banner顯示當(dāng)前平臺(tái)與兒童類別相關(guān)的推廣活動(dòng)等
8. 兒童列表頁篩選功能默認(rèn)收起狀態(tài)，推薦標(biāo)簽頁沒有篩選功能，其他標(biāo)簽頁都有
9. 顯示娛樂、知識(shí)、生活、特色等分類
10. 廣告推廣

5.6 首頁-精品

用戶場景：用戶查看精品內(nèi)容

功能描述：活動(dòng)推送、精品分類、熱門新品、分類列表

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊精品

頁面邏輯：

精品頁面顯示的內(nèi)容為付費(fèi)內(nèi)容，頁面分為四個(gè)部分：活動(dòng)推送、商城推廣、精品分類、熱門新品、分類列表

1. 活動(dòng)推送顯示精品最近的活動(dòng)新聞
2. 商城推廣顯示商城的一些廣告推廣信息，根據(jù)需要顯示
3. 精品分類的快捷入口
4. 熱門新品快捷入口入口
5. 每日優(yōu)選、個(gè)人提升等分類入口

5.7 首頁-直播

用戶場景：用戶查看直播

功能描述：類別、活動(dòng)推送、今日主播榜、熱門、新秀、我要直播

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊直播

頁面邏輯：

直播頁面分為四個(gè)部分：類別、活動(dòng)推送、今日主播榜、熱門新秀、我要主播

1. 直播類別快捷入口，點(diǎn)擊進(jìn)入分類主播列表頁
2. 活動(dòng)推送顯示最近的直播活動(dòng)廣告等
3. 今日主播榜顯示今天前三位人氣主播的頭像，點(diǎn)擊進(jìn)入主播榜列表頁
4. 熱門、新秀標(biāo)簽切換，顯示熱門主播和新秀主播的節(jié)目列表，點(diǎn)擊更多進(jìn)入主播節(jié)目列表頁
5. 主播列表，顯示主播頭像，主播間狀態(tài)，本期話題、主播名稱等信息，點(diǎn)擊進(jìn)入主播間
6. 我要主播是開通主播的一個(gè)入口，懸浮顯示在該頁面

5.8 首頁-廣播

用戶場景：用戶查看廣播

功能描述：類別、最近收聽、當(dāng)?shù)貜V播、排行榜

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊廣播

頁面邏輯：

廣播頁面分為四部分：類別、最近收聽、當(dāng)?shù)貜V播、排行榜

1. 類別又分為兩大類，根據(jù)區(qū)域范圍分為本地臺(tái)、國家臺(tái)、省市臺(tái)、網(wǎng)絡(luò)臺(tái)；根據(jù)類別分為新聞臺(tái)、音樂臺(tái)、交通臺(tái)、經(jīng)濟(jì)臺(tái)等
2. 最近收聽顯示最近收聽的電臺(tái)列表，默認(rèn)最多顯示5個(gè)電臺(tái)，點(diǎn)擊更多查看更多收聽歷史，無廣播收聽歷史則該項(xiàng)默認(rèn)不顯示
3. 當(dāng)?shù)仉娕_(tái)默認(rèn)顯示3個(gè)電臺(tái)，點(diǎn)擊更多查看更多當(dāng)?shù)仉娕_(tái)列表
4. 排行榜顯示top3電臺(tái)，點(diǎn)擊更多查看全部電臺(tái)排行榜列表

5.9 我聽

用戶場景：用戶查看下載、收聽歷史、已購、喜歡等內(nèi)容

功能描述：下載、收聽歷史、已購、喜歡、我的訂閱、推薦訂閱、消息、搜索

優(yōu)先級(jí)：中

輸入/前置條件:打開APP點(diǎn)擊我聽

頁面邏輯：

1. 標(biāo)題顯示為我聽，點(diǎn)擊左側(cè)進(jìn)入消息列表，點(diǎn)擊右側(cè)搜索進(jìn)入搜索頁面
2. 用戶下載、收聽歷史、已購聲音、喜歡的聲音四個(gè)部分的入口

• 顯示下載聲音數(shù)量，點(diǎn)擊進(jìn)入下載列表頁
• 顯示收聽聲音歷史數(shù)量，點(diǎn)擊進(jìn)入收聽歷史列表頁
• 顯示已購聲音數(shù)量，點(diǎn)擊進(jìn)入已購聲音列表頁
• 顯示喜歡聲音數(shù)量，點(diǎn)擊進(jìn)入喜歡聲音列表頁

我的訂閱和推薦訂閱切換標(biāo)簽，列表排序，按照時(shí)間由近到遠(yuǎn)和由遠(yuǎn)及近兩種排序規(guī)則

訂閱列表顯示專輯簡介和操作

1. 顯示專輯封面、專輯名稱、專輯簡介、主播名稱、最新一期距今的時(shí)間、未播放的最新更新的數(shù)量等；
2. 菜單欄操作有置頂、找相似、取消訂閱；
3. 點(diǎn)擊列表進(jìn)入專輯詳情頁

底部顯示添加訂閱功能，點(diǎn)擊切換到推薦訂閱標(biāo)簽

5.10 發(fā)現(xiàn)

用戶場景：用戶選擇發(fā)現(xiàn)

功能描述：聽友圈、喜馬精選、全民朗讀、大咖主播、問答、商城、逸聽卡、游戲中心、活動(dòng)、每日有料

優(yōu)先級(jí)：中

輸入/前置條件:打開APP點(diǎn)擊發(fā)現(xiàn)

頁面邏輯：

1. 聽友圈顯示關(guān)注的主播的動(dòng)態(tài)信息，他們有新動(dòng)態(tài)時(shí)，則在右邊顯示最新發(fā)布動(dòng)態(tài)的主播頭像并在頭像右上方紅點(diǎn)標(biāo)識(shí)
2. 點(diǎn)擊喜馬精選進(jìn)入精品頁

5. 11 我的

用戶場景：用戶選擇我的

功能描述：個(gè)人信息、主播工作臺(tái)入口、設(shè)置

優(yōu)先級(jí)：中

輸入/前置條件:打開APP點(diǎn)擊我的

頁面邏輯：

1. 導(dǎo)航欄顯示內(nèi)容為消息中心、收聽歷史、主播工作臺(tái)入口，點(diǎn)擊主播工作臺(tái)進(jìn)入主播工作臺(tái)頁
2. 當(dāng)前用戶個(gè)人信息簡介，包括頭像、名稱、是否開通巔峰會(huì)員、關(guān)注量、粉絲量等。
3. 顯示當(dāng)前賬戶喜點(diǎn)數(shù)目、優(yōu)惠券數(shù)量、已購聲音數(shù)量、錢包入口
4. 我要做主播，未認(rèn)證點(diǎn)擊則進(jìn)入認(rèn)證頁面，只有實(shí)名認(rèn)證后才能做主播
5. 我的作品顯示當(dāng)前用戶轉(zhuǎn)采或者發(fā)布的聲音
6. 我的成就顯示當(dāng)前用戶收聽時(shí)長
7. 巔峰會(huì)員享有比普通會(huì)員更多的權(quán)利，點(diǎn)擊進(jìn)入巔峰會(huì)員詳情頁
8. 點(diǎn)擊分享賺錢可進(jìn)入分享賺錢頁面，通過分享喜馬拉雅平臺(tái)指定的聲音或者內(nèi)容來獲取傭金
9. 點(diǎn)擊我的積分，進(jìn)入積分商城
10. 點(diǎn)擊掃一掃打開掃一掃功能，掃描識(shí)別聲音、專輯、主播的二維碼
11. 未登錄時(shí)點(diǎn)擊2-5中任何一項(xiàng)均跳轉(zhuǎn)到登錄頁面
12. 我要做主播、我的成就、我的游戲只有在登錄狀態(tài)下才顯示

5.12 當(dāng)前播放-廣播

用戶場景：用戶收聽廣播

功能描述：廣播節(jié)目的簡要信息、節(jié)目單、播放歷史、定時(shí)關(guān)閉

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊廣播標(biāo)簽，點(diǎn)擊某一廣播電臺(tái)

頁面邏輯：

頁面結(jié)構(gòu)分為四部分，標(biāo)題部分、節(jié)目簡介、播放詳情、電臺(tái)簡介部分

1. 標(biāo)題部分顯示電臺(tái)名稱，點(diǎn)擊向下箭頭退出當(dāng)前頁，點(diǎn)擊右邊鬧鐘圖標(biāo)，選擇定時(shí)開關(guān)、設(shè)為鬧鐘操作
2. 節(jié)目簡介背景圖為電臺(tái)圖標(biāo)，中間顯示當(dāng)前電臺(tái)的節(jié)目名稱、主播名稱、播放時(shí)間段，
3. 播放詳情顯示內(nèi)容有節(jié)目單、播放設(shè)置、播放歷史、播放進(jìn)度條，

• 點(diǎn)擊節(jié)目單進(jìn)入電臺(tái)節(jié)目列表頁，顯示電臺(tái)昨天、今天、明天三天的節(jié)目列表，點(diǎn)擊節(jié)目列表可播放
• 播放設(shè)置可進(jìn)行上一節(jié)目、下一節(jié)目切換、暫停、播放節(jié)目等操作
• 點(diǎn)擊播放歷史進(jìn)入播放歷史列表頁，點(diǎn)擊列表可播放
  1. 電臺(tái)簡介部分顯示電臺(tái)圖標(biāo)、名稱、收聽量、正在直播的節(jié)目名稱

5.13 當(dāng)前播放-聲音

用戶場景：用戶收聽聲音

功能描述：聲音的簡要信息、播放設(shè)置、詳情、主播、評(píng)論

優(yōu)先級(jí)：中

輸入/前置條件:打開APP點(diǎn)擊某一聲音

頁面邏輯：

標(biāo)題欄部分：

• 點(diǎn)擊向下箭頭退出當(dāng)前頁
• 點(diǎn)擊設(shè)備圖標(biāo)連接智能硬件設(shè)備圖標(biāo)，
• 點(diǎn)擊分享圖標(biāo)將聲音分享到微信、朋友圈、新浪微博、QQ好友、QQ空間、群組、聽友圈、生成二維碼等操作
• 點(diǎn)擊菜單按鈕顯示可以進(jìn)行的其他操作，包括分享、鬧鈴、下載、投訴、轉(zhuǎn)采、設(shè)為鈴聲、WiFi音箱播放、播放歷史

1. 聲音簡介顯示聲音標(biāo)題、封面
2. 播放設(shè)置包括播放列表、播放進(jìn)入條、定時(shí)關(guān)閉、快進(jìn)快退、上一個(gè)、下一個(gè)、廣告欄、彈幕、

• 點(diǎn)擊播放列表顯示該專輯中所有的聲音，可是設(shè)置列表順序或者倒序播放，點(diǎn)擊播放列表聲音，還可以下載列表聲音
• 播放進(jìn)度條顯示當(dāng)前節(jié)目播放進(jìn)度，拖動(dòng)進(jìn)度條可以切換播放進(jìn)度
• 點(diǎn)擊定時(shí)關(guān)閉設(shè)置關(guān)閉播放的時(shí)間，比如不開啟、播完當(dāng)前聲音、播完2集聲音、10分鐘等
• 點(diǎn)擊上一個(gè)/下一個(gè)切換聲音
• 點(diǎn)擊快進(jìn)快退設(shè)置播放進(jìn)度和播放速度
• 點(diǎn)擊彈幕時(shí)設(shè)置開啟關(guān)閉彈幕，當(dāng)開啟彈幕時(shí)，在聲音簡介部分顯示彈幕內(nèi)容，也可編輯彈幕，發(fā)表彈幕，并自動(dòng)同步為評(píng)論。編輯彈幕參見下文7評(píng)論

1. 顯示專輯名稱、訂閱人數(shù)、訂閱狀態(tài)
2. 上拉顯示聲音詳情
3. 聲音詳情、主播、評(píng)論

詳情分為三部分，專輯簡介、聲音簡介、相關(guān)推薦：

• 專輯簡介顯示聲音所屬專輯信息，包括名稱、頭像、訂閱人數(shù)，顯示訂閱狀態(tài)，點(diǎn)擊專輯信息進(jìn)入專輯詳情頁
• 聲音簡介是顯示聲音播放量、更新日期和相關(guān)簡介
• 相關(guān)推薦包括推薦分類和專輯

主播顯示主播信息和簡介：

• 主播信息包括頭像、名稱、被關(guān)注量、送禮物，點(diǎn)擊主播信息進(jìn)入主播詳情頁
• 點(diǎn)擊送禮物給主播送禮物

評(píng)論顯示評(píng)論列表和評(píng)論數(shù)量、點(diǎn)贊數(shù)量、寫評(píng)論：

• 寫評(píng)論參見下文7評(píng)論
• 可以點(diǎn)贊、回復(fù)評(píng)論

評(píng)論和彈幕輸入框，評(píng)論數(shù)量、喜歡數(shù)量、送禮物

評(píng)論輸入框

• 點(diǎn)擊評(píng)論輸入框，發(fā)表評(píng)論，還可以將評(píng)論同步到聽友圈動(dòng)態(tài)
• 點(diǎn)擊開啟彈幕，可在該輸入框輸入彈幕信息，發(fā)表彈幕，同時(shí)也顯示在評(píng)論列表

點(diǎn)擊評(píng)論進(jìn)入聲音全部評(píng)論列表

點(diǎn)擊喜歡，將該聲音加入標(biāo)記為喜歡

點(diǎn)擊禮物進(jìn)行送禮物操作

5.14 當(dāng)前播放-直播

用戶場景：用戶進(jìn)入直播間

功能描述：直播間和主播對(duì)話、查看其它用戶消息

優(yōu)先級(jí)：中

輸入/前置條件: 打開APP

頁面邏輯：

頁面分為四部分，標(biāo)題欄、主播信息欄、消息對(duì)話列表、輸入框

（1）標(biāo)題顯示當(dāng)前在線人數(shù)、參與互動(dòng)人數(shù)，右側(cè)為分享操作

（2）主播信息欄：

• 顯示主播頭像、名稱、關(guān)注狀態(tài)、開播時(shí)間、贊助榜、主播排名和主播獲得喜歡的數(shù)量、
• 點(diǎn)擊贊助榜進(jìn)入贊助榜列表頁，顯示贊助主播的用戶，按照贊助數(shù)量由高到低排列
• 點(diǎn)擊加入群組即可進(jìn)入主播建立的群組中進(jìn)行互動(dòng)
• 點(diǎn)擊本期話題顯示本期話題內(nèi)容
• 點(diǎn)擊關(guān)注即可關(guān)注主播，若已關(guān)注，則關(guān)注按鈕不顯示

（3）滾動(dòng)顯示主播間好友互動(dòng)消息

可以在輸入框發(fā)消息，也可以和主播連線、送禮物等

5.15 專輯詳情頁

用戶場景：用戶查看專輯的詳細(xì)信息

功能描述：專輯信息、相似節(jié)目

優(yōu)先級(jí)：中

輸入/前置條件:打開APP在首頁點(diǎn)擊某一專輯名稱

頁面邏輯：

頁面分為三個(gè)部分，標(biāo)題、專輯簡介、詳情

1. 標(biāo)題為專題詳情，菜單操作為搜索專輯內(nèi)聲音、找相似、投訴專輯三個(gè)操作
2. 專輯簡介顯示專輯信息和操作

• 顯示專輯封面、名稱、完結(jié)狀態(tài)、最近更新日期、播放量、所屬分類標(biāo)簽
• 可進(jìn)行訂閱、分享、加群、批量下載等操作
• 顯示已訂閱人數(shù)

顯示詳情、節(jié)目列表、找相似三大塊

詳情顯示主播介紹和專輯標(biāo)簽：

• 主播介紹包括主播頭像、名稱、被關(guān)注數(shù)量、主播簡介
• 點(diǎn)擊主播介紹進(jìn)入主播詳情頁
• 專輯標(biāo)簽顯示該專輯所屬的分類

節(jié)目列表顯示該專輯包含聲音數(shù)量、節(jié)目列表、上次播放節(jié)目、列表顯示順序、選集：

• 點(diǎn)擊列表播放
• 點(diǎn)擊繼續(xù)播放則播放上次播放該專輯的節(jié)目
• 可下載該節(jié)目

找相似為推薦的相似專輯列表

5.16 主播詳情頁

用戶場景：用戶查看主播詳情

功能描述：主播簡介、節(jié)目、資料、動(dòng)態(tài)

優(yōu)先級(jí)：中

輸入/前置條件:打開APP查看主播的信息

頁面邏輯：

頁面結(jié)構(gòu)分為三部分主播簡介、主播詳情、關(guān)注私信

主播簡介顯示主播頭像、名稱、關(guān)注量、粉絲量、認(rèn)證類型、贊助榜，和分享、返回首頁、加入黑名單等操作

• 贊助榜顯示贊助人數(shù)，點(diǎn)擊贊助榜進(jìn)入贊助榜單頁，顯示周榜和總榜
• 點(diǎn)擊贊助送禮物

主播詳情包括節(jié)目、資料、動(dòng)態(tài)

• 節(jié)目顯示主播創(chuàng)建的專輯和聲音
• 資料顯示主播的信息，星座、地區(qū)、簡介、收聽等級(jí)、他的訂閱等
• 動(dòng)態(tài)顯示主播的個(gè)人動(dòng)態(tài)，可以回復(fù)、收藏

關(guān)注私信

• 若已關(guān)注，則顯示已關(guān)注；若未關(guān)注，顯示加關(guān)注
• 顯示當(dāng)前播放狀態(tài)，點(diǎn)擊可切換播放狀態(tài)
• 點(diǎn)擊私信可與主播私信聊天

7. 其他產(chǎn)品需求

兼容需求：

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

圖片來源于網(wǎng)絡(luò)