天天看點

APP前端易用性和UI測試

移動APP使用場景的特點

1.螢幕小:

與Web系統相比,APP安裝在手機端,展示螢幕隻有幾英寸,能夠展示的資訊就顯得非常有限和珍貴,我們需要将有價值的資訊放大,放在顯眼的位置。

2.場景複雜化:

由于APP使用者會在擠公交,行走,甚至運動的時候使用手機,是以我們在設計和測試是必須考慮到各種情況,比如網絡不穩定,電量不足,資訊/電話撥入,橫豎屏切換等情況。

3.時間碎片化:

使用者使用移動應用的時間大多是碎片化的,設計時需要考慮到符合使用者碎片化時間的使用習慣,能夠在較短的時間内使使用者明白操作方法和用意。是以APP産品務必得易了解,易學習,易操作,簡潔友善。

4.輸入困難化:

需要考慮到在小小的手機螢幕上打字是非常辛苦的一件事,按鈕小不好按、又容易出錯,是以應該适當減少使用者的輸入操作;

比如可以設定搜尋的自動比對;展示出熱門搜尋詞等。

5.容量有限:

是以安裝包大小也影響着使用者體驗,應該盡量做到精簡。

針對以上APP場景的特點,從測試的角度彙總了以下測試點:

安裝測試:

1)安裝進度條提示;

2)首次啟動,預加載時間不應過長,建議在3s左右

解除安裝測試:

1)APP解除安裝是否有提示資訊,提示語言是否友好,語句是否通順。

2)測試系統直接解除安裝程式是否有提示資訊。

3)測試解除安裝後檔案是否全部删除所有的安裝檔案夾。

4)解除安裝是否支援取消功能,單擊取消後軟體解除安裝的情況 。

更新更新測試:

1)是否有系統更新提示 ;

2)強制性更新使用者體驗較差。

啟動頁:

1)啟動頁建議展示時間小于等于3s;

2)啟動頁面突出産品名稱,logo,頁面簡潔,配色自然和美觀

使用者使用指引:

1)使用者首次下載下傳使用APP時,彈出使用者指引界面;

2)對應用核心功能使用方法進行指導,說明文字簡潔明了;

3)使用指引建議少于5頁

注冊/登入:

1)可點選操作的按鈕建議顯示成藍色或較深的黑色,表示可點選

2)使用者名密碼輸入提示(在使用者名輸入框提示:請輸入手機号/使用者名)

3)使用者名/密碼格式不正确提示後,輸入項不會被自動清空

4)使用者名/密碼輸入字元後,應有完全删除按鈕(友善完全清空,也能逐字删除)

5)設定密碼顯示/隐藏功能

6)鍵盤收縮功能(小機型的裝置可能會被鍵盤覆寫住登入按鈕)

7)鍵盤上建議設定“下一項”按鈕

異地登入測試

1)使用者被登出,提示在目前賬戶在其他裝置登入(告知使用者賬号密碼有洩露的風險,參考微信等APP)

搜尋:

1)搜尋控件搜尋輸入框支援自動比對;

2)儲存搜尋曆史,并支援删除;

3)搜尋熱詞

應用容錯:

1)僅允許輸入數字的輸入框(日期,電話号碼等輸入框)彈出數字鍵盤

2)僅允許輸入英文字元和數字(密碼)的輸入框,跳出英文輸入鍵盤

聯系電話:

1)電話号碼,顯示成藍色字型,點選彈出撥号控件

核心功能:

1)保證核心功能和基本功能正常可用,不發生閃退,ANR的問題

系統響應:

1)網絡狀況良好的情況下,點選任何操作應在3s内做出正常響應:跳轉,彈窗或提示;

2)頁面加載中,應有明顯的加載标志;

3)檔案讀取、下載下傳或上傳等需要使用者等待較長時間的操作,應有進度條;

網絡環境:

1)無網絡環境,使用者發起請求,應立即提示:目前網絡異常,請稍後再試(注意提示通順語友好)

2)無網絡環境下啟動(或首次啟動),操作不會發生閃退,ANR

記憶體消耗:

1)應用所占記憶體的大小是否合理,合理的記憶體申請使用;

2)記憶體是否正常釋放,是否存在記憶體洩漏的問題;

電量消耗:

1)檢查正常使用和背景運作時電池電量的消耗是否正常;

流量消耗:

1)目前網絡請求對流量消耗較大,并且目前網絡為非wifi環境下,應提示:正在使用非WiFi網絡,将産生較多流量費用

FPS(幀率):

1)每一幀重新整理的時間<16ms(用來訓示頁面是否平滑的渲染,FPS越高,就代表你的應用運作更加流暢。當FPS達到60+,使用者主觀感受不到卡頓。Android系統測試工具:Android自帶開發者工具)

電池溫度:

1)應用在持續運作一段時間後溫度是否有明顯升高

消息中心:

1)消息中心一般建議設定在應用首頁右上角;

2)應用接收到消息時,消息中心入口(鈴铛)應有紅點(或數字)辨別未讀資訊;

3)點選進入消息清單:清單中的未讀資訊展示紅點

權限許可

1)應用通路位置,網絡,照片,健康資料等功能時,需要彈出權限許可視窗;

亮度:

1)二維碼支付類頁面,亮度自動調整至80%以上;

2)休閑類應用(閱讀APP,論壇類)支援夜間模式

導航/菜單:

1)核心功能,使用者使用較頻繁的功能,入口是否展示在清晰明顯的位置(友善使用者快速記住和找到入口);

2)功能按鈕位置是否符合使用者習慣:應用左上角一般為:傳回控件;右下角一般是使用者中心;

3)部分關聯功能頁面的跳轉是否靈活友善(比如購票和我的訂單頁面);

4)是否有部分功能導航層級過深;

5)相關功能入口位置是否相近,集中;

6)導航名稱等文字是否準确直覺,能做到望文知意;

7)應用内或不同系統(Android/iOS)間的導航與頁面結構、菜單、頁面風格是否一緻

界面設計:

1)不同系統/機型/分辨率/橫豎屏展示時,自适應界面設計是否合理,内容根據視窗大小自适應完整展示(是否出現錯位,遮擋,留白,拉伸和模糊等問題)

2)Android和iOS系統所有功能入口都有展示,并且位置相同

3)重要資訊的輸入框是否放置在頁面中醒目位置(Tab順序中靠前)

4)頁面圖檔是否有意義,是否美觀,突出重點

5)頁面中操作按鈕禁用時,按鈕是否置灰;可以點選操作的按鈕是否顯示藍色或黑色,表明可以點選

6)圖檔品質要高且圖檔尺寸在設計符合要求的情況下應盡量小,或使用緩存 

7)圖示與功能相符,但不能重複。

彈窗:

1)需要彈出多個彈窗時,建議調整優先級和順序,不要同時展示

文字:

1)輸入框說明文字的内容與系統功能是否一緻

2)應用内或不同系統間,功能和操作的名稱統一

3)文字描述是否正确,通順,簡潔明了,無錯字和文法錯誤

提示:

1)提示視窗樣式和選擇按鈕是否風格統一;

2)提示内容檢查

3)删除,當機,銷卡等會帶來較大影響的操作是否彈出确認提示;

色彩:

1)不同色系的顔色建議不能過多(色不過三)

2)色彩搭配是否合理:背景色和操作按鈕色調對比是否明顯

3)應用内不同頁面間的主色調是否保持一緻

4)邊框建議選擇較淺的灰色,與背景色對比不能過于明顯