《中国移动NGBOSS2CRM(V3.5) 跨渠道客户体验一致性分册.doc》由会员分享，可在线阅读，更多相关《中国移动NGBOSS2CRM(V3.5) 跨渠道客户体验一致性分册.doc（103页珍藏版）》请在三一文库上搜索。
1、中中 国国 移移 动动 通通 信信 企企 业业 标标 准准 QB-Y-XXX-2011QB-Y-XXX-2011 NGBOSS2-CRM(V3.5)NGBOSS2-CRM(V3.5) 跨渠道客户体验一致性分册跨渠道客户体验一致性分册 T T h h e e B B u u s s i i n n e e s s s s S S p p e e c c i i f f i i c c a a t t i i o o n n o o f f X X X X X X X X ( ( N N G G B B O O S S S S 2 2 - - C C R R M M 3 3 . . 5 5 ) )
2、 中国移动通信集团公司中国移动通信集团公司 发布发布 版版 本本 号号 ：0 . 0 . 1 2 20 01 11 1- -X XX X- -X XX X 发发布布2 20 01 11 1- -X XX X- -X XX X 实实施施 目目 录录 前 言.VIII 1范围 .1 2规范性引用文件 .1 3术语、定义和缩略语 .2 3.1 术语、定义 .2 3.2 缩略语 .3 4总体说明 .4 4.1 驱动力 .4 4.2 编写目标 .5 4.3 编写原则 .5 4.4 与规范总册的关系 .5 4.5 文档结构说明 .6 5整体架构 .6 5.1 与 CRM 系统的关系 .6 5.2 总体架构
3、 .8 5.3 设计原则 .9 5.3.1以用户为中心.10 5.3.2跨渠道一致性.10 5.3.3标准化原则.10 5.3.4使用的灵活性和效率原则.11 5.3.5页面美观精炼.11 5.3.6页面的兼容和适配.11 5.3.7帮助信息和文档.11 6视觉设计 .11 6.1 LOGO .12 6.1.1设计规则.12 6.1.2图示.12 6.2 主题 .13 6.2.1设计规则.14 6.3 色彩 .14 6.3.1设计规则.14 6.3.2图示.15 6.4 字体 .15 6.4.1设计规范.15 6.4.2图示.16 6.5 图片 .16 6.5.1设计规则.17 6.5.2图示
4、.17 6.6 动画 .18 6.6.1设计规则.18 7框架设计 .18 7.1 页面尺寸 .19 7.2 页面布局 .19 7.2.1Web 页面布局 .19 7.2.2终端页面布局.20 8导航设计 .23 8.1 导航设计原则 .23 8.1.1全局导航.23 8.1.2频道导航.24 8.1.3上下文导航.24 8.1.4辅助导航.24 8.2 全局导航设计 .25 8.2.1全局导航设计原则.25 8.2.2全局导航设计.25 9交互设计 .28 9.1 文本框（Text） .28 9.1.1设计规则.28 9.1.1.2 图示 .28 9.2 文本域（Textarea） .29
5、9.2.1设计规则.29 9.2.2图示.29 9.3 单选框(Radio) .30 9.3.1设计规则.30 9.3.2图示.30 9.4 复选框(CheckBox) .30 9.4.1设计规则.30 9.4.2图示.31 9.5 下拉列表(Select) .31 9.5.1设计规则.31 9.5.2图示.32 9.6 按钮(Button) .32 9.6.1设计规则.32 9.6.2图示.33 9.7 超链接（HyperLink） .33 9.7.1设计规则.33 9.7.2图示.34 9.8 表格（Table） .34 9.8.1设计规则.34 9.8.2图示.35 9.9 列表(Lis
6、t) .35 9.9.1设计规则.35 9.10标签页（Tab） .35 9.10.1 设计规则.36 9.10.2 图示.36 9.11弹出层(Layer) .37 9.11.1 设计规则.37 9.11.2 图示.37 9.12提示信息(Message) .37 9.12.1 设计规则.38 9.12.2 图示.38 9.13系统响应状态标识（Loading） .39 9.13.1 设计规则.39 9.13.2 图示.39 9.14面包屑导航(Crumbs) .39 9.14.1 设计规则.39 9.14.2 图示.40 9.15步骤示意图(SketchMap) .40 9.15.1 设计
7、规则.40 9.15.2 图示.40 9.16分页(Pagination) .41 9.16.1 设计规则.41 9.16.2 图示.41 9.17日历控件(Calendar) .41 9.17.1 设计规则.41 9.17.2 图示.42 10信息架构及信息设计规范 .42 10.1设计原则 .42 10.2信息分类 .42 10.2.1 精确分类.43 10.2.2 模糊分类.43 10.3信息组织 .44 10.3.1 等级结构组织.44 10.3.2 超文本链接组织.45 10.4信息命名 .45 10.5信息搜索 .46 11典型界面交互流程场景 .46 11.1流程设计原则 .46
8、 11.2典型流程描述 .47 11.2.1 帐详单查询.47 11.2.2 充值交费.56 11.2.3 业务办理.66 11.2.4 积分查询.72 11.2.5 自助选号.75 11.2.6 优惠活动.81 11.2.7 业务体验.85 12系统非功能要求 .86 12.1性能指标 .86 12.1.1 页面性能指标.86 12.1.2 认证性能指标.86 12.1.3 业务功能指标.86 12.2页面兼容要求 .86 13编制历史 .87 图 表 目 录 图图 5 5- -1 1 CRMCRM 功能架构功能架构.7 7 图图 5 5- -2 2 CRMCRM 技术架构技术架构.7 7
9、图图 5 5- -3 3 用户体验层次示意图用户体验层次示意图.8 8 图图 5 5- -4 4 跨渠道客户体验一致性设计总体架构跨渠道客户体验一致性设计总体架构.9 9 图图 6 6- -1 1 LOGOLOGO 安全空间效果图安全空间效果图.1616 图图 6 6- -2 2 LOGOLOGO 效果图效果图.1717 图图 6 6- -3 3 业务业务 LOGOLOGO 效果图效果图.1717 图图 6 6- -4 4 企业标准色阶效果示意图企业标准色阶效果示意图.1818 图图 6 6- -5 5 辅助色系效果示意图辅助色系效果示意图.1818 图图 6 6- -6 6 W WEBEB页
10、面字体效果示意图页面字体效果示意图.1919 图图 6 6- -7 7 终端字体效果示意图终端字体效果示意图 2 2.2020 图图 6 6- -8 8 图片格式效果示意图图片格式效果示意图.2121 图图 6 6- -9 9 W WEBEB页面图片效果示意图页面图片效果示意图.2121 图图 6 6- -1010 终端图片效果示意图终端图片效果示意图.2121 图图 6 6- -1111 图标效果示意图图标效果示意图.2121 图图 7 7- -1 1 W WEBEB页面布局图页面布局图.2323 图图 7 7- -2 2 W WEBEB页面布局及遍历顺序图页面布局及遍历顺序图.2323 图
11、图 7 7- -3 3 欢迎页效果示意图欢迎页效果示意图.2424 图图 7 7- -4 4 功能页面模板一功能页面模板一.2525 图图 7 7- -5 5 功能页面模板二功能页面模板二.2626 图图 8 8- -1 1 网上营业厅导航结构网上营业厅导航结构.2929 图图 8 8- -2 2 自助终端导航结构自助终端导航结构.3030 图图 9 9- -1 1 文本框效果示意图文本框效果示意图.3232 图图 9 9- -2 2 文本域效果示意图文本域效果示意图.3232 图图 9 9- -3 3 单选框效果示意图单选框效果示意图.3333 图图 9 9- -4 4 多选框效果示意图多选
12、框效果示意图.3434 图图 9 9- -5 5 下拉列表效果示意图下拉列表效果示意图.3535 图图 9 9- -6 6 按钮效果示意图按钮效果示意图.3636 图图 9 9- -7 7 超链接效果示意图超链接效果示意图.3737 图图 9 9- -8 8 表格效果示意图表格效果示意图.3838 图图 9 9- -9 9 T TABAB选项卡效果示意图选项卡效果示意图.3939 图图 9 9- -1010 弹出层效果示意图弹出层效果示意图.4040 图图 9 9- -1111 当前页面提示信息效果示意图当前页面提示信息效果示意图.4141 图图 9 9- -1212 弹出提示信息效果示意图弹出提示信息效果示意图.4141 图图 9 9- -1313 L LOADINGOADING效果示意图效果示意图.4242 图图 9 9- -1414 面包屑导航效果示意图面包屑导航效果示意图.4343 图图 9 9- -1515 步骤效果示意图（纵向）步骤效果示意图（纵向）.4343 图图 9 9- -1616 步骤效果示意图（横向）步骤效果示意图（横向）.