喜马拉雅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才能点击,默认为不可点击状态
- 注册完成后跳转到我的页面
流程图:
5.2 登录
(1)用户界面
用户场景:用户进入app后在我的页面点击登录,或在未登录状态下进行需要登录权限的操作时跳转到登录页面
功能描述:账号密码登录、快捷免密登录、第三方微信/QQ/微博/魅族账号授权登录
优先级:高
输入/前置条件:打开APP进行登录操作
页面逻辑:
登录方式切换,账号密码登录和快捷免密登录
账号密码登录需输入账号、登录密码
快捷免密登录需输入账号、短信验证码
默认账号密码登录
账号密码登录:
- 选择【+86】可切换其他国家的区号。
- 输入账号、密码均不为空时【登录】按钮才可显示为可点击状态。
- 点击忘记密码,可设置新密码,重置密码后跳转至登录页面
- 第三方授权登录
- 可使用微信、QQ、微博、魅族账号
- 若上次登录是第三方授权登录,需要给出提示哪种授权方式登录的
(2)用例流程
5.3 搜索
用户场景:在app内点击搜索
功能描述:搜索声音、专辑、主播、广播等内容
优先级:中
输入/前置条件:打开APP
页面逻辑:
- 支持文字和语音输入
- 显示热门推荐和搜索历史
- 搜索关键字是某一分类,则搜索结果显示该分类入口
- 搜索结果按照专辑、声音、主播、广播四个标签来显示
5.4 首页-推荐
用户场景:用户登录成功后默认进入页面
功能描述:推荐声音、专辑等
优先级:中
输入/前置条件:进入APP,点击首页
页面逻辑:
推荐页面根据用户的收听历史等推荐内容,该页面分为三个部分
- banner滚动推荐
- 分类快捷入口
- 猜你喜欢、王牌节目、娱乐综艺等分类的入口,显示分类下部分内容,点击更多跳转分类详情页
5.5 首页-分类
用户场景:用户查看某一分类的声音时
功能描述:分类、最近浏览
优先级:中
输入/前置条件:打开APP在首页点击分类选项
页面逻辑:
分类页面分为五部分,标题栏、标签栏、最近浏览、常用分类、属性分类
- 点击进入搜索页
- 标签切换
- 最近浏览显示从当前页面进入访问的分类,显示最近的三个类别,若无访问记录则默认不显示
- 显示有声书、畅销书、儿童三个常用分类及其子分类
- 点击儿童,进入儿童列表页,默认显示推荐标签页的内容
- 点击儿童子分类儿歌,进入儿童列表页,显示儿歌标签页的内容
- 推荐标签页banner显示当前平台与儿童类别相关的推广活动等
- 儿童列表页筛选功能默认收起状态,推荐标签页没有筛选功能,其他标签页都有
- 显示娱乐、知识、生活、特色等分类
- 广告推广
5.6 首页-精品
用户场景:用户查看精品内容
功能描述:活动推送、精品分类、热门新品、分类列表
优先级:中
输入/前置条件:打开APP在首页点击精品
页面逻辑:
精品页面显示的内容为付费内容,页面分为四个部分:活动推送、商城推广、精品分类、热门新品、分类列表
- 活动推送显示精品最近的活动新闻
- 商城推广显示商城的一些广告推广信息,根据需要显示
- 精品分类的快捷入口
- 热门新品快捷入口入口
- 每日优选、个人提升等分类入口
5.7 首页-直播
用户场景:用户查看直播
功能描述:类别、活动推送、今日主播榜、热门、新秀、我要直播
优先级:中
输入/前置条件:打开APP在首页点击直播
页面逻辑:
直播页面分为四个部分:类别、活动推送、今日主播榜、热门新秀、我要主播
- 直播类别快捷入口,点击进入分类主播列表页
- 活动推送显示最近的直播活动广告等
- 今日主播榜显示今天前三位人气主播的头像,点击进入主播榜列表页
- 热门、新秀标签切换,显示热门主播和新秀主播的节目列表,点击更多进入主播节目列表页
- 主播列表,显示主播头像,主播间状态,本期话题、主播名称等信息,点击进入主播间
- 我要主播是开通主播的一个入口,悬浮显示在该页面
5.8 首页-广播
用户场景:用户查看广播
功能描述:类别、最近收听、当地广播、排行榜
优先级:中
输入/前置条件:打开APP在首页点击广播
页面逻辑:
广播页面分为四部分:类别、最近收听、当地广播、排行榜
- 类别又分为两大类,根据区域范围分为本地台、国家台、省市台、网络台;根据类别分为新闻台、音乐台、交通台、经济台等
- 最近收听显示最近收听的电台列表,默认最多显示5个电台,点击更多查看更多收听历史,无广播收听历史则该项默认不显示
- 当地电台默认显示3个电台,点击更多查看更多当地电台列表
- 排行榜显示top3电台,点击更多查看全部电台排行榜列表
5.9 我听
用户场景:用户查看下载、收听历史、已购、喜欢等内容
功能描述:下载、收听历史、已购、喜欢、我的订阅、推荐订阅、消息、搜索
优先级:中
输入/前置条件:打开APP点击我听
页面逻辑:
- 标题显示为我听,点击左侧进入消息列表,点击右侧搜索进入搜索页面
- 用户下载、收听历史、已购声音、喜欢的声音四个部分的入口
- 显示下载声音数量,点击进入下载列表页
- 显示收听声音历史数量,点击进入收听历史列表页
- 显示已购声音数量,点击进入已购声音列表页
- 显示喜欢声音数量,点击进入喜欢声音列表页
我的订阅和推荐订阅切换标签,列表排序,按照时间由近到远和由远及近两种排序规则
订阅列表显示专辑简介和操作
- 显示专辑封面、专辑名称、专辑简介、主播名称、最新一期距今的时间、未播放的最新更新的数量等;
- 菜单栏操作有置顶、找相似、取消订阅;
- 点击列表进入专辑详情页
底部显示添加订阅功能,点击切换到推荐订阅标签
5.10 发现
用户场景:用户选择发现
功能描述:听友圈、喜马精选、全民朗读、大咖主播、问答、商城、逸听卡、游戏中心、活动、每日有料
优先级:中
输入/前置条件:打开APP点击发现
页面逻辑:
- 听友圈显示关注的主播的动态信息,他们有新动态时,则在右边显示最新发布动态的主播头像并在头像右上方红点标识
- 点击喜马精选进入精品页
5. 11 我的
用户场景:用户选择我的
功能描述:个人信息、主播工作台入口、设置
优先级:中
输入/前置条件:打开APP点击我的
页面逻辑:
- 导航栏显示内容为消息中心、收听历史、主播工作台入口,点击主播工作台进入主播工作台页
- 当前用户个人信息简介,包括头像、名称、是否开通巅峰会员、关注量、粉丝量等。
- 显示当前账户喜点数目、优惠券数量、已购声音数量、钱包入口
- 我要做主播,未认证点击则进入认证页面,只有实名认证后才能做主播
- 我的作品显示当前用户转采或者发布的声音
- 我的成就显示当前用户收听时长
- 巅峰会员享有比普通会员更多的权利,点击进入巅峰会员详情页
- 点击分享赚钱可进入分享赚钱页面,通过分享喜马拉雅平台指定的声音或者内容来获取佣金
- 点击我的积分,进入积分商城
- 点击扫一扫打开扫一扫功能,扫描识别声音、专辑、主播的二维码
- 未登录时点击2-5中任何一项均跳转到登录页面
- 我要做主播、我的成就、我的游戏只有在登录状态下才显示
5.12 当前播放-广播
用户场景:用户收听广播
功能描述:广播节目的简要信息、节目单、播放历史、定时关闭
优先级:中
输入/前置条件:打开APP在首页点击广播标签,点击某一广播电台
页面逻辑:
页面结构分为四部分,标题部分、节目简介、播放详情、电台简介部分
- 标题部分显示电台名称,点击向下箭头退出当前页,点击右边闹钟图标,选择定时开关、设为闹钟操作
- 节目简介背景图为电台图标,中间显示当前电台的节目名称、主播名称、播放时间段,
- 播放详情显示内容有节目单、播放设置、播放历史、播放进度条,
- 点击节目单进入电台节目列表页,显示电台昨天、今天、明天三天的节目列表,点击节目列表可播放
- 播放设置可进行上一节目、下一节目切换、暂停、播放节目等操作
- 点击播放历史进入播放历史列表页,点击列表可播放
- 电台简介部分显示电台图标、名称、收听量、正在直播的节目名称
5.13 当前播放-声音
用户场景:用户收听声音
功能描述:声音的简要信息、播放设置、详情、主播、评论
优先级:中
输入/前置条件:打开APP点击某一声音
页面逻辑:
标题栏部分:
- 点击向下箭头退出当前页
- 点击设备图标连接智能硬件设备图标,
- 点击分享图标将声音分享到微信、朋友圈、新浪微博、QQ好友、QQ空间、群组、听友圈、生成二维码等操作
- 点击菜单按钮显示可以进行的其他操作,包括分享、闹铃、下载、投诉、转采、设为铃声、WiFi音箱播放、播放历史
- 声音简介显示声音标题、封面
- 播放设置包括播放列表、播放进入条、定时关闭、快进快退、上一个、下一个、广告栏、弹幕、
- 点击播放列表显示该专辑中所有的声音,可是设置列表顺序或者倒序播放,点击播放列表声音,还可以下载列表声音
- 播放进度条显示当前节目播放进度,拖动进度条可以切换播放进度
- 点击定时关闭设置关闭播放的时间,比如不开启、播完当前声音、播完2集声音、10分钟等
- 点击上一个/下一个切换声音
- 点击快进快退设置播放进度和播放速度
- 点击弹幕时设置开启关闭弹幕,当开启弹幕时,在声音简介部分显示弹幕内容,也可编辑弹幕,发表弹幕,并自动同步为评论。编辑弹幕参见下文7评论
- 显示专辑名称、订阅人数、订阅状态
- 上拉显示声音详情
- 声音详情、主播、评论
详情分为三部分,专辑简介、声音简介、相关推荐:
- 专辑简介显示声音所属专辑信息,包括名称、头像、订阅人数,显示订阅状态,点击专辑信息进入专辑详情页
- 声音简介是显示声音播放量、更新日期和相关简介
- 相关推荐包括推荐分类和专辑
主播显示主播信息和简介:
- 主播信息包括头像、名称、被关注量、送礼物,点击主播信息进入主播详情页
- 点击送礼物给主播送礼物
评论显示评论列表和评论数量、点赞数量、写评论:
- 写评论参见下文7评论
- 可以点赞、回复评论
评论和弹幕输入框,评论数量、喜欢数量、送礼物
评论输入框
- 点击评论输入框,发表评论,还可以将评论同步到听友圈动态
- 点击开启弹幕,可在该输入框输入弹幕信息,发表弹幕,同时也显示在评论列表
点击评论进入声音全部评论列表
点击喜欢,将该声音加入标记为喜欢
点击礼物进行送礼物操作
5.14 当前播放-直播
用户场景:用户进入直播间
功能描述:直播间和主播对话、查看其它用户消息
优先级:中
输入/前置条件: 打开APP
页面逻辑:
页面分为四部分,标题栏、主播信息栏、消息对话列表、输入框
(1)标题显示当前在线人数、参与互动人数,右侧为分享操作
(2)主播信息栏:
- 显示主播头像、名称、关注状态、开播时间、赞助榜、主播排名和主播获得喜欢的数量、
- 点击赞助榜进入赞助榜列表页,显示赞助主播的用户,按照赞助数量由高到低排列
- 点击加入群组即可进入主播建立的群组中进行互动
- 点击本期话题显示本期话题内容
- 点击关注即可关注主播,若已关注,则关注按钮不显示
(3)滚动显示主播间好友互动消息
可以在输入框发消息,也可以和主播连线、送礼物等
5.15 专辑详情页
用户场景:用户查看专辑的详细信息
功能描述:专辑信息、相似节目
优先级:中
输入/前置条件:打开APP在首页点击某一专辑名称
页面逻辑:
页面分为三个部分,标题、专辑简介、详情
- 标题为专题详情,菜单操作为搜索专辑内声音、找相似、投诉专辑三个操作
- 专辑简介显示专辑信息和操作
- 显示专辑封面、名称、完结状态、最近更新日期、播放量、所属分类标签
- 可进行订阅、分享、加群、批量下载等操作
- 显示已订阅人数
显示详情、节目列表、找相似三大块
详情显示主播介绍和专辑标签:
- 主播介绍包括主播头像、名称、被关注数量、主播简介
- 点击主播介绍进入主播详情页
- 专辑标签显示该专辑所属的分类
节目列表显示该专辑包含声音数量、节目列表、上次播放节目、列表显示顺序、选集:
- 点击列表播放
- 点击继续播放则播放上次播放该专辑的节目
- 可下载该节目
找相似为推荐的相似专辑列表
5.16 主播详情页
用户场景:用户查看主播详情
功能描述:主播简介、节目、资料、动态
优先级:中
输入/前置条件:打开APP查看主播的信息
页面逻辑:
页面结构分为三部分主播简介、主播详情、关注私信
主播简介显示主播头像、名称、关注量、粉丝量、认证类型、赞助榜,和分享、返回首页、加入黑名单等操作
- 赞助榜显示赞助人数,点击赞助榜进入赞助榜单页,显示周榜和总榜
- 点击赞助送礼物
主播详情包括节目、资料、动态
- 节目显示主播创建的专辑和声音
- 资料显示主播的信息,星座、地区、简介、收听等级、他的订阅等
- 动态显示主播的个人动态,可以回复、收藏
关注私信
- 若已关注,则显示已关注;若未关注,显示加关注
- 显示当前播放状态,点击可切换播放状态
- 点击私信可与主播私信聊天
7. 其他产品需求
兼容需求: