[譯]36 Days of Web Testing(四)

Day 19: UX  用戶體驗

Why ?

最近UX變得愈來愈火，用戶提現每每會直接聯想到易用性和設計。

在我看來，UX不只僅是這兩點。UX, User Experience ,對我而言，不僅僅是產品，還應該包含客服、發佈說明、文檔、技術支持文檔/站點/手冊，性能，安全，易用性，可用性，可及性，適用性等。這個很大的話題。

How?

做爲一名測試工程師，對於UX，好像咱們可作的事情不是不少。下面列出的這些關於UX的點，可能並不適用於你的產品，可是在你測試的過程當中，考慮下這些方面，也沒壞處對吧。

Customer Support 客戶支持

有客戶支持嗎？

咱們的客戶支持團隊對咱們的產品細節瞭解嗎

咱們的技術支持是否足夠

是客戶須要的嗎

客服的聯繫方式正確嗎

有沒有在線客服？

客服提供的幫助是否正確、準確、而且能很容易的得到客服支持

發佈公告

有提供發佈公告嗎？

文檔準確嗎？

文檔完整嗎？

是否是針對正確的目標羣體（是否是太technical ,或 一點都不專業）

出錯容忍

對於系統異常是否能容忍？

錯誤提示是否具備相關性？

系統可否幫助用戶從異常中恢復回來？

文檔

有沒有？

需不須要？

是否準確?

性能

站點的性能是否能夠知足如先前定義要求的/客戶須要的那樣？

對於系統系能是否有足夠的瞭解

安全性

客戶的信息安全嗎？

客戶知道他們的信息是安全的嗎

客戶是否再次確認信息安全

咱們能證實客戶的信息是安全的嗎

Usability and Easy of Use  易用性

產品是否是很簡單，很容易上手？

用戶是否能很方便的找到他所想要的

全部的頁面風格是否都是一致的

和指望是否一致

is the site behavious typical based on other systems/sites/application ?不理解

Accessibility 可達性

is the site accessible by people with accessibility requirements ?

須要這樣嗎

建議

在Web設計領域，有不少關於設計和用戶行爲的資料。這些能夠提供你一些很棒的視野關於如何設計產品，才能和用戶互動起來。做爲一個名測試工程師，要用於探索「測試」領域外的東西。

連接：

UX on Wikipedia - http://en.wikipedia.org/wiki/User_experience_design
UX Booth - http://www.uxbooth.com/
UX Mag - http://uxmag.com/

 

Day20 修改地區設定  Change the locale

Why ?

瀏覽器的「地區」設定會影響頁面的渲染以及其工做。

這是一個很簡單的測試點，會暴露出一些多語言的問題，尤爲是你的站點是支持多語言的。

How ?

各個瀏覽器修改「地區」設定的方法是不同的，具體怎麼修改能夠google一下。

舉例來說Firefox:

Firefox >工具 > 選項 > 內容 > 語言

點擊後，彈出一個窗口，能夠修改瀏覽器的地區語言

瀏覽器的地區語言設定會驅使瀏覽器在頁面載入時去尋找和「地區設定」相關的內容

若是你的站點目標用戶是使用英語和法語的，根據檢測到的瀏覽器地區語言設定來決定主頁上的語言，試着刪除掉全部的瀏覽器地區語言設置，看看會發生什麼？若是添加了 en-us 而不是 en-gb ,看看是否是還會渲染成英語？

就這個點，你能夠想到不少測試點，並就這些點深刻測試下去

建議：

有一些瀏覽器插件可使改變地區設定變得很容易。瀏覽器的地區語言設置和系統的地區語言是兩個不一樣的概念哦。

連接：

Quick Locale switching extension - https://addons.mozilla.org/en-US/firefox/addon/quick-locale-switcher/
Changing Windows language - http://msdn.microsoft.com/en-us/library/ms144258.aspx
Changing MAC Language - http://support.apple.com/kb/HT2490#l6

 

Day21 調整窗體大小和分辨率 Resize the windows and resolution

Why ?

顯示器的尺寸各有大小，站點/應用在這些顯示器渲染時分辨率也是各不相同的，在不一樣分辨率下的顯示可能會存在細微的差異。（如，按鈕移位了啊）

手機，Pad等移動設備迅速普及，這就須要確保你的應用在這些更小的屏幕上也能顯示正常。有時候，甚至須要專門的移動版本。

How ?

最簡單的方法來測試就是改變瀏覽器窗體的大小，直接拖拉瀏覽器的邊框收縮頁面。這裏存在一個最小的尺寸，低於這個尺寸在頁面佈局就可能會變形。大多數非自適應頁面設計都是基於這個最小尺寸來設計的。

另一個測試場景就是修改顯示器的分辨率，看看在不一樣分辨率下網頁的渲染。

試着在移動設備或pad上打開站點。有不少模擬器能夠幫你測試。

有一些瀏覽器擴展插件，如FireSizer能夠幫你這很容易的修改頁面的分辨率。

Useful Hint

能夠藉助firefox插件來幫着調整瀏覽器窗體大小

連接：

A monster list of emulators - http://www.mobilexweb.com/emulators
Firefox window resizer extension - https://addons.mozilla.org/en-US/firefox/addon/window-resizer/

 

Day 22 阻止瀏覽器彈窗  Block pop-ups

Why ?

愈來愈多的站點或應用正利用瀏覽器彈窗來管理表單，警告或者其餘功能。同時，瀏覽器彈窗也被大量的廣告，市場宣傳所應用。

How ?

試着關閉瀏覽器的彈窗功能，看看會發生什麼。

一旦你關閉了瀏覽器的彈窗，當你訪問的站點或應用嘗試去打開一個瀏覽器彈窗時，你就會獲得一個警告。

沒有彈窗，系統還能正常工做嗎？

若是你關閉了彈窗，是否會影響狀態的變遷或流程呢？例如，用戶點擊一個按鈕，彈出一個form的彈窗，這個彈窗可能會改變系統中某個地方的狀態，如今彈窗被禁用了，狀態是否可恢復呢？有沒有其餘途徑訪問這個form表單呢？這個功能是否繼續可用呢？

Useful Hint

能夠試着使用瀏覽器擴展插件來幫着管理彈窗

Useful Links

Chrome Pop-up blocker https://chrome.google.com/webstore/detail/nmpeeekfhbmikbdhlpjbfmnpgcbeggic
Ad Block blocker - https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/