[轉帖] 電子商務網站–介面測試的測試點

介面是軟體，網站 與使用者互動的最直接的層，介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的操

作，起到嚮導的作用。同時介面如同人的面孔，具有吸引使用者的直接優勢。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感

覺，相反由於介面設計的失敗，讓使用者有挫敗感，再實用強大的功能都可能在使用者的畏懼與放棄中付諸東流。目前介面的設計引起軟

件設計人員的重視的程度還遠遠不夠，直到最近網頁製作的興起，才受到專家的青睞。而且設計良好的介面由於需要具有藝術美的天

賦而遭拒絕。
　　目前流行的介面風格有三種方式：多表單、單表單以及資源管理員風格，無論那種風格，以下規則是應該被重視的。
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):　公司的系列產品要保持一直的介面風格，如背景色、字型、菜單相片順序、表徵圖、安裝過程、按鈕用語等應該大體一致。

8：捷徑的組合
在菜單及按鈕中使用快速鍵可以讓喜歡使用鍵盤的使用者操作得更快一些 在西文Windows及其應用軟體中快速鍵的使用大多是一致的。
菜單中：
1):面向事務的組合有:
Ctrl-D 刪除 ；Ctrl-F 尋找 ；Ctrl –H替換；Ctrl-I 插入 ；Ctrl-N 新記錄 ；Ctrl-S 儲存 Ctrl-O 開啟。
2)：列表:
Ctrl-R ，Ctrl-G定位；Ctrl-Tab下一分頁視窗或反序瀏覽同一頁面控制項；。
3):編輯:
Ctrl-A全選；Ctrl-C 拷貝；Ctrl-V 粘貼；Ctrl-X 剪下；Ctrl-Z撤消操作；Ctrl-Y恢複操作。
4)檔案操作:
Ctrl-P 列印；Ctrl-W 關閉。
5):系統功能表
Alt-A檔案；Alt-E編輯；Alt-T工具；Alt－W視窗；Alt－H協助。
6):MS Windows保留鍵:
Ctrl-Esc 工作清單 ；Ctrl-F4 關閉視窗； Alt-F4 結束應用；Alt-Tab 下一應用 ；Enter 預設按鈕/確認操作 ；Esc 取消按鈕/取

消操作 ；Shift-F1 即時線上說明。
按鈕中：
可以根據系統需要而調節，以下只是常用的組合。
Alt-Y確定(是)；Alt-C取消；Alt-N 否；Alt-D刪除；Alt-Q退出；Alt-A添加；Alt-E編輯；Alt-B瀏覽；Alt-R讀；Alt-W寫。
這些快速鍵也可以作為開發中文應用軟體的標準,但亦可使用漢語拼音的開頭字母。
9:安全性考慮：
在介面上通過下列方式來控制出錯幾率，會大大減少系統因使用者人為的錯誤引起的破壞。開發人員應當盡量周全地考慮到各種可能發生

的問題,使出錯的可能降至最小。如應用出現保護性錯誤而退出系統,這種錯誤最容易使使用者對軟體失去信心。因為這意味著使用者要中

斷思路,並費時費力地重新登入,而且已進行的操作也會因沒有存檔而全部丟失。
安全性細則：
1)：最重要的是排除可能會使應用非正常中止的錯誤。
2)：應當注意儘可能避免使用者無意錄入無效的資料。
3)：採用相關控制項限制使用者輸入值的種類。
4)：當使用者作出選擇的可能性只有兩個時,可以採用單選框。
5)：當選擇的可能再多一些時,可以採用複選框,每一種選擇都是有效,使用者不可能輸入任何一種無效的選擇。
6)：當選項特別多時，可以採用列表框，下拉式列表框。
7)：在一個應用系統中,開發人員應當避免使用者作出未經授權或沒有意義的操作。
8)：對可能引起致命錯誤或系統出錯的輸入字元或動作要加限制或屏蔽。
9):對可能發生嚴重後果的操作要有補救措施。通過補救措施使用者可以回到原來的正確狀態。
10):對一些特殊符號的輸入、與系統使用的符號相衝突的字元等進行判斷並阻止使用者輸入該字元。
11)：對錯誤操作最好支援可逆性處理，如取消系列操作。
12):在輸入有效性字元之前應該阻止使用者進行只有輸入之後才可進行的操作。
13):對可能造成等待時間較長的操作應該提供取消功能。
14)：特殊字元常有；;’”><,｀‘：“［”｛、\|｝］+=)-(_*&&^%$#@!
,.。?/還有空格。
15)：與系統採用的保留字元衝突的要加以限制。
16)：在讀入使用者所輸入的資訊時，根據需要選擇是否去掉前後空格。
17)：有些讀入資料庫的欄位不支援中間有空格，但使用者切實需要輸入中間空格，這時要在程式中加以處理。

10:多視窗的應用與系統資源：
設計良好的軟體不僅要有完備的功能，而且要儘可能的佔用最底限度的資源。
1)：在多視窗系統中，有些介面要求必須保持在最頂層，避免使用者在開啟多個視窗時，不停的切換甚至最小化其他視窗來顯示該視窗

。
2)：在主介面載入完畢後自動卸出記憶體，讓出所佔用的WINDOWS系統資源。
3)：關閉所有表單，系統退出後要釋放所佔的所有系統資源 ，除非是需要後台啟動並執行系統。
4)：盡量防止對系統的獨佔使用。

5)：視窗能否基於相關的輸入或功能表命令適當地開啟？

6)：視窗能否改變大小、移動和滾動？

7)：視窗中的資料內容能否使用滑鼠、功能鍵、方向箭頭和鍵盤訪問？

8)：當被覆蓋並重調用後，視窗能否正確地再生？

9)：需要時能否使用所有視窗相關的功能？

10)：所有視窗相關的功能是可操作的嗎？

11)：是否有相關的下拉式菜單、工具條、捲軸、對話方塊、按鈕、表徵圖和其他控制可為視窗可用，並適當地顯示？

12)：顯示多個視窗時，視窗的名稱是否被適當地表示？

13)：使用中視窗是否被適當地加亮？

14)：如果使用多任務，是否所有的視窗被即時更新？

15)：多次或不正確按滑鼠是否會導致無法預料的副作用？

16)：視窗的聲音和顏色提示和視窗的操作順序是否符合需求？

17)：視窗是否正確地關閉？

 

轉載：http://bbs.51testing.com/thread-112897-1-1.html