界面测试注意点

前言

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。

而界面测试的注意点很多，在此，仅把我参加测试这段时间来对界面测试的理解写出来。

主要注意点

1、进行界面测试，首先要认清自己在测试中所扮演的角色。要从客户的角度出发，模拟客户的心理来思考问题，客户思考问题的角度和开发肯定是不同的，他们不会管页面中某个功能的实现机制，只会关心系统功能是否好用，界面是否美观，色彩是否鲜明、和谐，提示信息是否简洁明了、清晰易懂等。所以，多站在用户的角度来思考，才是发现这些界面问题的不二捷径。

2、界面测试是贯穿测试始终的。所以，对于界面要随时留意，随时观察，遇到不合理的地方立刻提出，不要因为问题小而不加以重视，因为，我们认为很小的问题，在用户来说，很可能就是难以忍受的。比如，在登陆页面中的用户名和密码的编辑矿没有对齐，在我们看来这是个很小的问题，只是页面布局时，坐标不一致而已；但是，在用户看来，连登陆页面中的编辑框都没有对齐，用户就会觉得，这些都是开发人员态度不认真，公司不严谨，造成的，从而，对系统的第一印象就很差，甚至他们的潜意识中会认为整个系统都是在马马虎虎的情况下做好的，质量是高也高不到哪里去的。

3、页面相关模块的描述信息是否准确、合理、恰当，比如页面中各个模块的名称，对各个模块的简要介绍，页面的名称等。这些都是我们平常不会太在意地方。但是，对于用户来说，这些描述信息都有一定的指导意义，所以，用户对此还是很关注的，试问，如果模块的名称都起错了，那让用户如何满意呢？

4、要对风格进行一致性校验。可以看看几个类似模块的页面风格是否一致，比如类似模块提供的功能是否相似或相同，页面的色调是否一致，列表的长、宽是否一样等；还可以对类似模块中的校验策略，特殊字符集，选项名称，错误提示信息等是否一致进行测试。俗话说，不患不多，只患不均。功能不多没关系，就怕的是对于类似的模块来说，这个模块有此功能，而其它的模块确没有此项功能。这样用户可能就会很不满意了。

5、在一些查看页面中，对于超长字符在展示时，是否能够正确的换行，进行检查；在各个页面中，弹出的提示信息框或是其它ie框所在的位置是否合理，进行检查。很多系统中往往都存在类似的问题。虽然，对于我们来说，这些问题都是属于提示类问题，稍微改动一下就好了；但是，对于用户来说，这些会造成他们操作不便，让他们感到界面难看，所以，在客户看来，这些问题都是难以接受的。这些问题甚至会影响客户对整个系统的印象。

6、ie的前进按钮、后退按钮和刷新功能是否可用，是否会引发其它问题。比如，刷新操作后，是否导致页面回到了登陆页面等。这方面关于ie本身功能的问题，要格外注意，要仔细检查系统是否对此进行了合理的约束，而这些约束又是否符合用户习惯，是否符合一般的网络习惯。

7、页面中相应的返回功能是否能构链接到正确的页面，是否所有的需要返回功能的页面都提供了返回按钮，相似模块的返回页面是否相似。在各个系统中，都有很多返回按钮（或链接），在测试中要关注，在触发了相应的返回按钮（或链接）后，所跳转的页面是否正确、是否合理，是否就是用户所希望的页面。

8、提示信息是否准确、友好、易懂，风格是否统一。提示信息是系统和用户进行对话的一个主要方式，是直接为用户提供操作信息的模块，也是测试中的一个重点。所以，提示信息是否准确、友好、易懂（以用户的知识结构和认知水平，是否能够很容易的理解），各个模块相似操作的提示信息的风格是否一致，提示信息界面是否美观，色调是否一致，提示信息所用的人称，提示信息所站的立场，都会直接影响用户对于整个系统的印象。

9、页面中对于空格是否有正确合理的trim（）功能。这个部分的问题一般来说比较多，这部分要着重关注系统中的各个（输入、修改和查询等页面中的）编辑框、文本框是否有正确的trim（）功能，这些功能是否合理；是否有该trim（）的没有trim（），是否有不该trim（）的被trim（）了的；字符前和字符后的空格是否被trim（）掉了，而字符中的空格又是如何处理等方面的问题

10、页面中的编辑框对于字符长度是否有输入的限制。一个好的系统对于，各个（输入、修改和查询等页面中的）编辑框中能够输入的最长字符，都限定其小于或等于校验的字符长度。限定了系统中编辑框能够输入的字符长度，一方面提高了用户的可操作性，另一方面，把长度校验交给了页面来做，也提高了系统的整体性能。

页面测试中要注意的地方，可能还有很多方面没有提及，这里由于水平所限，只列举了以上的一些方面，希望能够对大家的测试有所帮助。最后套用一句名言送给大家：页面不是没有问题，而是缺少发现问题的眼睛。而我们要做的就是尽量去拥有这样的一双眼睛。

详细注意点

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。

　　目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。

1：易用性：

　　按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其它按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则：

1):完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。

2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

3):按功能将界面划分区域块，用Frame框括起来,并要有功能说明或标题。

4):界面要支持键盘自动浏览按钮功能，即按Tab键、回车键的自动切换功能。

5):界面上首先要输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。

7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

8):默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。

9):可写控件检测到非法输入后应给出说明并能自动获得焦点。

10):Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。

11):复选框和选项框按选择几率的高底而先后排列。

12):复选框和选项框要有默认选项，并支持Tab选择。

13):选项数相同时多用选项框而不用下拉列表框。

14):界面空间较小时使用下拉框而不用选项框。

15):选项数较少时使用选项框，相反使用下拉列表框。

16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词语。

2：规范性：

通常界面设计都按Windows界面的规范来设计，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则：

1):常用菜单要有命令快捷方式。

2):完成相同或相近功能的菜单用横线隔开放在同一位置。

3):菜单前的图标能直观的代表要完成的操作。

4):菜单深度一般要求最多控制在三层以内。

5):工具栏要求可以根据用户的要求自己选择定制。

6):相同或相近功能的工具栏放在一起。

7):工具栏中的每一个按钮要有及时提示信息。

8):一条工具栏的长度最长不能超出屏幕宽度。

9):工具栏的图标能直观的代表要完成的操作。

10):系统常用的工具栏设置默认放置位置。

11):工具栏太多时可以考虑使用工具箱。

12):工具箱要具有可增减性，由用户自己根据需求定制。

13):工具箱的默认总宽度不要超过屏幕宽度的1/5。

14):状态条要能显示用户切实需要的信息，常用的有：

目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。

15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。

16)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。

17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。

18)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。

19):右键快捷菜单采用与菜单相同的准则。

3：帮助设施：

系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则：

1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)。

2)：打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。

3)：操作时要提供及时调用系统帮助的功能。常用F1。

4)：在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

5)：最好提供目前流行的联机帮助格式或HTML帮助格式。

6)：用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。

7)：如果没有提供书面的帮助文档的话，最好有打印帮助的功能。

8)：在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

4：合理性：

屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。

合理性细则：

1)：父窗体或主窗体的中心位置应该在对角线焦点附近。

2)：子窗体位置应该在主窗体的左上角或正中。

3)：多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。

4)：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

5)：错误使用容易引起界面退出或关闭的按钮不应该放在易点击的位置。横排开头或最后与竖排最后为易点位置。

6)：与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。

7)：对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。

8)：非法的输入或操作应有足够的提示说明。

9):对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。

10):提示、警告、或错误说明应该清楚、明了、恰当。

5：美观与协调性：

界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。

美观与协调性细则：

1):长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。

2):布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。

3):按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。

4):按钮的大小要与界面的大小和空间要协调。

5):避免空旷的界面上放置很大的按钮。

6)：放置完控件后界面不应有很大的空缺位置。

7):字体的大小要与界面的大小比例协调,通常使用的字体中宋体9-12较为美观，很少使用超过12号的字体。

8):前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows界面色调。

9):如果使用其它颜色，主色调要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。

10):大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。

11):界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。

12):如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。

13)：对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。

14):通常父窗体支持缩放时，子窗体没有必要缩放。

15)：如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

6：菜单位置：

菜单是界面上最重要的元素，菜单位置按照按功能来组织。

菜单测试细则：

1):菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows风格。

2):常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。

3):下拉菜单要根据菜单选项的含义进行分组，并且按照一定的规则进行排列，用横线隔开。

4):一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。

5):没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置；重要的放在开头，次要的放在后边。

6):如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。

7):菜单深度一般要求最多控制在三层以内。

8):对常用的菜单要有快捷命令方式，组合原则见8。

9):对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。

10):菜单前的图标不宜太大，与字高保持一直最好。

11):主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。

12):主菜单数目不应太多，最好为单排布置。

13):菜单条是否显示在合适的语境中？

14):应用程序的菜单条是否显示系统相关的特性（如时钟显示）？

15):下拉式操作能正确工作吗？

16):菜单、调色板和工具条是否工作正确？

17):是否适当地列出了所有的菜单功能和下拉式子功能？

18):是否可能通过鼠标访问所有的菜单功能？

19):相同功能按钮的图标和文字是否一致？

20):是否能够用其它的文本命令激活每个菜单功能？

21):菜单功能是否随当前的窗口操作加亮或变灰？

22):菜单功能是否正确执行？

23):菜单功能的名字是否具有自解释性？

24):菜单项是否有帮助，是否语境相关？

25):在整个交互式语境中，是否可以识别鼠标操作？

26):如果要求多次点击鼠标，是否能够在语境正确识别？

27):如果鼠标有多个按钮，是否能够在语境中正确识别？

28):光标、处理指示器和识别指针是否随操作恰当地改变？       

7:独特性：

如果一味的遵循业界的界面标准，则会丧失自己的个性.在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。

测试细则：

1):　安装界面上应有单位介绍或产品介绍，并有自己的图标。

2):　主界面，最好是大多数界面上要有公司图标。

3):　登录界面上要有本产品的标志，同时包含公司图标。

4):　帮助菜单的“关于”中应有版权和产品信息。

5):　公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。