部理系统导航功
户体验优化项目体验报告
1 前言
导航理系统中重部分指示着户位置指引着户行动方户通种导航系统完成项务导航清晰否强烈影响着户体验
目前东莞移动部理系统存着导航清晰指引正确等问题项目工作目标提高导航功户感知提高导航功性分工作：
1定位导航问题：户角度出发梳理定位部理系统中导航功存户体验问题
2提出优化建议：针项问题提供优化建议方案
3制定开发规范：制定导航功开发指引规范系统设计开发环节效规避户体验问题出现
基目标户体验提升项目组部理系统导航功户体验优化项目方案中确定方法程部理系统进行评估整理出户体验评估报告文
2 导航户体验评估报告
21 总体报告
表1户体验评估方法程表
户体验评估
说明
标系统
MSS域中E卡通综合支撑台物资线报易流程易系统
标容
系统导航功
评估方法
专家评估法
评估日期
2012年11月1日 2012年11月7日
评估组成员
东莞移动：赵亮
广州精点：李青海侯勇林社津吴纲
专家独立评估户体验组讨项目组整理出现系统导航功存四类问题提出优化建议总体情况表示：
表2导航功户体验评估问题点建议汇总表
问题类
问题表现
影响范围
优化建议
建设规范
信息符合户期
导航没清晰标识出户位置
全部户
修改导航文字描述
系统导航建设规范
没贴户场景
户通导航返回层操作
全部户
采面包屑导航
体验致
文导航名称导航名称致
全部户
修改文导航名称导航保持致
界面够美观精炼
树形频道导航布局层次分明
部分权限户
修改CSS样式表
22 户体验问题列表优化建议
221 信息符合户期
户体验问题1
系统
E卡通à消费E子系统
问题说明
户进登入E卡通系统进入消费e子系统系统首页提示您前位置：系统桌面 (图红框示)系统桌面属导航中项户清楚前处位置
违反原
信息符合户期>信息效性
户体验问题系统抓图
优化建议1
优化方法
您前位置导航信息应导航保持致户清晰解目前处系统位置针问题采修改导航文字描述方法进行优化
技术手段
通台代码修改前台HTML标签语言展现文字
户体验问题优化图
212 贴户场景
户体验问题2
系统
E卡通
问题说明
点击导航条法返回层
违反原
贴户场景>操作符合户惯
户体验问题系统抓图
优化建议2
优化方法
导航进入具体面页具体导航路径显示出
技术手段
1前端开发员运HTML+CSS样式实现面包屑样式效果包括：文字颜色链接样式鼠标滑点击效果等样式设输出
2台开发员面包屑进行配置文件修改实现面包屑导航样式功
户体验问题优化图
户体验问题3
系统
物质线
问题说明
点击导航条法返回层图描述：卡件理>卡件授权状态>卡件已授权列表显示文字告诉户前操作路径法返回层
违反原
贴户场景>操作符合户惯
户体验问题系统抓图
优化建议3
优化方法
导航进入具体页面具体导航路径显示出
技术手段
1前端开发员运HTML+CSS样式实现面包屑样式效果包括：文字颜色链接样式鼠标滑点击效果等样式设输出
2台开发员面包屑进行配置文件修改实现面包屑导航样式功
户体验问题优化图
213 体验致性
户体验问题4
系统
E卡通系统消费e
问题说明
点击导航供应商理提示您前位置：供应商>供应商员信息前名称致户理解造成影响
违反原
保持体验致性>信息容致
户体验问题系统抓图
优化建议4
优化方法
通查台代码否绑定数源错误者检查前台页面否菜单项应错误
技术手段
巡查系统提示
户体验问题优化图
214 界面够美观精炼
户体验问题5
系统
E卡通系统门禁e
问题说明
树形频道导航层次清晰影响户体验
违反原
界面美观精炼>界面美观布局密度均匀
户体验问题系统抓图
优化建议5
优化方法
美化优化
技术手段
开发员通SQL脚查台数否父级类否关联正确者查CSS样式表否问题
户体验问题优化图
23 优化流程
系统体验优化系统理部门开发商户体验组三方实施优化整体流程图：
图 系统户体验优化流程图
3 建设规范
项目梳理出目前常导航形式参户体验原细提供MSS域中建设规范建设验收导航功
31 系统导航类参考
表3系统导航功类参考
导航类
功说明
全局导航
全局导航位页面顶端提供整系统导航方式通浏览系统信息区域容功操作程中易遮挡
频道导航
频道导航全局导航深层级拆分子栏目全局导航子集特定区域形成局部信息导航常见导航树属频道导航种
文导航
文导航指页面容相结合种非结构化导航方式户浏览页面信息容时显示该信息文相关超链接
文导航般页面中信息容关联引直接效分布页面中信息容通文语境联系起方便户高效快捷访问
辅助导航
辅助导航指通站点图索引目录系统指南等形式提供辅助导航方式辅助导航般系统导航方式补充提供户提供样化导航方式会破坏整体导航体系结构
32 系统导航功建设规范
表4系统导航功建设规范
户体验原
户体验评估细
导航功建设规范
信息符合户期
1 页面应提供易见效致导航
2 导航应标识出户整系统中
1系统页面固定位置均提供全局导航图示：
点：a全局导航系统首页够清晰显示系统理容分类
处位置
般页面容视觉区
b全局导航般位页面顶端避免需滚动页面访问
c全局导航应简单单击进入避免弹出式菜单等复杂操作
d全局导航信息组织宽度深度合理避免超两级
e全局导航文字描述准确简洁建议四字短语
f明显点击切换效果切换背景图片背景图片背景视觉效果更立体感(根需单颜色作背景)
2系统业务流程页面应提供文导航图示：
点：a文导航超链接名称应达目标页面标题相符
b文导航前页面处位置提示避免户导航迷失
c文导航名称应全局导航名称保持致
d文导航支持返回层操作
e文导航建议采面包屑导航
3系统页面户清晰解前处位置提供面包屑导航文字描述处位置图示：
点：a采文导航时文导航点进行设计
b采文字描述时名称应全局导航保持致
减轻户记忆负担
1
1系统导航应量采图片搭配文字减轻户记忆负担图示：
系统导航应图标搭配文字避免单独文字
2 系统导航标识现实世界导航相
3 系统导航标识常系统导航相
2系统导航中采图片应现实世界相常系统导航相图示：
贴户场景
1 业务流程页面应提供返回层操作导航
2 户通返回操作直回退户初始页面
1系统业务流程页面应提供文导航户通点击导航链接返回层操作回退初始页面（第步操作）图示：
点：a文导航超链接名称应达目标页面标题相符
b文导航前页面处位置提示避免户导航迷失
c文导航名称应全局导航名称保持致
d文导航支持返回层操作
e文导航建议采面包屑导航
保持体验致性
1 导航信息名称文字图标颜色等导航标识系统全局范围应保持致
2 系统户操作导航反应全局范围应保持致
1系统导航信息名称文字图标颜色等导航标识系统全局范围应保持致
界面美观精炼
1
1系统导航布局应层次分明界面清晰美观整体界面风格保持致中频道导航尤应注意该点图示：
导航布局应层次分明界面清晰美观
2 导航模块应系统界面风格致
错误范例 正确范例
附录：导航户体验原细
户体验评估原
原说明
户体验评估细
信息符合户期
导航信息简明效方便快速引导户前需达功模块
1 页面应提供易见效致导航
2 导航应标识出户整系统中处位置
减轻户记忆负担
导航标识指示方法应该户知识验相符合减少户思考次数
1 系统导航应图标搭配文字避免单独文字
2 系统导航标识现实世界导航相
3 系统导航标识常系统导航相
贴户场景
操作程符合户惯
1 业务流程页面应提供返回层操作导航
2 户通返回操作直回退户初始页面
保持体验致性
信息容致
表达形式致
交互方式致
反馈提示致
1 导航信息名称文字图标颜色等导航标识系统全局范围应保持致
2 系统户操作导航反应全局范围应保持致
界面美观精炼
界面美观布局密度均匀
1 导航布局应层次分明界面清晰美观
2 导航模块应系统界面风格致
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
户体验优化项目体验报告
1 前言
导航理系统中重部分指示着户位置指引着户行动方户通种导航系统完成项务导航清晰否强烈影响着户体验
目前东莞移动部理系统存着导航清晰指引正确等问题项目工作目标提高导航功户感知提高导航功性分工作：
1定位导航问题：户角度出发梳理定位部理系统中导航功存户体验问题
2提出优化建议：针项问题提供优化建议方案
3制定开发规范：制定导航功开发指引规范系统设计开发环节效规避户体验问题出现
基目标户体验提升项目组部理系统导航功户体验优化项目方案中确定方法程部理系统进行评估整理出户体验评估报告文
2 导航户体验评估报告
21 总体报告
表1户体验评估方法程表
户体验评估
说明
标系统
MSS域中E卡通综合支撑台物资线报易流程易系统
标容
系统导航功
评估方法
专家评估法
评估日期
2012年11月1日 2012年11月7日
评估组成员
东莞移动：赵亮
广州精点：李青海侯勇林社津吴纲
专家独立评估户体验组讨项目组整理出现系统导航功存四类问题提出优化建议总体情况表示：
表2导航功户体验评估问题点建议汇总表
问题类
问题表现
影响范围
优化建议
建设规范
信息符合户期
导航没清晰标识出户位置
全部户
修改导航文字描述
系统导航建设规范
没贴户场景
户通导航返回层操作
全部户
采面包屑导航
体验致
文导航名称导航名称致
全部户
修改文导航名称导航保持致
界面够美观精炼
树形频道导航布局层次分明
部分权限户
修改CSS样式表
22 户体验问题列表优化建议
221 信息符合户期
户体验问题1
系统
E卡通à消费E子系统
问题说明
户进登入E卡通系统进入消费e子系统系统首页提示您前位置：系统桌面 (图红框示)系统桌面属导航中项户清楚前处位置
违反原
信息符合户期>信息效性
户体验问题系统抓图
优化建议1
优化方法
您前位置导航信息应导航保持致户清晰解目前处系统位置针问题采修改导航文字描述方法进行优化
技术手段
通台代码修改前台HTML标签语言展现文字
户体验问题优化图
212 贴户场景
户体验问题2
系统
E卡通
问题说明
点击导航条法返回层
违反原
贴户场景>操作符合户惯
户体验问题系统抓图
优化建议2
优化方法
导航进入具体面页具体导航路径显示出
技术手段
1前端开发员运HTML+CSS样式实现面包屑样式效果包括：文字颜色链接样式鼠标滑点击效果等样式设输出
2台开发员面包屑进行配置文件修改实现面包屑导航样式功
户体验问题优化图
户体验问题3
系统
物质线
问题说明
点击导航条法返回层图描述：卡件理>卡件授权状态>卡件已授权列表显示文字告诉户前操作路径法返回层
违反原
贴户场景>操作符合户惯
户体验问题系统抓图
优化建议3
优化方法
导航进入具体页面具体导航路径显示出
技术手段
1前端开发员运HTML+CSS样式实现面包屑样式效果包括：文字颜色链接样式鼠标滑点击效果等样式设输出
2台开发员面包屑进行配置文件修改实现面包屑导航样式功
户体验问题优化图
213 体验致性
户体验问题4
系统
E卡通系统消费e
问题说明
点击导航供应商理提示您前位置：供应商>供应商员信息前名称致户理解造成影响
违反原
保持体验致性>信息容致
户体验问题系统抓图
优化建议4
优化方法
通查台代码否绑定数源错误者检查前台页面否菜单项应错误
技术手段
巡查系统提示
户体验问题优化图
214 界面够美观精炼
户体验问题5
系统
E卡通系统门禁e
问题说明
树形频道导航层次清晰影响户体验
违反原
界面美观精炼>界面美观布局密度均匀
户体验问题系统抓图
优化建议5
优化方法
美化优化
技术手段
开发员通SQL脚查台数否父级类否关联正确者查CSS样式表否问题
户体验问题优化图
23 优化流程
系统体验优化系统理部门开发商户体验组三方实施优化整体流程图：
图 系统户体验优化流程图
3 建设规范
项目梳理出目前常导航形式参户体验原细提供MSS域中建设规范建设验收导航功
31 系统导航类参考
表3系统导航功类参考
导航类
功说明
全局导航
全局导航位页面顶端提供整系统导航方式通浏览系统信息区域容功操作程中易遮挡
频道导航
频道导航全局导航深层级拆分子栏目全局导航子集特定区域形成局部信息导航常见导航树属频道导航种
文导航
文导航指页面容相结合种非结构化导航方式户浏览页面信息容时显示该信息文相关超链接
文导航般页面中信息容关联引直接效分布页面中信息容通文语境联系起方便户高效快捷访问
辅助导航
辅助导航指通站点图索引目录系统指南等形式提供辅助导航方式辅助导航般系统导航方式补充提供户提供样化导航方式会破坏整体导航体系结构
32 系统导航功建设规范
表4系统导航功建设规范
户体验原
户体验评估细
导航功建设规范
信息符合户期
1 页面应提供易见效致导航
2 导航应标识出户整系统中
1系统页面固定位置均提供全局导航图示：
点：a全局导航系统首页够清晰显示系统理容分类
处位置
般页面容视觉区
b全局导航般位页面顶端避免需滚动页面访问
c全局导航应简单单击进入避免弹出式菜单等复杂操作
d全局导航信息组织宽度深度合理避免超两级
e全局导航文字描述准确简洁建议四字短语
f明显点击切换效果切换背景图片背景图片背景视觉效果更立体感(根需单颜色作背景)
2系统业务流程页面应提供文导航图示：
点：a文导航超链接名称应达目标页面标题相符
b文导航前页面处位置提示避免户导航迷失
c文导航名称应全局导航名称保持致
d文导航支持返回层操作
e文导航建议采面包屑导航
3系统页面户清晰解前处位置提供面包屑导航文字描述处位置图示：
点：a采文导航时文导航点进行设计
b采文字描述时名称应全局导航保持致
减轻户记忆负担
1
1系统导航应量采图片搭配文字减轻户记忆负担图示：
系统导航应图标搭配文字避免单独文字
2 系统导航标识现实世界导航相
3 系统导航标识常系统导航相
2系统导航中采图片应现实世界相常系统导航相图示：
贴户场景
1 业务流程页面应提供返回层操作导航
2 户通返回操作直回退户初始页面
1系统业务流程页面应提供文导航户通点击导航链接返回层操作回退初始页面（第步操作）图示：
点：a文导航超链接名称应达目标页面标题相符
b文导航前页面处位置提示避免户导航迷失
c文导航名称应全局导航名称保持致
d文导航支持返回层操作
e文导航建议采面包屑导航
保持体验致性
1 导航信息名称文字图标颜色等导航标识系统全局范围应保持致
2 系统户操作导航反应全局范围应保持致
1系统导航信息名称文字图标颜色等导航标识系统全局范围应保持致
界面美观精炼
1
1系统导航布局应层次分明界面清晰美观整体界面风格保持致中频道导航尤应注意该点图示：
导航布局应层次分明界面清晰美观
2 导航模块应系统界面风格致
错误范例 正确范例
附录：导航户体验原细
户体验评估原
原说明
户体验评估细
信息符合户期
导航信息简明效方便快速引导户前需达功模块
1 页面应提供易见效致导航
2 导航应标识出户整系统中处位置
减轻户记忆负担
导航标识指示方法应该户知识验相符合减少户思考次数
1 系统导航应图标搭配文字避免单独文字
2 系统导航标识现实世界导航相
3 系统导航标识常系统导航相
贴户场景
操作程符合户惯
1 业务流程页面应提供返回层操作导航
2 户通返回操作直回退户初始页面
保持体验致性
信息容致
表达形式致
交互方式致
反馈提示致
1 导航信息名称文字图标颜色等导航标识系统全局范围应保持致
2 系统户操作导航反应全局范围应保持致
界面美观精炼
界面美观布局密度均匀
1 导航布局应层次分明界面清晰美观
2 导航模块应系统界面风格致
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档