隨着眾多網站不斷的在客戶端的布局,不論是門戶、社區、購物網站等都將手機客戶端做為發展的一個方向,手機客戶端僅局於一個小小的屏幕內,對於手機客戶端的UI測試有着與網站不同的測試方式。從客戶端起動界面開始,到運行過程,直至退出,UI測試都有着自己的規範和要求。

手機客戶端測試人員在產品過程中的工作:

手機客戶端UI測試常見的測試點:
1.各種分辨率下,显示正常。現市場上主流的塞班V3系統手機為、240*320、320*240。WM系統主要為240*320、320*480。Android系統主要為320*480,Iphone系統為320*480。在產品確定設計前在哪些系統中些屏幕下運行。測試將對不同的屏幕下對UI在不同的機型個測試效果。

2.前景色與背景色搭配合理協調,反差不宜太大,最好少用深色,如:大紅,大綠等,常用色考慮使用手機系統的界面色調。對於UI在設計上的用色,測試可以提出很多寶貴的意見,只有圖片跑在手機系統才可以更好的分辯出UI設計的圖片是否會產生誤差,這裏的誤差是指圖片顏色是否與手機系統搭配,是否與視覺設計的想法有出處。

3.與正在進行的操作無關的按鈕應該加於屏蔽(在windows mobile用灰色显示),或許與WM系統的界面有關,對於不同的系統,在UI測試上要有所不同,在滿足手機特性的情況下,如何做到對於手機界面UI測試顯得更加重要。

4.控件的焦點與非焦點狀態的邊框要有明顯的區別。對於控件上的焦點掌握,在不同顏色下的邊框有着嚴格的要求。即在選中與未選中下,UI對於控件不同,這對於UI測試的要求更高。

5.長操作(下載,上傳,更新,登錄等)時,要有明確的動態指示logo或文字(例如:loading…等),表明操作正在進行中。手機訪問速度沒有PC快,對於手機小屏幕很容易失去耐心,簡短的提示就是為了讓用戶繼續停在當前頁面,同時友好的UI界面提示也顯得很重要。

6.對於非法的輸入或操作應有足夠的提示說明,提示、警告或錯誤說明應該清楚、明了、恰當的跳出提示警告畫面,但衝擊力不能太強。

7.文字描述的準確性:a. 文字描述與對應功能是否一致 ;b. 錯別字。

8.文字用語的一致統一:父窗口的選項與子窗口標題統一一致。

9.產品幫助文檔:a. 與產品功能和截圖配套一致,當重新打包新系統時,及時更新產品幫組文檔;  b.文檔格式; c.幫助中應該提供技術支持方式,一旦用戶難於解決可以方便尋求新的幫助方式。

10.產品的版權和商標的logo和文字申明(一般在啟動界面或者軟件產品的“關於”選項裏面);涉及公司的形象和品牌,一定要規範標準化。

11.給用戶提供自定義界面風格,由用戶自己選擇顏色和字體。滿足不同用戶習慣,同時滿足用戶對於一些顏色偏差(如色弱用戶)。

測試流程:
1.根據提供的UI規範文檔以及PRD了解整個產品的業務和UI規範。
2.開發提供已設計好的DEMO。
3.如果是單一的DEMO,不涉及業務流程,跳到第5否則跳到第4。
4.結合PRD中的業務流程以及UI規範進行測試,並提交發現的BUG,執行完後進行第7。
5.使用UI規範文檔對已提交的DEMO頁面進行測試,並提交BUG。
6.對後續給出的DEMO頁面根據PRD的業務進行集成測試,並提交BUG。
7.對BUG進行跟蹤回歸測試。

客戶端是由各類的手機控件下組裝成的,優秀的UI設計同時也抓住對控件的UI優化達到產品的優化。針對於一些手機界面常用的控件,在正常狀態下、選中狀態下等多種狀態的常見效果展示:

來源:http://www.537520.com/?p=452