在對的設備上測試網站

Mozilla Taiwan
4 min readJun 27, 2017

--

2015 年,Google 宣布來自手機端的搜尋請求首次超過了個人電腦。2016 年,獨立網路分析機構 StatCounter 指出,以行動設備上網的人口已超越桌上型電腦。行動科技稱霸全球,這既已是舊聞,也是逃不過的現實:如果你想盡可能接觸到最多的全球受眾,你就得在行動平台上測試你的網站。

但該在哪些平台上測試?現在有數不盡的行動設備,螢幕解析度各異,上面還跑著各式各樣的 OS 和網頁瀏覽器。這些不同元素加在一起後的排列組合無窮無盡,若要一一測試,恐怕得花大筆時間和高昂的成本。所幸,現在有許多測試方案,可以讓你事半功倍,其中也包括 Mozilla 的夥伴BrowserStack。多年來,BrowserStack 已被開發人員用以執行數百萬次的測試,而該公司也運用這些測試結果,彙整出有關行動設備使用狀況的分析。他們評估不同設備的市占率、普及率、OS 版本、螢幕尺寸、解析度、上市年份和製造商等等面向,並針對不同業態的企業推薦適合的設備。以下是他們的發現與心得:

心中有受眾
展開測試前,先想想你要觸及什麼樣的受眾,以及為什麼你想接觸到這群人。舉例來說,新創科技公司的受眾絕對與大型國際銀行的受眾不同。前者可能只需要鎖定 iOS 和 Android 裝置的使用者,但後者卻得確定其網站可在幾乎各式各樣的智慧手機和平板上運作。BrowserStack 的建議是,新創公司可以比大企業在較少的設備及OS組合上測試。

不只靠分析
儘管數據分析和行銷資料可以提供有關受眾的寶貴資訊,但絕不該是唯一的資訊來源。也許你現有的網站流量不高,不足以提供精準的受眾視圖;但即便你的網站有足夠的瀏覽量,你手中的資料還是只能顯示網站在哪些設備上運作得最順暢,而不是你的目標受眾最常用的設備。此外,現有的網站資料也無法涵蓋即將上市的設備或 OS。

放眼全球
你應該針對受眾居住地區常見的設備來進行測試。另外,針對你想跨足的地區中普及的設備來測試,也是很好的做法。譬如,中國最多消費者使用的兩種裝置是小米手機2(MI 2)和小米平板。如果你住在美國或歐洲,可能不太容易取得這兩種裝置,因此可使用虛擬機來測試。虛擬機測試是由資料中心內的伺服器來模擬設備的使用狀態。這代表就算設備難以取得、或根本不可能取得,你還是可測試你的網站能否在這些設備上運作。除了設備品牌以外,行動設備用戶對瀏覽器的使用偏好也因區域而異。德國人喜歡 Firefox 多於 Chrome、IE 在日本稱霸、澳洲人愛用 Safari,越南人則喜歡基於 Chromium 開發的 Cốc Cốc。

跨瀏覽器測試
Safari 不是唯一支援 iOS 的瀏覽器,也不是每一台 Android 機都有Chrome。還有,有些行動設備上跑的是舊版的系統和瀏覽器。根據網路分析業者 NetMarketShare 的調查,大概有 22% 行動用戶使用 Chrome 57、8% 使用Chrome 56、10% 使用Safari 10.1、6%使用Safari 10。另外,還有 5%的人採用 Opera Mini 瀏覽器。這些數字單獨看來都不大,但身為開發人員,我們的責任是要不分設備/瀏覽器,盡可能讓更多人使用我們的網站。

簡而言之
真相是:目標受眾越多,就該進行更多測試。你得評估受眾所採用的 OS、瀏覽器和設備,以及受眾所在地和偏好。以下是 BrowserStack 就企業規模所提供的建議:

資料來源:Browserstack

另外,為了慶祝 Mozilla 與 BrowserStack 結盟,使用者可透過 Real Device Cloud,享有一年期間不限次數於實體機上測試網站在 Android 和 iOS 版本Firefox 上的相容度。請按此進入活動頁面

原文連結

--

--

Mozilla Taiwan

我們是Mozilla 美商謀智台灣分公司,由非營利組織 Mozilla 基金會所擁有,在台灣為自由開放的網路未來而努力。