App UI測試的主要內容

2021-07-05 17:39:08 字數 1972 閱讀 6698

什麼是ui?

ui即user inte***ce(使用者介面)的簡稱。ui設計則是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。

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

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

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

ui必備品質:

1.清晰

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

2.簡潔

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

3.熟悉

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

4.響應

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

5.一致

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

6.美觀

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

在度娘那裡了解了ui設計後,下面我們再重新想想要怎麼測試ui呢?

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

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

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

本文出自 「測試路」 部落格,請務必保留此出處

測試計畫編寫主要內容

1.引言 1.1專案背景 1.3測試術語 1.4有關專案人員組成以及 開發人員 版本控制人員 測試人員 軟 硬 結構 營銷人員等 2.任務概述 2.1測試範圍 2.2測試目標 2.3廣義上還包含測試需求分析 測試用例編寫 測試環境搭建 測試培訓 測試執行等 3.測試策略 3.1測試人員需求 分工 3...

1 6 主要內容

本書的主要內容包括三個主要部分,分為程式設計技術 核心分析和專案例項。這些內容合為一體,讀者可以學習到在moblin上進行應用軟體開發的技能,最終目標是開發乙個moblin作業系統發行版。程式設計技術以c語言為基礎,除了簡單講解語法以外,主要是介紹在moblin系統中真正廣泛使用的gobject程式...

1 主要內容

pyqt5 基本視窗控制項 qmainwindow,qwidget,qlabel,qlineedit,等 pyqt5高階元件 qtableview,qlistview,容器,多執行緒等 pyqt5布局管理 qboxlayout,qgridlayout,qformlayout,巢狀布局等 pyqt5訊...