辉灿新闻网 原型设计 PRD:倒推网易云阅读产品需求文档

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

作者:STAR,即将大四,产品新人,目前在求职产品实习生。

本文由 @STAR 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

本文来自网络,不代表辉灿新闻网立场,转载请注明出处:https://news.jbjy8888.com/yuanxing/3828.html

作者: fstar

Axure教程_移动端APP原型动效库2_弹框提示语1(附源文件下载地址)

Axure RP 8 教程 – 查看原型

发表回复

您的电子邮箱地址不会被公开。

联系我们

联系我们

暂无

在线咨询: QQ交谈

邮箱: meiliao888@163.com

工作时间:周一至周五,10:00-19:00,节假日休息。
关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部