作者尝试倒推了网易云音乐的需求文档,分享给大家,希望可以给各位提供些参考。
一、文档综述
1.1版本修订记录
1.2、PRD输出环境
1.3、产品介绍
网易云一款一站式阅读电子书、杂志报纸、互联网资讯和精美图集的在线阅读软件。致力于为读者带来高价值和高效率的阅读体验。
1.4、名词说明
2.1产品功能结构图二、产品结构
2.2产品信息结构图
三、全局说明
3.1、功能权限
- 登录状态下可以进行所有操作
- 未登录状态不可以进行关注好友,我的消息,购买和上传书籍功能都不可以用。要进行上述操作需要跳转到登录页面进行登录。
3.2、页面内交互
3.2.1底部弹窗和顶部弹窗
3.3、页面异常
四、产品详细功能说明
4.0常用操作
4.0.1常用icon.
交互:页面底部弹出。页面逻辑:点击页面分享图标。
4.0.3 更多操作弹窗。
页面逻辑:一个是阅读书籍时点击更多操作控件,一个是阅读文章时点击更多操作控件。
交互:底部弹出。
4.0.4书籍目录操作
页面逻辑:点击阅读书籍界面时的目录按钮
交互方式:左边弹出
4.0.5打赏弹窗
4.0.6评论弹窗
评论功能逻辑
4.0.7回复评论弹窗
功能逻辑:
- 点击输入框输入评论内容,当评论框字符大于1时,才启用发送按钮,输入完点击发送,显示toast:评论成功
- 异常情况处理:评论不成功,弹出toast:评论失败。网络没连接的时候:弹出toast:网络没有连接。
4.0.8删除弹窗
4.1启动页
页面逻辑:
- 对广告页不进行任何点击,3s后自动进入app首页。
- 点击跳过,直接进入app页面
- 点击广告页图片没有热区的地方,进入广告页。
- 点击分享,弹出分享弹窗。
4.2登录页/注册页
4.2.1登录页
登录功能的功能逻辑:
- 上次登录方式后面显示前一次登录APP的方式。
- 输入账号和密码匹配正确,登录成功;若匹配不正确,弹出toast2:提示内容:你输入的密码与账号不匹配,请重新输入。
- 若账号不存在,进行跳转页面输入验证码进行风险验证。
- 点击输入框和密码,底部弹出字母键盘
- 输入框输入时,展开邮箱选择列表。
4.2.2注册页
注册功能逻辑:
- 设置密码页面,可以选择性别,设置密码时候,可以选择是否显示密码。
4.2.3找回密码页面(选择手机号码找回密码)
找回密码功能逻辑
4.2.4第三方授权登录页面
页面根据每个授权登录方式不一样。
页面逻辑:进入第三方授权你页面点击确认登录即可加载登录页面,然后加载进入app页面。
4.2.5阅读口味页面
页面逻辑:
- 首次下载登录进入出现该页面,为用户提供用户阅读口味选择。
- 进入个人中心页面,点击阅读口味。
- 点击标注1,标注2,页面跳转如上说明。
页面功能逻辑:
- 点击标签,标签为选中状态;再一次点击当前口味标签,取消选中状态。
- 顶部阅读口味栏固定,屏幕页面可上下拖动。
4.3书城频道
4.3.1推荐标签页面
页面逻辑:
- 标注1:登录进入时候出现的界面。在其他频道时候通过点击底部标签的书城标签,进入该页面。
- 标注2:可通过滑块按钮滑动来选择对应的栏目,页面内容根据对应栏目显示到相应的页面。
- 标注3:分类标签导航,点击某一标签,标签呈现为选中状态(如图所示推荐标签),页面显示为当前标签相对应的页面
- 标注4:点击更多,可以查看该栏目列表更多的书籍内容,跳转到该栏目页面。
- 标注5:点击书籍图片跳转到书籍介绍页面
- 标注6:点击缓换一换,整个栏目板块的书籍更新一次。
- 标注7:点击用户头像,向左弹出个人中心列表页面。
- 标注8:点击搜索图标,跳转到搜索页面。
页面说明;
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
- 每个推荐栏目布局为3*2,如图:主编力荐栏目。
- 该页面需要向下滑动显示部分的页面展示形式为推荐栏目列表形式
4.3.2口味标签页面
页面说明;
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
4.3.3免费标签页面
页面逻辑:
- 标注1:点击1所在区域,进入书籍介绍页面
- 标注2:点击更多,加载该特价专区栏目更多书籍,跳转到该栏目页面。
- 标注3:点击换一换,该栏目展现的三本书更新一次。
页面说明:
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
- 该页面一共有三个栏目:今日免费,特价专区,包月专区。包月专区在特价专区下面,展现形式跟特价专区一样。
4.3.3-1特价专区页面
4.3.3-2包月专区页面
页面逻辑:
- 标注1:点击更多,页面跳转到包月专区列表页B
- 标注2:点击所在热区,页面跳转到该阅读包的包月详情页面C。
- 标注3:点击所在热区范围(不包括书籍图片),页面跳转到该阅读包的包月详情页面C。点击包内热书书籍图片,进入书籍介绍页面。
- 标注4:点击开通包月功能,跳转到包月支付页面。
- 标注5:点击排序,弹出框如右图所示。可以选择包内书籍按最高人气在前排列或按最新添加在前排列。
- 标注6:点击进入书籍介绍页。
页面说明:
- 包月专区页面以红线框的版式格局作为一行列表呈现列表。可以上下滑动列表查看。
4.3.4排行榜标签页面
页面说明:
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
- 该页面一共有7个榜单栏目:出版热销榜、出版收藏榜、出版点击榜、出版新书榜、出榜免费榜、豆瓣好评榜、当当热销榜。每个榜单展现形式一样。
4.3.4-1榜单页面
4.3.5分类标签页面
页面说明:
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
- 页面布局为每行两个,共有7行,可以通过上下滑动屏幕来展示。
4.3.5-1书籍类别页面
页面逻辑:
- 标注1:点击细分名称,下面的书籍列表展示为该类别的书。细分名称每次只能选中一个,选中时字体呈现红色。
- 标注2:点击收费,免费,包月,书籍列表将展示符合要求的书籍。该栏目选项标签每次只能选中一个。选中时字体呈现红色。
- 标注3:点击按畅销,按人气,按最新,书籍列表将展示符合要求的书籍,该栏目选项标签每次只能选中一个。选中时字体呈现红色。
- 标注4:点击可以进入书籍介绍页面。
页面说明:
1、页面可以上下滑动,当开始向上滑动时,筛选部分文字向上隐藏。(页面内详细交互)
4.3.6专题标签页面
页面说明:
- 顶部状态栏、导航栏、分类标签固定在顶部,底部导航标签固定,中间页面可以上下滑动,显示更多信息。滑动时有上下限边界。
- 页面布局如图格式所示以列表的形式展现。
4.3.6-1专题页面
页面逻辑:
- 标注1:点击更多操作弹出更多操作窗口(如图4.03点击专题页面时更多操作的弹窗)
- 标注2:点击进入书籍介绍页面
- 标注3:点击打开分享弹窗(如图4.02)
- 标注4:点击开始评论。
- 标注5:分享次数和评论信息条数不为0时,统计次数并显示次数
页面说明:
- 顶部状态栏和导航栏固定,底部分享和评论,中间页面可以上下滑动来显示。
- 没有人进行分享和评论时,图标如标注3和标注4所示。当用户每对页面分享一次,分享后面数字+1;当用户每对专题评论一次,评论后面数字加1,评论内容进入评论列表。状态如标注5所示。
- 专题评论内容列表根据评论时间倒序排列
4.4书架频道
4.4.1书架频道顶部弹窗
弹窗说明:
- 加入书架的阅读包增加,上图“我的包月”列表阅读包跟着增加
- 在书架页面新建一个分组名称,上图“我的分组”列表增加新的分组名称
4.4.2书架列表页面
页面逻辑:
- 标注1:点击向下弹出左边的窗口,再次点击,收回该窗口。
- 标注2:点击用户头像,向左弹出个人中心页面。
- 标注3:点击搜索图标,进入搜索页面。
- 标注4:点击展开顶部弹窗如图3.2.1顶部弹窗。
- 标注5:点击该行进入书籍介绍页面。(该行为加入书架的书籍)
- 标注6:点击该阅读包进入包月详情页面(如图4.3.3-2C页面)
- 标注7:手指按住向左滑动出现右图行界面。
- 标注8:点击更多,弹出底部弹窗。如图3.2.1底部弹窗
- 标注9:点击删除,弹出alert.如图3.2.1alert。
页面说明:
- 顶部状态栏,导航栏固定,底部标签导航栏固定。中间书籍列表可以上下滑动显示。
- 书籍列表每一行可以左右滑动,左右滑动有边界。
- 书籍列表的更多功能,根据列表的类型和列表书籍的类型,展现不同的弹窗操作按钮
4.4.3本地书页面
页面逻辑
- 标注1:点击向下弹出左边的窗口,再次点击,收回该窗口。
- 标注2:点击该行进入上传书籍阅读页面。
- 标注3:手指按住向左滑动出现右图行界面。
- 标注4:点击更多,弹出底部弹窗。如图3.2.1底部弹窗
- 标注5:点击删除,弹出alert.如图3.2.1alert。
4.5订阅频道
4.5.1 订阅页面
页面逻辑:
- 标注1:点击用户头像,从左边弹出个人中心页面
- 标注2:可以对该行标签进行选择,选择对应的标签下面呈现相应的内容。选中状态呈现红色,有红色下划线。进行添加订阅时,订阅的标签名会在该标签栏展示出来。(如上图的两个订阅标签栏)
- 标题3:点击搜索图标进入搜索页面。
- 标题4:点击加号图标弹出顶部弹窗,弹窗按钮区如右图所示。
- 标题5:点击该热区包括图片,进入文章详情页。
- 标题6:点赞和评论默认隐藏,当点赞数大于等于1,点赞图标出现,当评论信息大于等于1条,评论图标显示。
- 标题7:点击该图标,从该页面移除该篇文章。
- 标题8:点击进入添加订阅页面
- 标题9:点击进入整理订阅页面
- 标题10:点击进入离线订阅页面。
页面说明:
- 底部状态栏和顶部状态栏,标签固定,中间页面可以上下滑动,有边界。
- 当页面在上边界时,向下滑动,开始文章更新,每滑动一次更新12篇文章。
4.5.1-1 添加订阅页面
页面逻辑:
- 标注1:左侧一栏为导航标签,选中状态字体呈现红色,底色为白色。只能同时选中一个标签,后面根据标签类目展示不同类容。
- 标注2:点击所在热区范围,进入改标题页面。(该页面略)
- 标注3:参见常规操作。
页面说明:
- 左侧标签栏可以上下滑动
- 顶部状态栏固定,文章列表可以上下滑动。
(注意:整理订阅页面和离线页面这里不在写了)
4.5.2文章详情页面
页面逻辑:
- 标注1:点击更多操作,如图4.0.3更多操作点击文章界面时更多操作。
- 标注2:文章末尾点赞,(功能参考参考常用操作)
- 标注3:点击微信,打开微信好友列表,选择好友分享文章。
- 标注4:点击微信朋友圈,打开朋友圈发布动态编辑页面。
- 标注5:点击输入框,当前页面底部弹出文章详情页面评论框,如上图。
- 标注6:点击该图标,页面滑到最下部最新评论的地方展示。如果最新评论有评选内容,根据评论条数进行统计,图标展现形式如图所示,右上角有小红点出现。
页面说明:
- 底部状态栏固定不变,顶部状态栏固定不变。
- 文章内容根据实际编辑情况展示。(主要是图片和文字)
- 评论列表的评论信息根据时间发布顺序倒序排列。
4.6搜索频道
4.6.1搜索首页
页面逻辑:
- 标注1:点击该热区,弹出框所示,可以选择书籍,订阅,文章。大家都在搜随着标签选择进行匹配相对应的内容。
- 标注2:点击输入框,弹出键盘,输入关键词进行搜索。搜索成功进入搜索结果页面。(搜索规则略)
- 标注3:点击该图标,大家都在搜的词更新另一批
- 标注4:点击搜索热词进行搜索,搜索成功进入搜索结果页面。
- 标注5:点击该图标,全部删除最近搜索的词。
- 标注6:如果没有最近搜索词,或是已经全部删除搜索词,则这里没有最近搜索词。每当在输入框进行一次有效搜索,最近搜索下方增加一个搜索词。点击最近搜索词进行搜索,搜索成功进入搜索结果页面。
4.6.1-1订阅和文章状态搜索结果页面
页面逻辑:
- 标注1:点击进入该标题页面
- 标注2:点击进入文章详情页面。
页面说明:顶部状态栏和标签栏固定,页面可以上下滑动。
- 文章列表排列方式根据时间发布前后倒序排列。
4.6.1-2书籍搜索结果页面
页面逻辑:
- 标注1:点击全部频道向下弹出窗口,可以选择频道,书籍列表呈现对应的内容。
- 标注2:点击筛选向下弹出窗口,可以筛选条件,书籍列表呈现对应的内容。
- 标签3:点击进入书籍介绍页面
- 标签4:点击向下弹出窗口,选择排序方式,书籍列表呈现对应的内容。
页面说明:
- 顶部状态栏和标签选项栏 固定,文章列表可以上下滑动展示。
4.7书籍介绍页
页面逻辑:
- 标注1:点击所在热区范围打开目录页,热区范围整个字体行区域。
- 标注2:点击打赏,底部弹出打赏窗口。参考常见操作。
- 标注3:点击写评论,底部弹出评论框,参考常见操作
- 标注4:参考常见操作。
- 标注5:点击进入评论列表页。
- 标注6:点击进入该书的书籍介绍页。
页面说明:
- 顶部状态栏导航栏固定,底部标签栏固定,中间页面可以上下滑动。
- 用户还喜欢模块书籍可以左右滑动。
4.7.1评论列表页面
页面逻辑:
- 标注1:点击热区范围底部弹出回复评论弹窗
- 标注2:点击弹出评论弹窗
页面说明:
- 评论数目根据评论列表的评论数目统计,统计规则(评论和回复评论数都要统计显示)
- 顶部状态栏固定,下面评论框固定,中间页面可以上下滑动。
- 点赞参考常规操作。
- 评论列表分为精彩评论和最新评论。(精彩评论排列筛选规则略,最新评论根据发布时间倒序排列)
4.8用户中心频道
- 标注1:点击进入用户主页
- 标注2:点击进入我的消息页
- 标注3:点击进入阅读圈页面
- 标注4:点击进入笔记页面
- 标注5:点击进入阅读历史页面
- 标记6:点击进入文字收藏页
- 标注7:点击进入设置页面
- 标注8:点击切换阅读模式,日间和夜间。
注:因为用户频道页面比较多,且功能逻辑较多,在这篇文章先不阐述,自己也需要反思下。
页面和和操作参照表:
这篇PRD只是根据现有的产品倒推的,难免会有疏漏之处。请谅解,而且个人在写完之后,有些功能逻辑或页面逻辑阐述不合理的,请您指出。不胜感激。
作者:STAR,即将大四,产品新人,目前在求职产品实习生。
本文由 @STAR 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自PEXELS,基于CC0协议