APP --UI測試

標籤：app   ui測試   

什麼是UI？

   UI即User Interface（使用者介面）的簡稱。UI設計則是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。

   好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

   UI設計出發點：UI介面設計要和使用者研究緊密結合，是一個不斷為終端使用者設計滿意視覺效果的過程。

   使用者介面設計的三大原則是：置介面於使用者的控制之下；減少使用者的記憶負擔；保持介面的一致性。

UI必備品質：

1.清晰

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

2.簡潔

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

3.熟悉

這裡說的熟悉是只在設計UI的時候，要遵守一定的設計規範，就如有底線的字元是有超連結的、叉號就是要退出或者刪除，這樣使用者在使用的時候不但有熟悉的感覺，而且便於操控。

4.響應

良好的使用者介面設計一定要響應迅速，不能讓使用者產生一種響應較慢的感受。而且介面應該有提醒的功能，讓使用者瞭解到一些反饋資訊。

5.一致

在設計UI時，保持介面風格的一致性也是整個應用設計中很重要的環節，一致的風格不會讓使用者有錯愕感.

6.美觀

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

在度娘那裡瞭解了UI設計後，下面我們再重新想想要怎麼測試UI呢？

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

總體目標：

1.看表徵圖明其意。表徵圖代表功能，一看表徵圖就明白那代表什麼功能，表徵圖常見，走創新路線使用者接受才算是成功的。

2.介面布局簡潔：介面中的控制擺放位置，數量，間隔合理，顏色風格統一，不會花。

3.功能實現步驟簡單：菜單級數控制，3級以內最佳，不然使用者會覺得太過複雜。步驟合理菜單級數越少越好。

具體測試項：

一、圖形測試

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

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控制項對輸入有效性判斷

 長度判斷，合法性判斷，資料大小判斷等。

以上代表個人觀點，不是很完整，大家可以補充，另此文主要為概括性語言，沒有一一舉例，大家主要明白測試目標即可，讓測試有個方向。

本文出自 “測試路” 部落格，請務必保留此出處http://yangliqin.blog.51cto.com/8836122/1411184