产品经理用户界面和用户体验需求文档V1.0.2

博易创为阅读APP
—用户体验和用户界面（UI和UE）需求文档
编写人：王学昱
编写时间：2014-12-16
版本编号
修订控制表
目录
1.概述 4
1.1. U I 部分术语解释 (4)
1.2. U E部分术语解释 (4)
1.3. U I和UE规划 (6)
2.使用者需求 7
2.1. 需求描述....................... 错误!未定义书签。

3.ＵＩ和ＵＥ需求详情错误!未定义书签。

3.1. 需求细节说明 (8)
4.非功能需求 49
4.1. 产品相关说明需求 (49)
4.2. 产品温馨提示说明需求 (49)
5.上下线需求 51
5.1. 上线时限需求 (51)
1.概述
1.1.UI（user interface）部分名词解释
1.2.UE（user experience）部分名词解释
1.3.产品概述及目标
这是一款类似于搜狗，但是又具有自己特点的第一版阅读APP，在模仿搜狗的基础上进行一定程度的改进，需要满足功能较为齐全，容信息量较大，用户界面和用户体验需要达到一个较高水平的APP。

1.4.UE和UI规划
2.使用者需求
２.１.需求描述
３.ｕｅ和ｕｉ需求详情３.１.需求细节说明
PRD 1.书架首页
➢界面原型
东部，西部少数省份城市。

的书的书籍，较容易阅读自己选中的书，并作调试。

➢ＵＩ和ＵＥ修改建议
１搜索图片建议换一
２公告栏的颜色可以在浅一点
３去掉书架上面书籍的边框。

４加边框和加号设置颜色为红色
５书籍名称的宽度要和书籍的宽度相同
６再次说明：名称隔５秒滚动一回
７书籍状态图标和本地图标有待调节
８书籍名称变为黑色
９后台暂无封面需要替换
１０图片要适配和边框
PRD 2.点击功能集合按钮页面
➢界面原型
➢ＵＩ和ＵＥ修改建议
１功能button次序需要调换
PRD 3.智能导入书籍页面
➢界面原型
➢ＵＩ和ＵＥ修改建议
1加搜索图标（已有）
2搜索路径不换行（已有）
3居中搜索路径
4调节全选，删除，加入书架按钮，字体放小，调节button 宽度
5去掉搜索路径
6放大镜动态展示
PRD 4.智能扫描结果展示页面
➢界面原型
➢ＵＩ和ＵＥ修改建议
1书籍图标放小
2字体需要调节
3对勾图标需要换
4背景和颜色需要调节
5全选，删除，加入书架按钮需要调节按照书架书城个人中心效果。

PRD 5.手动导入书籍页面
➢界面原型
➢UI，UE修改建议
1默认目录条底色需要换。

2与之前相同的页面修改相同
PRD 6.手动导入书籍文件夹页面
➢界面原型
➢UI，UE修改建议
1与之前相同的同上
2文件夹放小
PRD 7. 横屏整理书籍页面➢界面原型
➢主流程
1.对勾图标需要调换
2.图片阴影需要调节
3.去掉书架书城个人中心换成全选删除取消
PRD 15.签到页面说明和畅销书推荐
➢简要说明
签到说明和推荐书展示
➢业务规则
签到说明是非功能
➢界面原型
➢执行者
所有用户
➢前置条件
无
➢后置条件
无
➢主流程
1点击推荐书籍，打开该书籍详情页面PRD 8.长按书籍页面
➢UI，UE修改建议
1面板颜色放暗
2面板高度放低
3三个按钮需要调节PRD 17.分享页面
➢UI，UE修改建议
1分享面板不需要单独页面，一个遮罩层就可以
2不需要原书籍图片和容，直接两个分享入口就可以
3遮罩层面板边框需要调节
PRD 18. 朋友圈分享面板
➢界面原型
➢UI，UE修改建议
1图片需要放窄。

2[来自：博易创为]字体居中
PRD 19书架纵屏展示
➢界面原型
➢UI，UE修改建议
1导航条重新设计
2文章容位置需要重新排布
3书籍背景需要调节
PRD 20.退出页面
➢简要说明
用户退出app时页面
➢业务规则
用户不断点击后退按钮，上滑退出操作面板➢界面原型
➢UI，UE修改建议
1两个按钮需要单独放置
2面板颜色需要调节
PRD 21用户中心首页
界面原型
➢UI，UE修改建议
1登陆button往下放
PRD 22.我的信息页面➢界面原型
➢UI，UE修改建议
1切换账号底色设置为棕红
2需要重新设计或找一个copy
PRD 23.修改昵称页面
➢界面原型
➢UI，UE修改建议
1字体修改
2设置单独button
3需要设置为输入框PRD 24.绑定手机页面➢界面原型
➢UI，UE修改建议
1现在正在修改，需要大改PRD 25.找回密码页面
➢界面原型
➢UI，UE修改建议1同上
PRD 26.切换账号
界面原型
➢UI，UE修改建议
1登陆按钮底色变为红色2去掉其他登录
3账号密码整体往下拉4现在正在做
PRD 27.修改头像页面➢简要说明
➢界面原型
➢UI，UE修改建议1改为button
2字体调节
3面板颜色
PRD 28充值页面
➢界面原型
➢UI，UE修改建议
1模仿搜狗
PRD 29.支付宝充值详情页面➢界面原型
➢UI，UE修改建议
1.模仿搜狗
PRD 30.我的消费充值记录页面➢界面原型
➢UI，UE修改建议
1温馨提示需要调节
2tab键需要调节
3需要加目录
PRD 31.我的消费购书记录页面➢界面原型
➢UI，UE修改建议1同上
PRD 32.关于我们页面➢界面原型
➢UI，UE修改建议
1需要换logo
2字体排布和大小调节
3不需要的可以暂时去掉
PRD 33更新页面
➢界面原型
➢UI，UE修改建议
1这个页面可以暂时去掉，直接升级
PRD 34我的设置页面
➢界面原型
➢UI，UE修改建议
1.需要大改，可以模仿其他的设置如QQ阅读
PRD 35.书城首页
➢界面原型
➢UI，UE修改建议
1.模仿搜狗
PRD 36.点击更多页面界面原型
➢
➢UI，UE修改建议1模仿搜狗
PRD 37.书籍详情页面➢界面原型
➢UI，UE修改建议模仿搜狗
PRD 38.作者详情页➢界面原型
➢UI，UE修改建议
1.模仿搜狗
PRD 39.阅读目录➢界面原型
➢UI，UE修改建议1字体调节
2横线颜色调节
PRD 40.阅读页面➢界面原型
➢UI，UE修改建议
1.可以模仿QQ阅读PRD 41.阅读设置页面➢界面原型
➢UI，UE修改建议1模仿QQ阅读界面
PRD 42.即时目录页面➢界面原型
➢UI，UE修改建议
1字体位置调节
2当前所读章节用红色显示
PRD 43.推荐男频页面
➢界面原型
➢UI，UE修改建议1模仿搜狗
PRD 44.分类页面➢界面原型
➢UI，UE修改建议
1男生图标去掉
2去掉轮播
3采用单独矩形分开排布
PRD 45.书城分类页面
➢界面原型
➢UI，UE修改建议1模仿搜狗
PRD 46.搜索页面➢界面原型
➢UI，UE修改建议
1更改tab
2搜索框高度放低
3搜索按钮换一个样式
4搜索书籍面板色彩调节，字体大小颜色调节
PRD 47.搜索页面2
➢界面原型
➢UI，UE修改建议
1相同的同上
2热搜词汇变换样式
PR
３.３测试需求
以上
４.非功能需求
４.１产品相关说明需求
温馨提示容
1使用话费充值，￥50虚拟币+50代金券
2使用非话费充值，￥1=100虚拟币
3若充值后无变化，请刷新或联系官方客服
4无论是否用手机注册，都可以正常充值，用手机登陆后有更多优惠
5每一个充值方式都赠送代金券，代金券随充值金额增加而
增加，代金券作用可抵人民币
6官方客服：
7官方微博：
8官方微信：
温馨提示容
1 由于运营商规定，不同的地区充值次数不同，若无法充值，请选择其他方式充值。