喜马拉雅fm基本功能是收听声音，但也有主播，商城、听友圈等社交电商功能，该文档从基本收听功能入手，后续会增加其他的功能。该文档主要是从前端用户体验方面设计的该文档，后台数据流向没有写入该文档。本prd为倒推文档，准新人练习，肯定有不少不对的地方，请多指教！虚心接受一切评论。

1. 文档综述

1.1 文档属性

1.2 修订记录

2. 产品概况

2.1．背景

广播依赖于传统收音机已渐渐被手机所替代，现在我们重新发明了电台，让人们不仅能随时随地，听我想听，更能够轻松创建个人电台，随时分享好声音。并且还加入了直播这种新兴的传播沟通方式， 让人们更好的沟通和社交。

2.2．定位

国内领先音频分享平台，随时随地，听我想听。

2.3．用户

本文档主要针对移动版微信，使用群体为移动端（Android、iOS）智能手机用户

3. 产品结构

3.1 产品信息图

3.2 产品结构图

4. 全局说明

4.1 角色权限

4.2 键盘说明

点击搜索时弹出的输入键盘上方显示点击进入语音搜索提示。

5. 产品功能

5.1 注册

用户界面：

用户场景：用户进入app后在登录页面点击注册

功能描述：手机号注册

优先级：高

输入/前置条件:打开APP进行注册操作

页面逻辑：

输入注册手机号：

• 选择【+86】可切换其他国家的区号。
• 同意注册协议，输入手机号

1. 满足条件1才能点击，默认为不可点击状态
2. 注册完成后跳转到我的页面

流程图：

5.2 登录

（1）用户界面

用户场景：用户进入app后在我的页面点击登录，或在未登录状态下进行需要登录权限的操作时跳转到登录页面

功能描述：账号密码登录、快捷免密登录、第三方微信/QQ/微博/魅族账号授权登录

优先级：高

输入/前置条件:打开APP进行登录操作

页面逻辑：

登录方式切换，账号密码登录和快捷免密登录

账号密码登录需输入账号、登录密码

快捷免密登录需输入账号、短信验证码

默认账号密码登录

账号密码登录：

• 选择【+86】可切换其他国家的区号。
• 输入账号、密码均不为空时【登录】按钮才可显示为可点击状态。

1. 点击忘记密码，可设置新密码，重置密码后跳转至登录页面
2. 第三方授权登录

• 可使用微信、QQ、微博、魅族账号
• 若上次登录是第三方授权登录，需要给出提示哪种授权方式登录的

（2）用例流程

5.3 搜索

用户场景：在app内点击搜索

功能描述：搜索声音、专辑、主播、广播等内容

优先级：中

输入/前置条件:打开APP

页面逻辑：

1. 支持文字和语音输入
2. 显示热门推荐和搜索历史
3. 搜索关键字是某一分类，则搜索结果显示该分类入口
4. 搜索结果按照专辑、声音、主播、广播四个标签来显示

5.4 首页-推荐

用户场景：用户登录成功后默认进入页面

功能描述：推荐声音、专辑等

优先级：中

输入/前置条件:进入APP，点击首页

页面逻辑：

推荐页面根据用户的收听历史等推荐内容，该页面分为三个部分

1. banner滚动推荐
2. 分类快捷入口
3. 猜你喜欢、王牌节目、娱乐综艺等分类的入口，显示分类下部分内容，点击更多跳转分类详情页

5.5 首页-分类

用户场景：用户查看某一分类的声音时

功能描述：分类、最近浏览

优先级：中

输入/前置条件:打开APP在首页点击分类选项

页面逻辑：

分类页面分为五部分，标题栏、标签栏、最近浏览、常用分类、属性分类

1. 点击进入搜索页
2. 标签切换
3. 最近浏览显示从当前页面进入访问的分类，显示最近的三个类别，若无访问记录则默认不显示
4. 显示有声书、畅销书、儿童三个常用分类及其子分类
5. 点击儿童，进入儿童列表页，默认显示推荐标签页的内容
6. 点击儿童子分类儿歌，进入儿童列表页，显示儿歌标签页的内容
7. 推荐标签页banner显示当前平台与儿童类别相关的推广活动等
8. 儿童列表页筛选功能默认收起状态，推荐标签页没有筛选功能，其他标签页都有
9. 显示娱乐、知识、生活、特色等分类
10. 广告推广

5.6 首页-精品

用户场景：用户查看精品内容

功能描述：活动推送、精品分类、热门新品、分类列表

优先级：中

输入/前置条件:打开APP在首页点击精品

页面逻辑：

精品页面显示的内容为付费内容，页面分为四个部分：活动推送、商城推广、精品分类、热门新品、分类列表

1. 活动推送显示精品最近的活动新闻
2. 商城推广显示商城的一些广告推广信息，根据需要显示
3. 精品分类的快捷入口
4. 热门新品快捷入口入口
5. 每日优选、个人提升等分类入口

5.7 首页-直播

用户场景：用户查看直播

功能描述：类别、活动推送、今日主播榜、热门、新秀、我要直播

优先级：中

输入/前置条件:打开APP在首页点击直播

页面逻辑：

直播页面分为四个部分：类别、活动推送、今日主播榜、热门新秀、我要主播

1. 直播类别快捷入口，点击进入分类主播列表页
2. 活动推送显示最近的直播活动广告等
3. 今日主播榜显示今天前三位人气主播的头像，点击进入主播榜列表页
4. 热门、新秀标签切换，显示热门主播和新秀主播的节目列表，点击更多进入主播节目列表页
5. 主播列表，显示主播头像，主播间状态，本期话题、主播名称等信息，点击进入主播间
6. 我要主播是开通主播的一个入口，悬浮显示在该页面

5.8 首页-广播

用户场景：用户查看广播

功能描述：类别、最近收听、当地广播、排行榜

优先级：中

输入/前置条件:打开APP在首页点击广播

页面逻辑：

广播页面分为四部分：类别、最近收听、当地广播、排行榜

1. 类别又分为两大类，根据区域范围分为本地台、国家台、省市台、网络台；根据类别分为新闻台、音乐台、交通台、经济台等
2. 最近收听显示最近收听的电台列表，默认最多显示5个电台，点击更多查看更多收听历史，无广播收听历史则该项默认不显示
3. 当地电台默认显示3个电台，点击更多查看更多当地电台列表
4. 排行榜显示top3电台，点击更多查看全部电台排行榜列表

5.9 我听

用户场景：用户查看下载、收听历史、已购、喜欢等内容

功能描述：下载、收听历史、已购、喜欢、我的订阅、推荐订阅、消息、搜索

优先级：中

输入/前置条件:打开APP点击我听

页面逻辑：

1. 标题显示为我听，点击左侧进入消息列表，点击右侧搜索进入搜索页面
2. 用户下载、收听历史、已购声音、喜欢的声音四个部分的入口

• 显示下载声音数量，点击进入下载列表页
• 显示收听声音历史数量，点击进入收听历史列表页
• 显示已购声音数量，点击进入已购声音列表页
• 显示喜欢声音数量，点击进入喜欢声音列表页

我的订阅和推荐订阅切换标签，列表排序，按照时间由近到远和由远及近两种排序规则

订阅列表显示专辑简介和操作

1. 显示专辑封面、专辑名称、专辑简介、主播名称、最新一期距今的时间、未播放的最新更新的数量等；
2. 菜单栏操作有置顶、找相似、取消订阅；
3. 点击列表进入专辑详情页

底部显示添加订阅功能，点击切换到推荐订阅标签

5.10 发现

用户场景：用户选择发现

功能描述：听友圈、喜马精选、全民朗读、大咖主播、问答、商城、逸听卡、游戏中心、活动、每日有料

优先级：中

输入/前置条件:打开APP点击发现

页面逻辑：

1. 听友圈显示关注的主播的动态信息，他们有新动态时，则在右边显示最新发布动态的主播头像并在头像右上方红点标识
2. 点击喜马精选进入精品页

5. 11 我的

用户场景：用户选择我的

功能描述：个人信息、主播工作台入口、设置

优先级：中

输入/前置条件:打开APP点击我的

页面逻辑：

1. 导航栏显示内容为消息中心、收听历史、主播工作台入口，点击主播工作台进入主播工作台页
2. 当前用户个人信息简介，包括头像、名称、是否开通巅峰会员、关注量、粉丝量等。
3. 显示当前账户喜点数目、优惠券数量、已购声音数量、钱包入口
4. 我要做主播，未认证点击则进入认证页面，只有实名认证后才能做主播
5. 我的作品显示当前用户转采或者发布的声音
6. 我的成就显示当前用户收听时长
7. 巅峰会员享有比普通会员更多的权利，点击进入巅峰会员详情页
8. 点击分享赚钱可进入分享赚钱页面，通过分享喜马拉雅平台指定的声音或者内容来获取佣金
9. 点击我的积分，进入积分商城
10. 点击扫一扫打开扫一扫功能，扫描识别声音、专辑、主播的二维码
11. 未登录时点击2-5中任何一项均跳转到登录页面
12. 我要做主播、我的成就、我的游戏只有在登录状态下才显示

5.12 当前播放-广播

用户场景：用户收听广播

功能描述：广播节目的简要信息、节目单、播放历史、定时关闭

优先级：中

输入/前置条件:打开APP在首页点击广播标签，点击某一广播电台

页面逻辑：

页面结构分为四部分，标题部分、节目简介、播放详情、电台简介部分

1. 标题部分显示电台名称，点击向下箭头退出当前页，点击右边闹钟图标，选择定时开关、设为闹钟操作
2. 节目简介背景图为电台图标，中间显示当前电台的节目名称、主播名称、播放时间段，
3. 播放详情显示内容有节目单、播放设置、播放历史、播放进度条，

• 点击节目单进入电台节目列表页，显示电台昨天、今天、明天三天的节目列表，点击节目列表可播放
• 播放设置可进行上一节目、下一节目切换、暂停、播放节目等操作
• 点击播放历史进入播放历史列表页，点击列表可播放
  1. 电台简介部分显示电台图标、名称、收听量、正在直播的节目名称

5.13 当前播放-声音

用户场景：用户收听声音

功能描述：声音的简要信息、播放设置、详情、主播、评论

优先级：中

输入/前置条件:打开APP点击某一声音

页面逻辑：

标题栏部分：

• 点击向下箭头退出当前页
• 点击设备图标连接智能硬件设备图标，
• 点击分享图标将声音分享到微信、朋友圈、新浪微博、QQ好友、QQ空间、群组、听友圈、生成二维码等操作
• 点击菜单按钮显示可以进行的其他操作，包括分享、闹铃、下载、投诉、转采、设为铃声、WiFi音箱播放、播放历史

1. 声音简介显示声音标题、封面
2. 播放设置包括播放列表、播放进入条、定时关闭、快进快退、上一个、下一个、广告栏、弹幕、

• 点击播放列表显示该专辑中所有的声音，可是设置列表顺序或者倒序播放，点击播放列表声音，还可以下载列表声音
• 播放进度条显示当前节目播放进度，拖动进度条可以切换播放进度
• 点击定时关闭设置关闭播放的时间，比如不开启、播完当前声音、播完2集声音、10分钟等
• 点击上一个/下一个切换声音
• 点击快进快退设置播放进度和播放速度
• 点击弹幕时设置开启关闭弹幕，当开启弹幕时，在声音简介部分显示弹幕内容，也可编辑弹幕，发表弹幕，并自动同步为评论。编辑弹幕参见下文7评论

1. 显示专辑名称、订阅人数、订阅状态
2. 上拉显示声音详情
3. 声音详情、主播、评论

详情分为三部分，专辑简介、声音简介、相关推荐：

• 专辑简介显示声音所属专辑信息，包括名称、头像、订阅人数，显示订阅状态，点击专辑信息进入专辑详情页
• 声音简介是显示声音播放量、更新日期和相关简介
• 相关推荐包括推荐分类和专辑

主播显示主播信息和简介：

• 主播信息包括头像、名称、被关注量、送礼物，点击主播信息进入主播详情页
• 点击送礼物给主播送礼物

评论显示评论列表和评论数量、点赞数量、写评论：

• 写评论参见下文7评论
• 可以点赞、回复评论

评论和弹幕输入框，评论数量、喜欢数量、送礼物

评论输入框

• 点击评论输入框，发表评论，还可以将评论同步到听友圈动态
• 点击开启弹幕，可在该输入框输入弹幕信息，发表弹幕，同时也显示在评论列表

点击评论进入声音全部评论列表

点击喜欢，将该声音加入标记为喜欢

点击礼物进行送礼物操作

5.14 当前播放-直播

用户场景：用户进入直播间

功能描述：直播间和主播对话、查看其它用户消息

优先级：中

输入/前置条件: 打开APP

页面逻辑：

页面分为四部分，标题栏、主播信息栏、消息对话列表、输入框

（1）标题显示当前在线人数、参与互动人数，右侧为分享操作

（2）主播信息栏：

• 显示主播头像、名称、关注状态、开播时间、赞助榜、主播排名和主播获得喜欢的数量、
• 点击赞助榜进入赞助榜列表页，显示赞助主播的用户，按照赞助数量由高到低排列
• 点击加入群组即可进入主播建立的群组中进行互动
• 点击本期话题显示本期话题内容
• 点击关注即可关注主播，若已关注，则关注按钮不显示

（3）滚动显示主播间好友互动消息

可以在输入框发消息，也可以和主播连线、送礼物等

5.15 专辑详情页

用户场景：用户查看专辑的详细信息

功能描述：专辑信息、相似节目

优先级：中

输入/前置条件:打开APP在首页点击某一专辑名称

页面逻辑：

页面分为三个部分，标题、专辑简介、详情

1. 标题为专题详情，菜单操作为搜索专辑内声音、找相似、投诉专辑三个操作
2. 专辑简介显示专辑信息和操作

• 显示专辑封面、名称、完结状态、最近更新日期、播放量、所属分类标签
• 可进行订阅、分享、加群、批量下载等操作
• 显示已订阅人数

显示详情、节目列表、找相似三大块

详情显示主播介绍和专辑标签：

• 主播介绍包括主播头像、名称、被关注数量、主播简介
• 点击主播介绍进入主播详情页
• 专辑标签显示该专辑所属的分类

节目列表显示该专辑包含声音数量、节目列表、上次播放节目、列表显示顺序、选集：

• 点击列表播放
• 点击继续播放则播放上次播放该专辑的节目
• 可下载该节目

找相似为推荐的相似专辑列表

5.16 主播详情页

用户场景：用户查看主播详情

功能描述：主播简介、节目、资料、动态

优先级：中

输入/前置条件:打开APP查看主播的信息

页面逻辑：

页面结构分为三部分主播简介、主播详情、关注私信

主播简介显示主播头像、名称、关注量、粉丝量、认证类型、赞助榜，和分享、返回首页、加入黑名单等操作

• 赞助榜显示赞助人数，点击赞助榜进入赞助榜单页，显示周榜和总榜
• 点击赞助送礼物

主播详情包括节目、资料、动态

• 节目显示主播创建的专辑和声音
• 资料显示主播的信息，星座、地区、简介、收听等级、他的订阅等
• 动态显示主播的个人动态，可以回复、收藏

关注私信

• 若已关注，则显示已关注；若未关注，显示加关注
• 显示当前播放状态，点击可切换播放状态
• 点击私信可与主播私信聊天

7. 其他产品需求

兼容需求：

本文由 @蜡笔小新hyp 原创发布于人人都是产品经理。未经许可，禁止转载。

图片来源于网络