B/S C/S架構的界面測試

    網站是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測試還挺詳細的，馬克。