说明：整理本文目的原本是要提高自己公司内部人员对GUI的重视程度，但是大家反馈关于实例方面的例子较少，所以发布到这里。希望大家看后可以帮忙补充一下，谢谢了。

1．用户界面测试的必要性

用户界面设计和测试是一个成功软件产品的必备要素。大部分成功的软件公司都对软件界面的设计非常重视。在激烈的市场竞争中，仅有强大的功能是远远不够的。一个易用的，好用的，美观的操作界面会很容易受到用户的青睐。

Ø 软件系统在交付之前进行严格的界面测试（最好能让用户代表参与评审）。严格的测试和评审可以促进软件界面的改进和完善，使界面的可用性、用户体验性更强，从而增强了软件产品的竞争力。

Ø 界面测试可以降低软件产品培训和技术支持的费用。如：微软每次发布大型的软件之前都要发布一个Beta版本，让全世界的人试用并参与测试，以便收集修改意见，据说这项活动每年可以给微软公司节省的开发和测试费用高达数亿美元。

2．怎样进行用户界面测试

测试人员在进行测试时需要掌握测试的时机，以及用户界面的测试原则。

2.1用户界面测试时机

用户界面测试应该尽早进行，如果有界面原型，最好在界面原型产生时就开始检查界面。

用户界面的测试拖延到后期进行存在的风险和压力源于两个方面：

1>   开发人员修改的风险

后期如果开发人员进行大量的界面改动，可能会引起功能的回归。尤其是没有采用MVC体系架构或与界面耦合性较强的程序。例如：程序的逻辑直接依赖与界面窗体的属性，当调整界面时，程序可能需要大幅度的进行重构。

2>   测试人员发生界面测试遗漏

人们都有所谓的“审美疲劳”心理，测试人员在测试过程中不断重复操作相同的界面，重复执行相同的步骤，渐渐地就产生了“麻木”感，对原来不能接受的东西也变得可以接受了，这样一来就造成了问题的漏测。

避免措施：在设计时就考虑界面的检查和评审，从界面原型开始进行测试，在软件的早期版本把问题提出来并及时解决。

2.2用户界面测试要点

1>   “射箭”原理

射箭时如果靶心很小，只有射箭技术高超的人才能射中，但是，在靶心足够的大，射箭距离足够近的情况下，技术再差的人也可以射中靶心。这个原理应用到软件中就是让用户用最少的鼠标点击和键盘操作来完成需要的功能，展示需要的界面。将功能按钮放在醒目的位置展示给用户，不能隐藏到角落，不能太小。

2>   减少用户工作量

界面设计应该尽量减少用户在使用界面操作时的工作量。包括：

Ø 逻辑工作量

逻辑工作量即用户理解界面所要付出的努力，如对标题命名和术语的理解，对界面元素组织结果的理解。

Ø 知觉工作量

知觉工作量即用户识别颜色、大小、形状和表达的视觉布局等方面要付出的努力。

Ø 记忆工作量

记忆工作量即用户记忆密码、快捷键、数据对象和控件的名字、位置、对象之间的关系等方面要付出的努力。

Ø 物理工作量

物理工作量是指用户在使用界面时敲击键盘、引动鼠标光标、切换输入模式等方面的工作量。

3>   少就是多

一个好的界面设计不是不能再添加一个界面元素而是不能再减少一个界面元素。多余元素要么增加用户的工作量，要么增加用户理解的难度，要么就是纯粹的界面空间浪费。

3．界面设计规范

IBM用户界面架构（User Interface Architecture，UIA），是为了获得基于产品设计的一致性以及易用性而提出的一套用户界面设计规范，包括12个方面

1)    Affinity：亲和力。

2)    Assistance：协助。

3)    Availability：有效。

4)    Encouragement：鼓励。

5)    Familiarity：熟悉。

6)    Obviousness：明显。

7)    Personalization：个性化。

8)    Safety：安全。

9)    Satisfaction：满意。

10)  Simplicity：简单。

11)  Support：支持。

12)  Versatility：多样性。

3.1亲和力

通过良好的形象设计，可以让对象更具亲和力，良好的亲和力可以大大节省用户的工作量。用户界面形象设计的目的是要融合UIA的所有原则。亲和力的设计不应该被看成是“蛋糕上的糖衣”，应该作为整个设计过程的主体部分。

以下原则通过提升界面的清晰性和视觉上的简易朴素来达到较强的亲和力。

1>   简化设计

去除任何不能直接提供有意义信息的元素。“好的设计不是不能再多加点，而是不能再减少点”，这样才能让用户界面简易、朴素。

2>   视觉层次

按用户任务重要程度的先后顺序建立视觉层次。对于关键的对象给予额外的视觉显示。使用相对位置以及颜色和大小的对比来增强一个对象的视觉显示效果。比如用户关心的，对用户重要的元素安排在突出位置，醒目地显示出来。

3>   供给能力

确保对象显示出良好的供给能力。使用户可以很容易的判断一个对象对应的动作。表现力强的图标能让用户快速的理解所代表的功能。如一个按钮的凹凸可以让人清楚地知道按钮是否可以点击。如图：“并排查看”是可以点击的，“同步滚动”是不可以点击的。

tu1

4>   视觉方案

不要仅仅为了节省空间而把图像的预留空间去掉。适当的用空白来提供视觉上的“呼吸空间”。如图所示的窗体有点太拥挤了，让人看着透不过气来，有点太不照顾用户的感受了。

tu2

设计一个能匹配用户使用模型的视觉方案，用户可以根据个人需要进行个性化的界面设置。Windows可以让用户配置桌面背景，如图所示：

tu3

3.2协助

软件系统应该帮助用户执行各种各样的任务。每个用户对系统的认识和处理任务的能力不一样，让软件系统以标题说明（caption）、提示（hints）、何系统帮助（system help）的形式对用户提供协助。供协助的信息应该是简单有效的，灵活的。

注意：这种协助是主动的，不是被动的，不需要用户可以去寻找，也不需要打售后电话，更不需要用户去寻找软件光盘来查阅说明书。

软件系统通过简单有效的形式提供随时随地的协助，但不是硬推式的。比如：有些软件在执行某个操作时总是弹出一个提示界面，如在关闭“金山词霸”时会让用户选择关闭按钮的操作，如果没有“下次不显示提示框，按照本次设置执行”这个选项的话，那么这个欢迎界面的设计是很糟糕的，它强迫用户每次关闭时都要去查看这个页面。

tu4

表达能力强的图标、tool tips、输入框前的标题说明、状态栏中软件状态的说明等都是能为用户提供协助的非常有效的方式。如Windows的画图工具既有图标、工具提示、又有状态栏中的说明，如图：

tu5

3.3有效

有效是指让所有对象在任何时候都是可用的。让用户可以在任何时候以任何顺序在同一个视图中使用所有的对象，如图所示：

tu6

注意：尽量避免使用模式对话框，因为它会使正在交互的界面动作无效或引起非预期的结果。模式对话框限制了用户与系统交互的能力。

除非必须要用户处理好才能进入下一步的操作，否则不要使用模式对话框。很多窗口是没必要使用模式对话框的，比如很多系统都会有类似保存操作已经成功这样的提示语句。如果使用的是模式窗口反而会引起用户的反感，保存成功本来就是系统应该做的事情，为什么还要用户多此一举地去确认软件的“功劳”。

其实保存成功前与保存成功后的区别在系统的很多地方都可以看出来，如：列表中多出一条新添加的记录，字段的属性变成“已保存”等。

即使软件系统在保存前和保存后让用户看不出区别，也可以一种优雅的方式来向用户反馈信息。如：word在保存过程中，会在状态栏中显示一个保存过程的动画。只有在保存出错或出现异常时，才用模式对话框的形式提示用户。

3.4鼓励

让动作可以预见并可以恢复。确保软件系统的每个动作都是可以产生可预计结果的。鼓励用户探索系统，尝试操作，查看结果，撤销或删除操作。如果功能操作不会造成不可返回的后果的话，用户就会对操作界面感到舒服和自信。比如我们在使用Word时，可以放心的删除、修改，这是因为我们知道这些操作是可以随时返回到上一个结果的。

所有的操作，哪怕是一个微不足道的取消选定操作，都应该是可逆的操作。比如Word的操作中既可以选中编辑的对象，也可以取消选择。

有些软件系统的安装包可能有几种安装方式，例如：全新安装、升级安装、有选择的安装；或者是典型安装、最小安装、完全安装等，不同的安装模式如果没有相应说明和提示来告诉用户每一种安装结果是什么的话，用户会犹豫很久，才会选择一个自己认为最安全的模式来安装。

3.5熟悉

让用户基于已有的关于软件系统的知识来使用新系统。换言之，也就是用户不需要学习不同的技巧来执行相似的任务。例如，微软的office系列产品，在Word中的编辑和操作方式与在PowerPoint中是基本一致的。如果你熟悉了Word的操作那么就可以轻松的在PowerPoint中编写演讲稿。

使用统一的视觉设计和界面交互技巧来向用户展示，使用户在使用相同的平台、相同的环境下的其他类似系统时可以重用。如果用户在使用一个新的系统界面时所需要的交互技巧与用户已经知道的或预想的相一致时，那么用户学习起来会更容易。

统一的图标、功能命名和菜单编排能降低用户在一个新的类似软件系统中的学习曲线。例如，Word中的复制、粘贴、保存图标和快捷方式跟PowerPoint中的完全一致，熟悉Word的用户就可以很快知道在PowerPoint中可以使用相同的功能。

3.6明显

让系统控件清晰可见并且功能易于识别。`来帮助用户理解功能，记住关系，并可以识别出当前系统状态。例如，操作系统通过图标的变化来体现回收站里是否有垃圾文件：

tu7

3.7个性化

允许用户对界面进行个性化设置。用户可以根据个人的需要和想法去裁减界面。用户的背景、兴趣、经验、能力和动机都不同。个性化的界面可以帮助用户对界面的感觉更舒服，能帮助用户提高工作效率。

例如，使用“QQ”时我们可以根据个人的喜好来设置自己喜欢的QQ“皮肤”；使用“千千静听”时可以有选择的只显示部分面板；Word还提供了工具栏的自定义功能等等。

3.8安全

尽量少让用户犯错。不要让用户轻易接触到危险的操作的责任在设计者身上。如果用户做了不可恢复的操作，界面应该选择列表和其他辅助手段，自动的或根据请求提供视觉上的提示或提醒信息。

3.9满意