手機客戶端UI測試分析
隨著眾多網站不斷的在客戶端的布局,不論是門戶、社區、購物網站等都將手機客戶端做為發展的一個方向,手機客戶端僅局于一個小小的屏幕內,對于手機客戶端的UI測試有著與網站不同的測試方式。從客戶端起動界面開始,到運行過程,直至退出,UI測試都有著自己的規范和要求。
手機客戶端測試人員在產品過程中的工作:
手機客戶端UI測試常見的測試點:
1.各種分辨率下,顯示正?!,F市場上主流的塞班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
- 目前還沒評論,等你發揮!