Web 軟體測試 Checklist 應用系列(3) 顏色和字型

顏色和字型測試包含的範疇

使用者通過使用網頁產品擷取大量的資料資訊，這些資訊的顯示方式包括 圖形和文字兩大部分。而在向使用者呈現圖形和文字的過程中，顏色和字型扮演了非常重要的角色。合理恰當的 顏色和字型設定可以保證使用者以最高效、清晰的方式擷取到需要的資訊，而如果顏色和字型設定的不恰當，用 戶將花費更多的時間擷取相同的資訊量，從而導致使用者擷取資訊的效率下降。

本文中，將列舉一些 Web 產品開發中需要注意的事項，通過避免這些事項，可以從一定程度上杜絕此類的問題給使用者帶來的不良體 驗，從而提高產品的使用者滿意度。本文也會舉例說明一些具體的 Web 產品缺陷執行個體。

顏色測試 Checklist

1.1 檢查超連結的顏色

超鏈 接的顏色顯示通常呈現三種形式：預設顏色、有游標時的顏色、訪問後顏色，如圖 1 所示。

圖 1. 超 連結的三種顏色顯示

按照以上一致性的要求，可以保證 使用者在不同的產品之間切換時，能有一致的使用者感受和體驗，對使用者流暢的應用新的產品很有協助。

1.2 確保所有頁面的背景顏色都被測試

對於一款使用者用好的網頁產品，所有頁面的背景顏色需 要具有一致性，以保證提供給使用者一致的使用者體驗。

圖 2. 頁面背景顏色不一致執行個體

圖 2 中所示，該執行個體中，當水平捲軸出現後，拖動水平捲軸查看右側內容，可以發現左右兩側的頁面背景顏色 是不一致的，這會讓使用者體驗下降，是產品的一個缺陷。

1.3 檢查警告訊息的顏色是否符合規範

警告訊息需要對使用者進行醒目的提醒和警告，需要很容易即可被使用者發現。因此，通常警告訊息的顏 色設定為粉紅色，如圖 3 所示。

圖 3. 警告訊息執行個體

在網頁產品開發與測試過程中，開發測試人員需要檢查警告訊息的顏色是否保持一致，是否符合以上的 顏色規範。