快好知 kuaihz

PRD:倒推网易云阅读产品需求文档

作者尝试倒推了网易云音乐的需求文档,分享给大家,希望可以给各位提供些参考。

一、文档综述

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只是根据现有的产品倒推的,难免会有疏漏之处。请谅解,而且个人在写完之后,有些功能逻辑或页面逻辑阐述不合理的,请您指出。不胜感激。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:倒推  倒推词条  网易  网易词条  需求  需求词条  文档  文档词条  产品  产品词条  
原型

 Axure:一个简单的进度条,了...

本文通过制作一个简单的进度条,顺便来了解一下“触发事件”动作。先看效果:涉及知识点:“设置尺寸”动作;元件变量:Target;元件属性:height(元件高度)...(展开)

原型

 Axure教程 | 微信读书书城...

之前在做微信读书的原型时被书城摇一摇的加载交互效果卡了两天的时间,最后终于想出如何制作,本文将分享如何制作这样的一个翻页效果。一、最终效果展示体验地址:点击此处...(展开)

原型

 Axure教程:滑动鼠标页面自动...

浏览网页时,尤其是互联网产品介绍方面的网站,经常可以看到,当你的鼠标停留在某些页面时,只要轻轻滚动鼠标,页面就会自动切换,相较于传统页面的手动切换可以给用户更好...(展开)