Web 軟體測試 Checklist 應用系列(4) 內容、圖片和按鈕

內容、圖片和按鈕測試包含的範疇

在網頁產品中，使用者獲得資料的來源中很重要的兩個方面是文字 內容（本文簡稱“內容”）和圖片。內容主要以文字為主體傳遞資訊，而圖片則以圖表的形式以更加醒目的方 式向使用者提供資訊。兩部分內容相互補充，均不可或缺。按鈕則用於針對使用者的點擊執行相關的操作，從而實 現與使用者的互動，在使用者體驗中具有非常重要的作用。

本文中將列舉部分在網頁產品測試中應用廣泛 的 Checklist 條目，這些條目均需要在開發與測試過程中加以注意。文中也將列舉測試過程中遇到的一些實 例，供大家參考。

內容測試 Checklist

1.1 檢查內 容排列是否恰當

為了給使用者提供良好的使用者體驗，同時為了符合業界普遍的 UI 設計標準，常值內容 的排列要整齊、有序，易於閱讀。否則，排列淩亂的常值內容將給使用者留下不夠專業的印象。

下面的 例子展示了一類數量顯示欄沒有對齊導致的缺陷執行個體。

圖 1. 數量顯示欄未對齊缺陷執行個體

該執行個體 中，圖表左側縱軸上的數量顯示存在未對齊的問題。從圖上可以看出，整數位 1,000,000 和 2,000,000 兩個 數字顯示與其他數位顯示不在同一條豎直線上，這是產品的顯示缺陷。