B/S C/S架构的界面测试

时间:2022-01-06 02:16:54

网站是B/S架构的典型,从做网站的有限经验来整理一下B/S测试的基本要点,并把它与C/S进行区分。

与C/S相比,以下4个测试是除了常用测试外还要注意的:

   (1)链接测试 (2)表单测试 (3)脚本测试 (4)ActiveX控件测试

一、重要的放前面,C/S是不用考虑浏览器兼容的,因此网页关于兼容的测试分以下4个方面:

1.不同内核的浏览器,主要分为IE(trident)、火狐(Gecko)、chrome(chromium)、Safari(webkit)  其实chromium是修改后用于chrome的WEBKIT内核,集成了pdf插件、flash插件。由于oprea现在也用webkit,所以不用考虑opera以前的presto内核。(在我另一篇博客中,详细讲了不同浏览器的内核及WEB工作原理)

2.不同分辨率。主流的是如1024x768,1366x700。(http://blog.sina.com.cn/s/blog_6741c73e0101byce.html)

3.不同的操作系统(Linux、Windows、iOS)

4.不同显示器(电脑、平板、智能手机--Android or iOS)


下面这个表是粘贴过来后自己修改添加的B/S基本界面测试点:

总的来说,测试要点就是 标题栏、文字、窗体、菜单、控件、图片、颜色搭配和提示框。

测试内容 测试点
页面显示

1、浏览器窗口放大缩小时页面刷新是否正确美观;
2、电脑显示屏是宽屏或标屏下页面元素显示是否正确,是否美观;
3、用户常用的几种分辨率下页面元素显示是否正确,是否美观。
4、字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体。
5、前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。
6、页面弹出式提示界面必须大小合理,布局美观,符合系统风格。

7.长宽比例协调(黄金比例1:0.618)

页面布局

(合理性)

1、布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
2、相关页面元素的外形是否美观大方,大小是否合适,位置和页面的风格是否协调。
3、页面相关说明性文字的位置是否正确合适,鼠标定位在需说明的控件上时相关提示信息位置是否合理。

页面风格

(一致性)

1、同一系统中不同页面的整体风格是否一致,是否美观;
2、各页面背景、色调是否正确,是否美观,是否适合应用环境。
3、主色调要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
易用性

1、按钮名称易懂,用词准确,屏弃多义性字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。
2、对于完成同一功能的控件需要集中放置,减少鼠标移动;Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,
同时行间从左到右的方式。
3、默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
4、页面要支持键盘自动浏览按钮功能,即按Tab键、回車鍵的自动切换功能。
5、页面输入控件的选择要合理合适,同一界面复选框不能出现太多,下拉列表选项也不宜太多。
6、常用菜单功能需提供操作快捷键,快捷键的定义应符合大众操作习惯
7、页面存在工具栏的,工具栏需要设置默认停靠位置,工具栏长度不能太长,工具栏上的按钮需提供提示信息,
工具栏功能可以用户自行定制。

8.重要信息需要醒目

9.同一界面控件数<10

友好性 1、对于需要等待的操作,如果时间稍长就应该提供进度条显示
2、菜单深度一般要控制在三层以内,树状结构类似。
3、滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
4、对用户操作需要反馈足够的信息,例如提示、警告、或错误,信息表达应该清楚、明了、恰当、准确。
特殊字符 ~ , ` , ! , @ , # , $ , % , ^ , & , * , ( , ) , ; , | , \ , / , < , > , , , . , { , } ,
 [ , ] , ' , " 。一般的输入框中需要屏蔽上面列举的特殊字符,使其不能输入。
 http://www.cnblogs.com/luluping/archive/2009/06/12/1501806.html 这个博文讲B/S测试还挺详细的,马克。