網(wǎng)站測(cè)試一般包含三個(gè)方面:UI測(cè)試、功能測(cè)試和兼容性測(cè)試。
一、UI測(cè)試
用戶界面測(cè)試主要是拿待測(cè)網(wǎng)頁和設(shè)計(jì)稿進(jìn)行對(duì)比,個(gè)人覺得主要需做到以下4點(diǎn):
1、注重細(xì)節(jié):
這點(diǎn)最基本,就是對(duì)比時(shí)細(xì)心、細(xì)心再細(xì)心。像我現(xiàn)在被虐到網(wǎng)頁上元素和設(shè)計(jì)稿差一個(gè)像素都能看出來…
2、勿忘整體性:
由于PC網(wǎng)頁頁面空間大,模塊多,很容易在測(cè)試時(shí)只注意到模塊內(nèi)設(shè)計(jì)元素是否正確,而忽略了模塊間的間距或整個(gè)頁面的布局是否正確。所以按照由局部到整體的順序測(cè)試?! ?br />3、注意頁面間相互對(duì)比:
即注意相同系列頁面、頁簽布局一致性。就是說的是同一系列頁面中同類元素和模塊的樣式、間距一般要相同;同一個(gè)tab下,不同選項(xiàng)對(duì)應(yīng)的頁簽中同類元素和模塊的樣式、間距一般要相同。
4、注意極端情況下顯示情況:
即要注意長(zhǎng)度可變的元件、模塊或字段在極端情況下的顯示是否正常。
例如:文章標(biāo)題最多可顯示50字符(25漢字),測(cè)試時(shí)就要在所有會(huì)出現(xiàn)標(biāo)題的位置(文章列表頁、推薦邊欄、轉(zhuǎn)發(fā)彈框…)是否能正常顯示含有50字符的標(biāo)題,會(huì)不會(huì)出現(xiàn)破框而出、自動(dòng)切掉等情況。
由于UI測(cè)試時(shí)需要檢查的細(xì)節(jié)很多,特別是像我們團(tuán)隊(duì),網(wǎng)站還在搭建中并未上線,UI測(cè)試的工作量更是大,測(cè)久了難免會(huì)覺得枯燥繁瑣,但其實(shí)每項(xiàng)任務(wù)都能總結(jié)出套路、有所收獲,故下面僅列出我平時(shí)在測(cè)這部分時(shí)的主要注意點(diǎn)和心得。
UI測(cè)試注意點(diǎn)總結(jié):
模塊間距
元素間距
不同類型文本(數(shù)字、漢字、英文)顏色、格式(全角、半角)大小、字體、(不必須)
固定文案:內(nèi)容的可讀性、正確性?排版的合理性
可變字段:極多、極少文字的排版情況
Icon用錯(cuò)、用混
相似頁面的差異性和一致性
二、功能測(cè)試
1、操作反應(yīng):
(1)頁面元素(按鈕、錨文本、輸入框…)自身狀態(tài)變化:鼠標(biāo)移入/移出時(shí)效果、點(diǎn)擊后效果、獲取/失去焦點(diǎn)時(shí)效果…(可以想想axure里的用例狀態(tài))
eg:鼠標(biāo)移入按鈕,按鈕是底色是否應(yīng)改變;若輸入框內(nèi)有默認(rèn)提示文字,則是當(dāng)輸入框獲得焦點(diǎn)后文字就消失,還是用戶輸入文字后提示文字才消失…
(2)操作成功后續(xù)反應(yīng):頁面跳轉(zhuǎn)、彈框、提示文字…
a、頁面跳轉(zhuǎn):
頁面切換方式:另開頁面、本頁切換
頁面起始定位:頁面起始位置、頁面其他錨點(diǎn)(例如用戶想評(píng)論某文章,在列表頁點(diǎn)評(píng)論按鈕后,就會(huì)在另開的文章內(nèi)容頁直接定位到評(píng)論區(qū))
b、彈框:
匹配情況:彈出的彈框是否和觸發(fā)條件匹配
出現(xiàn)位置:一般情況下要一致。因?yàn)閺椏蚴褂貌煌寮赡軐?dǎo)致彈出位置不同。
顯示時(shí)間(非操作類彈框):某些僅起到提示功能的彈框會(huì)自動(dòng)顯示若干秒關(guān)閉。一般情況此類彈框上文案較少,顯示秒數(shù)應(yīng)該是全站一致的。
c、提示文字:
匹配情況:出現(xiàn)的提示文案是否和觸發(fā)條件匹配
關(guān)于操作成功后續(xù)反應(yīng),以上主要是在已確定會(huì)觸發(fā)某反應(yīng)情況下,測(cè)試其正確性。其實(shí)這里更重要的是要考慮在前置條件不同的情況下,對(duì)某元素進(jìn)行相同操作,會(huì)觸發(fā)什么不同的反應(yīng)。即需要對(duì)各類情況進(jìn)行窮舉。
eg:點(diǎn)擊關(guān)注按鈕觸發(fā)反應(yīng)窮舉:
a、未登錄用戶點(diǎn)擊該按鈕后效果;
b、已登錄用戶點(diǎn)擊該按鈕后效果(b1。未關(guān)注過對(duì)方、b2。已關(guān)注過對(duì)方、b3。自己關(guān)注自己)
窮舉時(shí)可以參考PRD,但不要局限于PRD上列出的情況,畢竟有時(shí)也許PRD上會(huì)有小疏漏,要是程序員做的時(shí)候發(fā)現(xiàn)疏漏,就自己隨手碼了一個(gè)簡(jiǎn)易提示而忘記通知產(chǎn)品,而測(cè)試的時(shí)候也沒觸發(fā)到,等用戶實(shí)際操作出來就會(huì)造成不佳的用戶體驗(yàn)?! ?br />2、數(shù)據(jù):
(1)數(shù)據(jù)狀態(tài):此處指數(shù)據(jù)值自身的狀態(tài)。即前置條件滿足后,數(shù)據(jù)狀態(tài)是否會(huì)按照規(guī)則更新。
這里的規(guī)則一般是
a、時(shí)間規(guī)則(eg:經(jīng)過多長(zhǎng)時(shí)間數(shù)據(jù)狀態(tài)改變;在哪個(gè)時(shí)間點(diǎn)更新…);
b、統(tǒng)計(jì)規(guī)則(eg:每個(gè)ID多次完成前置操作,數(shù)據(jù)更新多次;每個(gè)ID多次完成前置操作,數(shù)據(jù)僅更新一次;每個(gè)ID…)
(2)數(shù)據(jù)排序:數(shù)據(jù)在某篩選條件下排序的正確性。
eg:某寶某店鋪商品展示頁面,當(dāng)用戶選擇按銷量由高到低排序時(shí),列表是否變?yōu)榘翠N售量多到寡進(jìn)行排序;當(dāng)商品A的銷量超過商品B的時(shí)候,商品A的位置是否會(huì)更換到商品B的前面?! ?br />3、特殊情況:
(1)缺省情況:當(dāng)某頁面或模塊還沒有內(nèi)容或尚未加載出來時(shí),是否有相關(guān)提示畫面、文案。
(2)操作中斷:用戶操作中途退出頁面(eg:填寫資料并尚未保存時(shí)關(guān)閉頁面);操作中途斷網(wǎng)…這些情況下是否設(shè)置了相關(guān)提醒彈框。
三、兼容性測(cè)試
本文題目:網(wǎng)站建設(shè)后期需要測(cè)試哪些類目
文章分享:http://redsoil1982.com.cn/news34/161834.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)