移動app測試之UI測試內容詳解


 

 

UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。

  

用戶界面設計的三大原則是:置界面於用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性。

 

UI必備品質:

 

1.清晰

清晰是用戶界面設計必須要具備的一條品質,如果說你的界面設計的很模糊,用戶就無法在其中體驗到較好的使用體驗,這樣會影響用戶的整體印象。

 

2.簡潔

UI設計除了清晰還不夠,還需要簡潔,看上去一目瞭然。如果界面上充斥着太多的東西,會讓用戶在查找內容的時候比較困難和乏味,而簡潔的畫面就能很好的解決這個問題。

 

3.熟悉

這裏說的熟悉是隻在設計UI的時候,要遵守一定的設計規範,就如有下劃線的字符是有超鏈接的、叉號就是要退出或者刪除,這樣用戶在使用的時候不但有熟悉的感覺,而且便於操控。

 

4.響應

良好的用戶界面設計一定要響應迅速,不能讓用戶產生一種響應較慢的感受。而且界面應該有提醒的功能,讓用戶瞭解到一些反饋信息。

 

5.一致

在設計UI時,保持界面風格的一致性也是整個應用設計中很重要的環節,一致的風格不會讓用戶有錯愕感。

 

6.美觀

美好的事物總會讓人有種愉悅之感,在頁面設計的時候也要注重美觀度的加強。

 

那麼怎麼測試UI呢?

 

圍繞UI設計的關鍵點,測試目標也就主要看UI是否滿足了設計的初衷。下面爲手機APP應用的UI測試內容:

 

一、圖形測試

圖形包括圖片、邊框、顏色、字體、背景、按鈕等。

1.要確保圖形有明確的用途,圖片不要胡亂的堆在一起。

2.驗證所有頁面字體的風格是否一致。

3.背景顏色與字體顏色和背景色相搭配。

4.圖片的大小和質量,清晰,容量越小越好。

 

二、界面測試

1.各個界面圖標風格,背景(顏色,圖片)是否一致。

2.各個界面佈局是否合理:控件,文字,線條位置,數量,顏色是否合理,跟整體風格是否搭配。

3.界面文字是否有錯別字。各界面文字大小,顏色,位置是否一致。比如:標題文字

4.圖片顯示是否清晰,大小是否合理。

5.各個界面同種圖標是否一致

6.各種提示框風格是否一致。

7.提示語是否友好,簡明。

8.列表型界面是否有上上滑動效果。

9.功能入口明顯,易找(佈局突出主要功能,用戶要找到某個功能很快就能功能,操作簡單)。

 

以下界面的測試要點:

1.標題欄

A.檢查標題欄文字描述的正確性。

B.比較各個界面的標題欄效果是否一致。

 

2.文字

A.檢查文字描述正確性。(跟軟件功能相符)

B.文字是否有錯別字。

C.文字的顏色,大小,位置是否一致。

D.文字用語一致。功能相同的地方,檢查使用的文字是否相同。比如:“選項”“設置”。

 

3.控件

A.控件對齊了沒有。

  並排關係控件--左右對齊

  同行關係控件--橫向對齊

  所屬關係控件--是否應該縮進

B.控件狀態:選中,未選中,可用,不可用(灰色爲不可用)

C.Edit控件對輸入有效性判斷:長度判斷,合法性判斷,數據大小判斷等。

 

以上是一些基本的UI測試內容,UI是直接影響用戶體驗的關鍵因素,也是一款應用上線前,在app測試項目中很重要的一環。

發佈了40 篇原創文章 · 獲贊 25 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章