产品经理用户界面和用户体验需求文档V102

1、博易创为阅读博易创为阅读 APPAPP用户体验和用户界面（UI 和 UE）需求文档编 写 人： 王学昱 编写时间：2014-12-16版本编号版本编号文件编号000003作者王学昱文档版本V1.0.2最后修订日期2014-12-16修订控制表修订控制表编号文档版本修订章节修订原因修订日期修订人1 1V1.0.0所有需求不明2014-12-07王学昱2 2V1.0.1部分需求补充2014-12-11王学昱3 3V1.0.2部分UEUI 需求 2014-12-16王学昱4 45 56 67 78 8目录目录1. 概述3 31.1. UI 部分术语解释.41.2. UE 部分术语解释.41.3. U

2、I 和 UE 规划.42. 使用者需求 4 42.1. 需求描述.43.和需求详情4 43.1. 需求细节说明 .54. 非功能需求 34344.1. 产品相关说明需求.344.2. 产品温馨提示说明需求.345. 上下线需求 35355.1. 上线时限需求.351. 1.概述概述1.1.1.1.UIUI（useruser interfaceinterface）部分名词解释）部分名词解释1.2.1.2.UEUE（useruser experienceexperience）部分名词解释）部分名词解释名称名称说明说明可用性最简单的 UE 原则，只保证能用UI 易用性便于不同的人在不同的环境以不同性

3、能的设备使用 UI 一致性部件色彩功能保持一致UI 需求性满足用户想法，期望，特点UI 简洁性界面简洁大方UI 共鸣型设计的功能或整体可以引起用户共鸣UI 有序性功能之间有序井然UI 可逆性操作逻辑之间可逆UI 灵活性可以不通过鼠标键盘对功能进行操作UI 习惯性满足大多数人的视觉，浏览习惯UI 创新性保持 UI 微创新UI 适量性内容的信息量要保持在一定范围内UI 平衡性各个页面之间的内容信息设计不可以偏颇UI 适当性积极愉快正当的设计UI 特色性不同 app 的特色不同名称名称说明说明UE 清晰性保证字体清晰内容和功能清晰UE 整洁性整体布局干净利落，协调 UE 预期性用户对于接下来的页面信

4、息有心理预判并且一致UE 主题性每一个页面有一个核心主题，整个 app 有一个主题UE 界面过渡性页面前后有一定的衔接UE 匹配性外观样式，图形大小要匹配所赋予他的功能UE 一致性每个页面不同部件颜色，样式要一致UE 层次性相同部件，同一页面不同部件要有层次增减关系UE 相关性部件之间要有某种相关性，减轻用户认知负荷UE 帮助的存在性可以存在也可以去掉UE 无形性优秀即无形UE 多元性系统根据自定义或某种规则将书籍排列UE 价值性产品包含使用价值，视觉审美价值，交换价值UE 主次性功能要分主次UE 当下性可以解决目前部件支持的问题UE 创新性AppUE 保持创新性UE 需求性可以解决用户的心里

5、需求UE 好奇性能够解决需求并引起作者好奇的交互就是好的UE 诱导性通过界面设计和体验层层诱导用户完成支付1.3.1.3.产品概述及目标产品概述及目标这是一款类似于搜狗，但是又具有自己特点的第一版阅读APP，在模仿搜狗的基础上进行一定程度的改进，需要满足功能较为齐全，内容信息量较大，用户界面和用户体验需要达到一个较高水平的 APP。1.4.1.4.UEUE 和和 UIUI 规划规划产品发展阶段产品发展阶段阶段描述阶段描述时间时间V1.0.0用户可以通过该 APP 完成基本的阅读，购买，搜索以及设置等操作并有较高体验，用户粘度较高。V2.0.0用户除了可以通过该 APP 完成基本的阅读，购买，搜

6、索以及设置等操作外，还可以与作者和网友进行社区互动，以及增加自己的书单。，性能会比较好，无论功能还是视觉的体验都带给用户全新感觉。书籍的数量和质量以及更新速度也都有了明显的提高。2. 2.使用者需求使用者需求. . .需求描述需求描述目标客户目标客户需求描述需求描述场景描述场景描述优先级优先级全国范围内初中以上的学生和社会中产阶级（包括） ，年龄在 1434 岁之间，性别不限，目标区域在中东部，西部少数省份城市。用户希望花最少的金额（最好免费）可以看到优秀的，有名的，连载和更新及时的，功能和视觉体验极致，能够较容易完成搜索找到心意的书的书籍，较容易阅读自己选中的书，并作调试。. .和和需求详情

7、需求详情. . .需求细节说明需求细节说明PRDPRD 1. 1.书架首页 界面原型界面原型 和修改建议和修改建议搜索图片建议换一张公告栏的颜色可以在浅一点去掉书架上面书籍的边框。加边框和加号设置颜色为红色书籍名称的宽度要和书籍的宽度相同再次说明：名称隔秒滚动一回书籍状态图标和本地图标有待调节书籍名称变为黑色后台暂无封面需要替换图片要适配和边框PRDPRD 2. 2.点击功能集合按钮页面点击功能集合按钮页面 界面原型界面原型 和修改建议和修改建议功能功能 buttonbutton 次序需要调换次序需要调换PRDPRD 3. 3.智能导入书籍页面智能导入书籍页面 界面原型界面原型 和修改建议和修

8、改建议1 1 加搜索图标（已有）加搜索图标（已有）2 2 搜索路径不换行（已有）搜索路径不换行（已有）3 3 居中搜索路径居中搜索路径4 4 调节全选，删除，加入书架按钮，字体放小，调节调节全选，删除，加入书架按钮，字体放小，调节buttonbutton 宽度宽度5 5 去掉搜索路径去掉搜索路径6 6 放大镜动态展示放大镜动态展示PRDPRD 4. 4.智能扫描结果展示页面智能扫描结果展示页面 界面原型界面原型 和修改建议和修改建议1 书籍图标放小2 字体需要调节3 对勾图标需要换4 背景和颜色需要调节5 全选，删除，加入书架按钮需要调节按照书架书城个人中心效果。PRDPRD 5. 5.手动导

9、入书籍页面手动导入书籍页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议 1 默认目录条底色需要换。 2 与之前相同的页面修改相同 PRDPRD 6. 6.手动导入书籍文件夹页面手动导入书籍文件夹页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 与之前相同的同上2 文件夹放小 PRDPRD 7. 7. 横屏整理书籍页面横屏整理书籍页面 界面原型界面原型 主流程主流程1. 对勾图标需要调换2. 图片阴影需要调节3. 去掉书架书城个人中心换成全选删除取消PRDPRD 15.15.签到页面说明和畅销书推荐签到页面说明和畅销书推荐 简要说明简要说明签到说明和推荐书展示 业务规则

10、业务规则 签到说明是非功能签到说明是非功能 界面原型界面原型 执行者执行者所有用户 前置条件前置条件无无 后置条件后置条件无 主流程主流程 1 1 点击推荐书籍，打开该书籍详情页面点击推荐书籍，打开该书籍详情页面PRDPRD 8. 8.长按书籍页面长按书籍页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 面板颜色放暗面板颜色放暗2 2 面板高度放低面板高度放低3 3 三个按钮需要调节三个按钮需要调节PRDPRD 17.17.分享页面分享页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 分享面板不需要单独页面，一个遮罩层就可以2 不需要原书籍图片和内容，直接两个分

11、享入口就可以3 遮罩层面板边框需要调节PRDPRD 18.18. 朋友圈分享面板朋友圈分享面板 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 图片需要放窄。图片需要放窄。2 2来自：博易创为来自：博易创为 字体居中字体居中PRDPRD 1919 书架纵屏展示书架纵屏展示 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 导航条重新设计导航条重新设计 2 2 文章内容位置需要重新排布文章内容位置需要重新排布3 3 书籍背景需要调节书籍背景需要调节PRDPRD 20.20.退出页面退出页面 简要说明简要说明用户退出 app 时页面 业务规则业务规则用户不断点击后退按钮，

12、上滑退出操作面板 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 两个按钮需要单独放置两个按钮需要单独放置2 2 面板颜色需要调节面板颜色需要调节PRDPRD 2121 用户中心首页用户中心首页界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 登陆登陆 buttonbutton 往下放往下放PRDPRD 22.22.我的信息页面我的信息页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 切换账号底色设置为棕红切换账号底色设置为棕红2 2 需要重新设计或找一个需要重新设计或找一个 copycopy PRDPRD 23.23.修改昵称页面修改昵称页面 界面

13、原型界面原型 UIUI，UEUE 修改建议修改建议1 1 字体修改字体修改2 2 设置单独设置单独 buttonbutton3 3 需要设置为输入框需要设置为输入框PRDPRD 24.24.绑定手机页面绑定手机页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 现在正在修改，需要大改 PRDPRD 25.25.找回密码页面找回密码页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 同上PRDPRD 26.26.切换账号切换账号界面原型界面原型 UIUI，UEUE 修改建议修改建议1 登陆按钮底色变为红色2 去掉其他登录3 账号密码整体往下拉4 现在正在做PRDPRD 2

14、7.27.修改头像页面修改头像页面 简要说明简要说明 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 改为 button2 字体调节3 面板颜色PRDPRD 2828 充值页面充值页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 模仿搜狗模仿搜狗 PRDPRD 29.29.支付宝充值详情页面支付宝充值详情页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1.模仿搜狗 PRDPRD 30.30.我的消费充值记录页面我的消费充值记录页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 温馨提示需要调节2tab 键需要调节3 需要加目录PRDPRD 3

15、1.31.我的消费购书记录页面我的消费购书记录页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 同上PRDPRD 32.32.关于我们页面关于我们页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 需要换需要换 logologo2 2 字体排布和大小调节字体排布和大小调节3 3 不需要的可以暂时去掉不需要的可以暂时去掉PRDPRD 3333 更新页面更新页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 这个页面可以暂时去掉，直接升级PRDPRD 3434 我的设置页面我的设置页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1. 需要大改，

16、可以模仿其他的设置如 QQ 阅读PRDPRD 35.35.书城首页书城首页 界面原型界面原型 UIUI，UEUE 修改建议修改建议1. 1. 模仿搜狗模仿搜狗PRDPRD 36.36.点击更多页面点击更多页面界面原型界面原型 UIUI，UEUE 修改建议修改建议1 模仿搜狗PRDPRD 37.37.书籍详情页面书籍详情页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议模仿搜狗PRDPRD 38.38.作者详情页作者详情页 界面原型界面原型 UIUI，UEUE 修改建议修改建议1. 模仿搜狗PRDPRD 39.39.阅读目录阅读目录 界面原型界面原型 UIUI，UEUE 修改建议修改建

17、议1 1 字体调节字体调节2 2 横线颜色调节横线颜色调节PRDPRD 40.40.阅读页面阅读页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1. 可以模仿 QQ 阅读PRDPRD 41.41.阅读设置页面阅读设置页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 1 模仿模仿 QQQQ 阅读界面阅读界面PRDPRD 42.42.即时目录页面即时目录页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 字体位置调节2 当前所读章节用红色显示PRDPRD 43.43.推荐男频页面推荐男频页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 模仿搜狗P

18、RDPRD 44.44.分类页面分类页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 男生图标去掉2 2 去掉轮播去掉轮播3 3 采用单独矩形分开排布采用单独矩形分开排布PRDPRD 45.45.书城分类页面书城分类页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 模仿搜狗PRDPRD 46.46.搜索页面搜索页面 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 更改 tab2 搜索框高度放低3 搜索按钮换一个样式4 搜索书籍面板色彩调节，字体大小颜色调节PRDPRD 47.47.搜索页面搜索页面 2 2 界面原型界面原型 UIUI，UEUE 修改建议修改建议1 相同的同上2 热搜词汇变换样式PRPR. .测试需求测试需求以上以上. .非功能需求非功能需求. .产品产品相关说明需求相关说明需求温馨提示内容温馨提示内容1 1 使用话费充值，使用话费充值，￥50￥50 虚拟币虚拟币+50+50 代金券代金券2 2 使用非话费充值，使用非话费充值，￥1=100￥1=100 虚拟币虚拟币3 3 若充值后无变化，请刷新或联系官方客服若充值后无变化，请刷新或联系官方客服4 4 无论是否用手机注册，都可以正常充值，用手机登陆后有无论是否用手机注册，都可以正常充值，用手机登陆后有更多优惠更多优惠5 5 每一个充值方式都赠送代金券，代金