Ecube界面视觉稿可用性评估报告.docx
《Ecube界面视觉稿可用性评估报告.docx》由会员分享，可在线阅读，更多相关《Ecube界面视觉稿可用性评估报告.docx（18页珍藏版）》请在冰点文库上搜索。
Ecube界面视觉稿可用性评估报告
E-cube1.0可用性评估报告
可用性评估记录
评估日期
评估类型
评估人员
评估负责人
审核人
版本号
2009-1-13
启发式评估+认知走查
王昭
门浩
V1.0
目录
E-cube1.0可用性评估报告1
1.概述5
1.1.评估对象5
1.2.评估目的5
1.3.预期读者5
1.4.评估方法5
【启发式评估】5
【认知走查+用户测试】5
1.5.风险5
1.6.问题重要程度划分6
2.问题列表6
2.1.配色6
【问题描述】6
【重要程度】7
【违反原则】7
【改进建议】7
2.2.委比区7
【问题描述】7
【重要程度】7
【违反原则】7
【改进建议】8
2.3.导航8
【问题描述】8
【重要程度】8
【违反原则】8
【改进建议】8
2.4.“前进”、“后退”按钮9
【问题描述】9
【重要程度】9
【违反原则】9
【改进建议】9
2.5.K线图的命名9
【问题描述】9
【重要程度】10
【违反原则】10
【改进建议】10
2.6.图表切换10
【问题描述】10
【重要程度】10
【违反原则】10
【改进建议】11
2.7.我的财讯11
【问题描述】11
【重要程度】12
【违反原则】12
【改进建议】12
2.8.背景资料13
【问题描述】13
【重要程度】13
【违反原则】13
【改进建议】13
2.9.资讯（参考建议）14
【问题描述】14
【重要程度】14
【改进建议】14
2.10.查询14
【问题描述】14
【重要程度】15
【违反原则】15
【改进建议】15
2.11.图表的时间轴15
【问题描述】15
【重要程度】16
【违反原则】16
【改进建议】16
2.12.定制16
【问题描述】16
【重要程度】16
【违反原则】16
【改进建议】17
2.13.垂直滚动条17
【问题描述】17
【重要程度】17
【违反原则】17
【改进建议】17
2.14.其他17
1.
概述
1.1.评估对象
E-cube1.0界面视觉图。
本次评估仅针对用户常用的“股票”和“基金”两个模块的界面展开评估，其余模块会在以后阶段进行评估跟进。
1.2.评估目的
通过可用性评估发现界面中潜在的可用性问题，并给出相关建议，以指导相关人员修改界面，提升产品界面的可用性。
1.3.预期读者
本文的预期读者是参与产品设计开发的相关人员，包括：
产品经理、研发、需求、设计人员等。
1.4.评估方法
【启发式评估】
首先，可用性评估人员采用启发式评估的方法，对页面内容进行检查。
【认知走查+用户测试】
其次，可用性评估人员采用认知走查+用户测试的方法检查用户在执行典型任务过程中可能会出现的界面可用性问题。
1.5.问题及风险
✓交付物为主要界面的静态视觉图，不能很好的展示交互细节，因此此次评估未涉及界面交互行为的评估，交互行为的评估会在以后阶段进行。
✓由于项目周期紧，评估时间短，此次评估文档未能对全部界面进行评估。
✓可用性评估只能找出界面中存在的一定数量的可用性问题，而非界面全部的可用性问题。
1.6.问题重要程度划分
本文档将评估中出现的可用性问题，按照严重程度分为以下三档，以供相关人员参考。
✓轻微：
对用户的操作产生不便，但用户不会明显认识到系统交互有问题。
✓次要：
用户与界面交互产生明显的不便，但经过努力还是能够完成任务。
✓重要：
用户很难完成任务，甚至放弃使用此系统。
2.界面可用性问题详细列表
2.1.配色
【问题描述】
从整体看，左侧导航的配色喧宾夺主，过多的吸引了用户目光，造成用户不自觉地将视线落在导航区，但查看这些导航并不是用户在当前页面的主要任务，即使浏览内容区也存在视觉上的负担。
从内容区看，红绿色彩对比不够鲜明和强烈，使得系统的可识别性较低，造成用户定位不准确。
由于用户经常仅从红绿颜色上便可得到许多信息，因此，界面上的红绿对比应更加鲜明，使用户一目了然。
图表1典型界面配色方案
【重要程度】
次要。
【违反原则】
✓系统的可识别性原则。
✓定位准确性原则。
【改进建议】
对于左侧菜单，改进配色方案，弱化左侧菜单的地位。
使用户将视觉重点落到内容区。
此外，从颜色和字体上改进设计，增加色彩的对比度。
例如，加粗字体或改用更加清晰的字体等。
提高系统的可识别性。
2.2.委比区
【问题描述】
买卖没有明确分割，造成系统的识别性降低，导致用户难以定位，给用户查看数据带来困难。
图表2缺少分割的买卖
【重要程度】
次要。
【违反原则】
✓界面区域分组原则。
✓系统的可识别性原则。
✓系统的易定位性原则。
【改进建议】
将买卖数据在视觉上进行分割。
2.3.导航
【问题描述】
三级导航与一、二级导航的关系不明显，且由于有些二级导航选项较少，显得导航中的选项与一级导航的选项距离过远。
总体而言，三层导航之间关联度不强，可识别性差，未能很好的体现层次关系，造成用户的使用障碍，不能顺畅导航。
此外，由于元素位置不当和元素关联性较低，导致用户在操作过程中不容易查找且操作难度增加。
图表3主导航条样例一
图表4主导航条样例二
【重要程度】
次要。
【违反原则】
✓系统的可识别性原则。
✓系统的布局合理性原则。
【改进建议】
改进设计，使得导航间的关系更明显。
并将二、三级的选项靠近一级选项。
例如：
图表5样例
2.4.“前进”、“后退”按钮
【问题描述】
✓“前进”、“后退”按钮功能不明确，造成用户的误解。
按钮是作为切换一级导航的按钮，还是可以控制内容区或整个页面的前进后退？
✓按钮样式不够突出，不易识别。
图表6“前进”、“后退”按钮
【重要程度】
次要。
【违反原则】
✓系统的可识别性原则。
✓系统的可理解性原则。
【改进建议】
改进设计样式，重新考虑功能按钮的摆放位置。
2.5.K线图的命名
【问题描述】
按钮文本描述不统一，同一类型的图，有的是“K线图”，有的是“日K线图”，使用户产生迷惑。
图表7股票中叫做“K线图”
图表8外汇中叫做“K线图”
图表9商品期货->商品总览中叫做“日K线图”
【重要程度】
轻微。
【违反原则】
✓系统的一致性原则。
【改进建议】
统一命名。
可以考虑采用制作词汇表的方法，使项目组内成员对系统内的用词达成一致，。
例如，“商品期货”下是“商品总览”，还是“期市总览”呢？
此外，“总览”还是“总揽”，这两个词在视觉稿中都出现过，建议也进行统一。
2.6.图表切换
【问题描述】
视图切换时，切换按钮的状态显示不明确，容易使用户造成误解，尤其是初级用户。
经测试发现，浏览器看盘器初级用户，需要一定时间来寻找切换按钮，更甚者，有用户都找不到切换按钮的情况发生。
图表10切换按钮和图
【重要程度】
次要。
【违反原则】
✓系统的可识别性原则。
【改进建议】
目前多数用户习惯于C/S系统，使用键盘或双击视图的方法进行切换。
建议可以考虑采用C/S系统的交互方式。
此外，建议使用页签样式，并重新设计配色。
例如：
图表11腾讯财经
2.7.我的财讯
【问题描述】
几处的描述不一致，“我的行情”和“我的财讯”关系模糊，易导致用户迷惑。
图表12我的财讯以及导航
图表13“加入我的行情”按钮
图表14市场总览右侧
【重要程度】
轻微。
【违反原则】
✓系统的一致性原则。
【改进建议】
建议统一命名，或将“加入我的行情”具体化，例如改为“加入我的股票”等。
2.8.背景资料
【问题描述】
背景资料是部分用户需要查看的内容，但查看频率不高，且该任务并不是当前页面的主要任务。
而此处背景资料导航占据屏幕过多像素，使得主要任务区域变小，且不够突出。
图表15背景资料菜单
【重要程度】
轻微。
【违反原则】
✓80/20原则。
【改进建议】
减少背景资料入口在第一屏所占的比重，或重新整理信息架构，只展示常用的菜单选项，隐藏不常用的项目。
2.9.资讯（参考建议）
【问题描述】
有相当多的用户仅对国家政策类的资讯信息感兴趣，对当前视觉稿中提供的信息不感兴趣，甚至明确表示不会阅读。
图表16资讯内容占据第一屏过多
【重要程度】
轻微。
【改进建议】
可适当减少第一屏中资讯的数量，或将资讯类消息放在下一屏展示，以腾出更多空间展示个股走势的相关信息。
2.10.查询
【问题描述】
所有用户都会用到查询功能，是一个重要的功能，视觉层次应当较高。
当前查询功能的视觉层次太低，使用户难以发觉。
此外，若当前系统功能中没有，建议增加“键盘精灵”功能。
大多数用户还是习惯直接输入代码或拼音查找相关股票。
图表17当前查询功能的视觉层次太低，使用户难以发觉
【重要程度】
轻微。
【违反原则】
✓系统的可识别性原则。
【改进建议】
考虑提供“键盘精灵”。
若无法实现，则改进当前查询控件的摆放位置和样式，提高当前查询功能的控件的视觉层次，并在进入页面时，将光标自动落到搜索输入框内，使用户不必点击输入框就可以直接输入关键字。
图表18腾讯财经的查询功能放在了十分明显的位置
2.11.图表的时间轴
（是否是视觉稿的问题？
）
【问题描述】
与实际情况不符。
图表19时间轴坐标错误
【重要程度】
轻微。
【违反原则】
✓合理约束原则。
【改进建议】
改正时间轴坐标。
2.12.定制
【问题描述】
“定制”按钮上的文字描述过于简单，用户对该按钮的功能有些迷惑。
图表20定制按钮描述不清
【重要程度】
轻微。
【违反原则】
✓系统的的可识别原则。
【改进建议】
在不失简洁的前提下，尽量将按钮的功能描述清晰。
使用户一目了然。
此外，快讯和跑马屏的功能性比较明确，不需要额外的边框对其进行信息分组，可以考虑将边框去掉。
2.13.垂直滚动条
【问题描述】
现在看起来右侧部分是凸起的，而非凹陷的。
图表21水平滚动条
【重要程度】
轻微。
【违反原则】
✓惯例原则。
【改进建议】
建议改进滚动条的设计。
2.14.其他
1）建议增加放大图表功能，以备想自己查看的用户使用。
提升系统的灵活性，满足多种用户的操作习惯和需求。
2）建议增加“国家政策”资讯板块，因为几乎所有测试用户都非常关注这类信息。
（参考建议）
3.术语表
无
4.评估跟进日志
日期：
xxxx-xx-xx
编号
重要程度
问题描述
改进建议（可选）
1
2
3
4
5
6
升级会员 