移動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測試項目中很重要的一環。