ucdchina發(fā)表于52天 3小時 16分鐘前
來源:www.537520.com 標簽:Android IPHONE ui UI測試 Windows mobile WM 客戶端UI 客戶端UI測試 手機UI 手機UI測試 測試
隨著眾多網(wǎng)站不斷的在客戶端的布局,不論是門戶、社區(qū)、購物網(wǎng)站等都將手機客戶端做為發(fā)展的一個方向,手機客戶端僅局于一個小小的屏幕內(nèi),對于手機客戶端的UI測試有著與網(wǎng)站不同的測試方式。從客戶端起動界面開始,到運行過程,直至退出,UI測試都有著自己的規(guī)范和要求。
手機客戶端測試人員在產(chǎn)品過程中的工作:
手機客戶端UI測試常見的測試點:
1.各種分辨率下,顯示正?!,F(xiàn)市場上主流的塞班V3系統(tǒng)手機為240*320、320*240。WM系統(tǒng)主要為240*320、320*480。Android系統(tǒng)主要為320*480,Iphone系統(tǒng)為320*480。在產(chǎn)品確定設計前在哪些系統(tǒng)中些屏幕下運行。測試將對不同的屏幕下對UI在不同的機型個測試效果。
2.前景色與背景色搭配合理協(xié)調,反差不宜太大,最好少用深色,如:大紅,大綠等,常用色考慮使用手機系統(tǒng)的界面色調。對于UI在設計上的用色,測試可以提出很多寶貴的意見,只有圖片跑在手機系統(tǒng)才可以更好的分辯出UI設計的圖片是否會產(chǎn)生誤差,這里的誤差是指圖片顏色是否與手機系統(tǒng)搭配,是否與視覺設計的想法有出處。
3.與正在進行的操作無關的按鈕應該加于屏蔽(在windows mobile用灰色顯示),或許與WM系統(tǒng)的界面有關,對于不同的系統(tǒng),在UI測試上要有所不同,在滿足手機特性的情況下,如何做到對于手機界面UI測試顯得更加重要。
4.控件的焦點與非焦點狀態(tài)的邊框要有明顯的區(qū)別。對于控件上的焦點掌握,在不同顏色下的邊框有著嚴格的要求。即在選中與未選中下,UI對于控件不同,這對于UI測試的要求更高。
5.長操作(下載,上傳,更新,登錄等)時,要有明確的動態(tài)指示logo或文字(例如:loading…等),表明操作正在進行中。手機訪問速度沒有PC快,對于手機小屏幕很容易失去耐心,簡短的提示就是為了讓用戶繼續(xù)停在當前頁面,同時友好的UI界面提示也顯得很重要。
6.對于非法的輸入或操作應有足夠的提示說明,提示、警告或錯誤說明應該清楚、明了、恰當?shù)奶鎏崾揪娈嬅?,但沖擊力不能太強。
7.文字描述的準確性:a. 文字描述與對應功能是否一致 ;b. 錯別字。
8.文字用語的一致統(tǒng)一:父窗口的選項與子窗口標題統(tǒng)一一致。
9.產(chǎn)品幫助文檔:a. 與產(chǎn)品功能和截圖配套一致,當重新打包新系統(tǒng)時,及時更新產(chǎn)品幫組文檔; b.文檔格式; c.幫助中應該提供技術支持方式,一旦用戶難于解決可以方便尋求新的幫助方式。
10.產(chǎn)品的版權和商標的logo和文字申明(一般在啟動界面或者軟件產(chǎn)品的“關于”選項里面);涉及公司的形象和品牌,一定要規(guī)范標準化。
11.給用戶提供自定義界面風格,由用戶自己選擇顏色和字體。滿足不同用戶習慣,同時滿足用戶對于一些顏色偏差(如色弱用戶)。
測試流程:
1.根據(jù)提供的UI規(guī)范文檔以及PRD了解整個產(chǎn)品的業(yè)務和UI規(guī)范。
2.開發(fā)提供已設計好的DEMO。
3.如果是單一的DEMO,不涉及業(yè)務流程,跳到第5否則跳到第4。
4.結合PRD中的業(yè)務流程以及UI規(guī)范進行測試,并提交發(fā)現(xiàn)的BUG,執(zhí)行完后進行第7。
5.使用UI規(guī)范文檔對已提交的DEMO頁面進行測試,并提交BUG。
6.對后續(xù)給出的DEMO頁面根據(jù)PRD的業(yè)務進行集成測試,并提交BUG。
7.對BUG進行跟蹤回歸測試。
客戶端是由各類的手機控件下組裝成的,優(yōu)秀的UI設計同時也抓住對控件的UI優(yōu)化達到產(chǎn)品的優(yōu)化。針對于一些手機界面常用的控件,在正常狀態(tài)下、選中狀態(tài)下等多種狀態(tài)的常見效果展示: