|
|
通常情況下用戶界面測試主要是拿待測網頁和設計稿進行對比，下面幾個細節不得忽視： 1、注重細節 這點最基本，就是對比時細心、細心再細心。像我現在被虐到網頁上元素和設計稿差一個像素都能看出來… 2、勿忘整體性 由于PC網頁頁面空間大，模塊多，很容易在測試時只注意到模塊內設計元素是否正確，而忽略了模塊間的間距或整個頁面的布局是否正確。所以最好按照由局部到整體的順序測試。 3、注意頁面間相互對比 即注意相同系列頁面、頁簽布局一致性。就是說的是同一系列頁面中同類元素和模塊的樣式、間距一般要相同；同一個tab下，不同選項對應 的頁簽中同類元素和模塊的樣式、間距一般要相同。例如下圖QQ空間-日志頁面里我的日志和私密日記tab中，紅框圈出的位置高度是否一致。 4、注意極端情況下顯示情況 即要注意長度可變的元件、模塊或字段在極端情況下的顯示是否正常。 例如：文章標題最多可顯示50字符（25漢字），測試時就要在所有會出現標題的位置（文章列表頁、推薦邊欄、轉發彈框…）是否能正常顯示含有50字符的標題，會不會出現破框而出、自動切掉等情況。 由于UI測試時需要檢查的細節很多，網站建設還在搭建中并未上線，UI測試的工作量更是大，測久了難免會覺得枯燥繁瑣，但其實每項任務都能總結出套路、有所收獲。 UI測試注意點總結： 模塊間距 元素間距 不同類型文本（數字、漢字、英文）顏色、格式（全角、半角）大小、字體、（不必須） 固定文案：內容的可讀性、正確性?排版的合理性 可變字段：極多、極少文字的排版情況 Icon用錯、用混 相似頁面的差異性和一致性 |
