WEB測試用例(三)

2022-07-08 01:57:10 字數 2846 閱讀 1955

介面設計的行業標準總結

gui的整體標準包括以下四個方面:

1.規範性

2.合理性

3.一致性

4.介面定製性

一、gui設計的規範

遵循一致的準則,確立標準並遵循,是軟體介面設計中必不可必的環節。確立介面標準的好處:

1.便於使用者操作:戶使用起來能夠建立起精確的心裡模型,使用熟練了乙個介面後,切換到另外乙個介面能夠很輕鬆的推測出各種功能

2.使使用者感覺到統

一、規範,在使用軟體的過程中愉快輕鬆的完成操作,提高對軟體的認知

3.降低培訓、支援成本,不必花費較多的人力對客戶進行逐個指導

二、gui布局的合理性

介面的合理性是指介面是否與軟體功能相融洽,介面的顏色和布局是否協調等。例如:

1.介面布局

a.螢幕不能擁擠

*  mayhew在2023年的試驗結果表明螢幕總體覆蓋度不應該超過40%,而分組覆蓋度不應該超過62%。

*  整個專案,採用統一的控制項間距,通過調整窗體大小達到一致,即使在窗體大小不變的情況下,寧可留空部分區域,也不要破壞控制項間的行間距。

b.控制項按區域排列

*  一行控制項縱向中對齊, 控制項間距基本保持一致,行與行之間間距相同,靠窗體的控制項距窗體邊緣的距離應大於行間距。

*  當螢幕有多個編輯區域,要以視覺效果和效率來組織這些區域

c.有效組合

邏輯上相關聯的控制項應當加以組合以表示其關聯性,反之,任何不相關的專案應當分隔開。在專案集合間用間隔對其進行分組,或者使用方框劃分各自區域

d.視窗縮放時,控制項位置、布局

*  固定視窗大小,不允許改變尺寸

*  改變尺寸的視窗,在視窗尺寸發生變化時控制項的位置、大小做出相應的改變

*  改變尺寸的視窗,在視窗改變尺寸時增加相應在的縱向、橫向滾動條,以方便使用者使用窗體上的控制項

2.介面顏色搭配

使用恰當的顏色,可以使軟體的介面看起來更加規範:

a.統一色調

針對軟體型別以及使用者工作環境選擇恰當色調,如:安全軟體,根據工業標準,可以選取黃色。綠色體現環保,藍色表現時尚清新、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。

b.與作業系統

統一,讀取系統標準色表

c.遵循對比原則

在淺色背景上使用深色文字,深色背景上使用淺色文字,如藍色文字以白色背景容易識別,而在紅色背景則不易分辨。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色

d.整個介面色彩盡量少的使用類別不同的顏色

e.顏色方案也許會因為顯示器、顯示卡、作業系統等原因顯示出不同的色彩

f.針對色盲、色弱使用者,可以使用特殊指示符

e.顏色方案也許會因為顯示器、顯示卡、作業系統等原因顯示出不同的色彩

f.針對色盲、色弱使用者,可以使用特殊指示符

三、gui風格的一致性

介面的一致性既包括使用標準的控制項,也指相同的資訊表現方法,如在字型、標籤風格、顏色、術語、顯示錯誤資訊等方面確保一致。

1.在不同解析度下的美觀程度

軟體介面要有乙個預設的解析度,而在其他解析度下也可以執行,分別在800×600,1024×768,1280×768,1280×1024,1200×1600解析度下的大字型、小字型下的介面表現。

2.介面布局要一致

如所有視窗按鈕的位置和對齊方式要保持一致。

3.介面的外觀要一致

如控制項的大小、顏色、背景和顯示資訊等屬性要一致,一些需要特殊處理或有特殊要求的地方除外。

4.介面所用顏色要一致

顏色的前後一致會使整個應用軟體有同樣的觀感,反之會讓使用者覺得所操作的軟體雜亂無章,沒有規則或言。

5.操作方法要一致

如雙擊其中的項,觸發某事件,那麼雙擊任何其他列表框中的項,都應該有同樣的事件發生。

6.控制項風格、控制項功能要專一

a.不錯誤的使用控制項

例如使用button樣式做table的功能,拿主選單條顯示版權資訊等

b.乙個控制項只做單一功能,不復用

如果在特殊情況下出現復用的時候,可採用以下兩種方法解決:

*  分組,使用雙份控制項

*  使用table頁,給使用者很明顯的視覺變化

7.標籤和訊息的措詞要一致

如在提示、選單和幫助中產生相同的術語。

8.標籤中文字資訊的對齊方式要一致

如某類描述資訊的標題行定為居中,那麼其他類似的功能也應該與此一致。

9.快捷鍵在各個配置項上語義保持一致

如tab鍵的習慣用法是閱讀順序從從左到右,從上到下。在定義軟體快捷鍵時也可以將現有一些快捷鍵的屬性作為參考,如表1-3-1(見附件)列出了常用的快捷鍵及其功能。

四、gui介面操作可定製性

介面的可定製性大致可分為以下幾個特性:

1.介面元素可定製

允許使用者定義工具欄、狀態列是否顯示,工具欄顯示在介面上的位置;允許使用者定義選單的位置等。

2.工具欄可定製

不同使用者對常用工具的使用是不同的,因此允許使用者建立新的工具欄,選擇要顯示的工具欄,定製工具欄上的按鈕等功能在軟體系統中經常被用到

3.統計檢索可定製

對於某些特殊行業的軟體可以提供統計檢索的可定製性,在充分了解使用者需求的基礎上制定大量的安全供使用者選擇。

gui所包含各類元素標準的定製

gui的元素大致可分為以下幾個方面:

1. 視窗

2. 選單

3. 圖示

4. 控制項

5. 滑鼠

6. 文字

7. 聯機幫助

Web測試用例總結

關於 web測試 1頁面部分 1 頁面清單是否完整 是否已經將所需要的頁面全部都列出來了 2 頁面是否顯示 在不同解析度下頁面是否存在,在不同瀏覽器版本中頁面是是否顯示 3 頁面在視窗中的顯示是否正確 美觀 在調整瀏覽器視窗大小時,螢幕重新整理是否正確 4 頁面特殊效果 如特殊字型效果 動畫效果 是...

編寫web測試用例

driver.find element by id kw send keys 妞給爺笑乙個 driver.find element by id su click time.sleep 2 title driver.title defteardown self self.driver.quit if ...

WEB測試用例(八)

gui測試之資訊處理類篇 在這篇文章中,我將文字框 text box 列表框 list box 組合框 combo box 下拉列表框 drop down list box 核取方塊 check box 單選框 radio box option box 選項框 option box 滑動條 slid...