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