2015–2016常用網頁瀏覽器、解析度大比拼(二)平板篇

Joy Tsai
12 min readOct 3, 2016

--

這主題文章的產出是因為筆者最近接project時常常有同事、夥伴會問我說,你為什麼這樣去幫客戶設定RWD的尺寸呢?往往都要很仔細地跟業主、同事、主管做一番解釋,想說應該也會有很多人有這樣的疑惑,便想說把這樣有根據的科學方式,與大家分享!當然應該也有其他不錯的方法,也希望大家可以留言與我分享!

第二部分 平板篇,主要會針對平板這個載具,於statcounter平台上2015.8–2016.8間的數據報表,並藉由使用者常用的裝置、系統OS、瀏覽器、螢幕解析度來進行分析,與(一)Desktop篇 一樣的,會進一步看全球、大陸地區與台灣的差異性,供大家參考,話不多說,進入正題,來看看平板的數據狀況吧!

二、平板

雖然往往在設計RWD網站時,許多人會以桌上型螢幕的最小size去進行平板的版面配置,但就最近身上的一些特殊案例,不免發現,平板的使用者仍然佔有一定的比例,不免也好奇怎麼樣的品牌與尺寸是最多人使用的,透過數據的調查,來一探究竟,進而深入的了解全球、大陸地區與台灣的使用行為的差異性。

・以裝置品牌來看

和桌上型的螢幕裝置不同的是,平板會有各家廠牌不同的差異性,而這一題,正是我也超級好奇的,並且也關乎著各大品牌的戰爭。首先,在全球的平板裝置品牌使用狀況中,拿下第一的品牌是以65.75%獲得冠軍的Apple,以六成的龐大數量擊敗其他品牌佔有一席之地,再來是Samsung(16.91%)以近兩成的使用量穩居第二,第三則是無法判別的品牌(unknown, 7.6%),第四為其他品牌(3.02%),第五為Amazon(1.65%)次之為Asus(1.28%)、Google(1.16%)、Acer(0.83%)、Microsoft(0.7%)、General Mobile(0.66%)、Lenovo(0.45%)。在全球的使用狀況中,不免看出前兩名仍是知名的蘋果與三星兩大品牌,算也是有一個準則可以遵循,也是不錯的數據表現。

statcounter所公佈的2015.8–2016.8全球平板裝置品牌使用排行榜與佔比(圖片來源/擷取自 statcounter)

另外,大陸地區的平板裝置品牌使用狀況中,同樣是以Apple的使用者最多,並有高達近八成的使用者,佔79.65%,第二是Samsung(6.51%),第三則是無法判別的品牌(unknown, 6.15%),第四是小米Xiaomi(2.17%),第五是酷派Coolpad(1.24%),次之為其他品牌(1.47%)、Google(1.02%)、中興通訊ZTE(0.87%)、Microsoft(0.39%)、天語K-Touch(0.28%)、Sony Ericsson(0.26%)。在大陸地區的表現中,不免可以看出,許多大陸地區各家品牌的平板仍有許多的分佈,因此,要進軍大陸地區的網頁設計,相對的會乘載著相當多艱辛的挑戰,有意進軍大陸地區的夥伴們一起加油!

statcounter所公佈的2015.8–2016.8大陸地區平板裝置品牌使用排行榜與佔比(圖片來源/擷取自 statcounter)

再來是台灣的使用趨勢,最多人使用的平板裝置品牌一樣是以Apple的使用者最多,佔58.48%,第二是Samsung(17.7%),第三則是無法判別的品牌(unknown, 10.67%),第四是Asus(6.48%),第五是Acer(2.51%),次之為Google(2.15%)、Sony Ericsson(0.72%)、其他品牌(0.47%)、Lenovo(0.4%)、HTC(0.23%)、小米Xiaomi(2.17%)。在台灣的使用狀況下,與前兩項大指標地區比較下,相同的仍是蘋果與三星兩大知名品牌,而隨之在後的是一些台灣的在地品牌,與大陸地區的狀況也算是一致!

statcounter所公佈的2015.8–2016.8台灣平板裝置品牌使用排行榜與佔比(圖片來源/擷取自 statcounter)

・以系統OS來看

看完了平板裝置品牌表現,不免緊接著要來看看在全球的平板系統OS使用狀況,而因為有品牌裝置的數據,不免也猜得到,拿下第一的會是iOS佔65.75%,與品牌的佔比有一致性的表現,而第二名的部分是Android,佔有32.44%,第三名的是Linux(0.84%),第四是Win8.1 RT(0.67%),第五是無法判別的系統(0.15%),次之為BlackBerry OS(0.11%)、Win8 RT(0.03%)、其他系統(0.02%)。

statcounter所公佈的2015.8–2016.8全球平板系統OS使用排行榜與佔比(圖片來源/擷取自 statcounter)

另外,大陸地區的平板系統OS使用狀況中,同樣是以iOS使用者最多也與裝置品牌的表現一樣,佔76.65%,第二名的系統一樣也是Android,佔有19.78%,第三名則是Win8.1 RT(0.29%),第四是Linux(0.11%),第五是Win8 RT(0.1%),次之為極為少數的BlackBerry OS(0.05%)與無法判別的系統(0.02%)。

statcounter所公佈的2015.8–2016.8大陸地區平板系統OS使用排行榜與佔比(圖片來源/擷取自 statcounter)

而在台灣的平板系統OS用狀況中,一樣是以iOS的使用者最多,佔58.48%,第二為Android(41.2%),第三、四、五、六則佔不到百分之一的系統分別為Win8.1 RT(0.17%)、無法判別的系統(0.1%)、Linux(0.04%)、Win8 RT(0.01%),佔比都相當的細微,還是以主流的iOS、Android為大宗。

statcounter所公佈的2015.8–2016.8台灣平板系統OS使用排行榜與佔比(圖片來源/擷取自 statcounter)

・以瀏覽器來看

在這個階段進一步來看平板使用者對使用瀏覽器的使用狀況,而在全球的溜覽器使用狀況中,以Safari的使用量最多,佔60.52%,第二名則是Chrome,佔有18.44%,第三則是Android的瀏覽器(15.54%),第四為其他的瀏覽器(2.62%),第五則是UC Browser(1.46%),第六是Opera(1.43%)。而在這樣的數據表現中,使用者的使用習慣多數仍以系統內建的瀏覽器為主要操作行為,並也會另外下載習慣使用的瀏覽器,因此進入到測試階段時,仍要注意到各個裝置的各瀏覽器的相容狀況,已確保使用者進到我們開發的網頁時,能有更佳的操作情境。

statcounter所公佈的2015.8–2016.8全球平板瀏覽器使用排行榜與佔比(圖片來源/擷取自 statcounter)

另外,在大陸地區的瀏覽器使用狀況中,同樣也是以iOS的使用量最多,佔61.12%,第二則是Android的瀏覽器(13.31%),第三為UC Browser(12.84%),第四為QQ Browser(5.68%),第五為Chrome(5.66%)。

statcounter所公佈的2015.8–2016.8大陸地區平板瀏覽器使用排行榜與佔比(圖片來源/擷取自 statcounter)

而在台灣的瀏覽器使用狀況中,一樣的是以iOS的使用量最多,佔51.24%,第二名則是Android的瀏覽器,佔有28.56%,第三則是Chrome(18.18%),第四為MIT的Puffin(1.16%)佔極微小眾的用戶,第五為其他的瀏覽器(0.65%),第六為UC Browser(0.22%)。這邊令筆者很驚豔的是,小眾用戶的Puffin Browser,是一群20 人台灣團隊,在美國成立的CloudMosa所研發,該App於2014年底名列 120 個國家 App Store 最佳 app 四十強之一,淺力無窮,有待持續觀察的一支App與公司。

statcounter所公佈的2015.8–2016.8台灣平板瀏覽器使用排行榜與佔比(圖片來源/擷取自 statcounter)

・以螢幕解析度來看

最後是極具重要的螢幕解析度的分佈,首先,在全球平板裝置的螢幕解析度表現中,最為突出的為768x1024(60.16%)拿下第一,其次是,其他解析,佔有16.07%,第三是1280x800(7.12%)第四為600x1024(5%),第五為1024x600(2.5%),第六、七、八、九、十依序為800x1280(2.39%)、601x962(2.17%)、600x976(1.39%)、926x601(1.2%)、1024x768(1.15%)。就整體數據表現來看,手持橫版與直板的比較來看,直式操作的比例高於橫式,因此在進行設計的時候,也仍需特別注意操作的版面呈現!

statcounter所公佈的2015.8–2016.8全球平板螢幕解析度使用排行榜與佔比(圖片來源/擷取自 statcounter)

另外,在大陸地區的平板裝置的螢幕解析度表現中,同樣也是以768x1024(72.4%)拿下第一,其次是,其他解析,佔有15.49%,第三到十互相為極微渺小的差距依序為 1920x1080(1.73%)、1024x768(1.72%)、360x640(1.55%)、1080x1920(1.42%)、800x1280(1.32%)、1536x2048(1.22%)、600x1024(1.07%)、1280x800(1.06%)。

statcounter所公佈的2015.8–2016.8全大陸地區平板螢幕解析度使用排行榜與佔比(圖片來源/擷取自 statcounter)

最後來看看台灣的用戶,在平板螢幕解析的表現,佔據第一的仍是以768x1024(56.48%)獲得第一,次之是,其他解析,佔有11.05%,第三是600x1024(6.59%),第四是1280x800(5.79%),第五是800x1280(5.56%),第六、七、八、九、十依序為1024x600(4.81%)、601x962(4.49%)、962x601(1.62%)、1024x768(1.53%)、600x976(1.16%)。在這樣的數據表現來看,768x1024為台灣的主流解析,操作以直板為主,相對於iPad3、4、iPad Air的解析度數據尚不見其蹤跡。

statcounter所公佈的2015.8–2016.8台灣平板螢幕解析度使用排行榜與佔比(圖片來源/擷取自 statcounter)

整體而言,平板裝置的品牌以蘋果與三星兩大品台為主流,而在大陸與台灣地區的在地品牌仍有一定的小眾市場;而平板系統OS的佔比與平板裝置品牌的比例大逕相同,以iOS為主流其次為Android;而瀏覽器的使用上,仍以平板內建的瀏覽器為主流,以Safari & Android的瀏覽器為主要的使用瀏覽器,其次有Chrome。就品牌、系統OS與瀏覽器的使用表現來看,再測試階段上,需多注意各裝置、系統與瀏覽器間的相容性,並掌握各個變因的特性,想必能降低更多可能出錯的狀況發生。

最後在平板的螢幕解析度使用狀況中,以768x1024的解析度為大宗,可看出使用平板的用戶中,較為習慣的版面為直式操作,而在較高的解析度的數據則是在大陸地區才見其蹤跡,因此在設計到平板裝置的網頁時,雖仍然要注意到高解析度的表現外,但是必要更著重在768x1024的直板設計,對使用者的用戶體驗要更為的去注意版面的呈現。

以上是這一次針對平板裝置,透過品牌、系統OS、瀏覽器與螢幕解析來進行分析,最後一個部分則是會針對手機裝置來做相同邏輯的剖析,讓各位大大們,在RWD的開發、設計過程,能夠及早發現及早治療更多狀況。

關於筆者的大小事……

Hi, I’m Joy,現為某軟體接案公司的各種打怪練功Designer,從事APP、網頁、動畫、平面……等等設計,sometimes還需要跟客戶PK,幫PM 大大們解決需要用設計trouble shooting的部分。

--

--