最新 New

[公告]草監網路更改網址至gratch.tw

用statcounter來看2013年手機網頁設計趨勢

草監網路已從Blogger搬離至獨立網站https://gratch.tw/ ,將於3秒後自動跳轉
Statcounter Global Stats

上一篇我們說到用statcounter來看2013年桌機網頁設計趨勢,這一篇我們一樣用Statcounter Global Stats來看看行動手機網頁設計的趨勢,要看的數據部分與一篇其實差不多,還是瀏覽器、OS、解析度大小等等的相關數據。

手機瀏覽器

我們一樣先來看國際行動手機瀏覽器的分布,你可以發現在這一年內最大的變化,就是Opera失去了手機瀏覽器使用率最高的寶座,現在使用率最高的前三名是Android、iPhone、Opera,Android內建的是手機版Chrome Lite,而iPhone則是手機版的Safari,但是由於各平台有自己的商城可以安裝App,所以上述的瀏覽器不會是必定使用的,像我自己就是拿iPhone但是卻用Chrome上網,畢竟Chrome可以整合桌機跟Google帳號,所以相對來說就會比其他瀏覽器還要有優勢,如果Apple的iCloud可以早幾年出現,也許這樣的情況就會有變化了。


台灣部分,一整個就是被Android、iPhone瓜分掉了百分99%左右(有點誇張不過超過95%一定有),而且Android跟iPhone的分佈一整個就是很微妙,雖然iPhone使用率下降,但是由於iPhone5的緣故,所以現在呈現微微上升、Android微微下降的趨勢,不過我相信隨著Android再出新機(尤其是Google自家出的Nexus,我好想買台Wifi版本可是一直缺貨!),這樣的趨勢會在對調的。


手機作業系統

從國際的手機作業系統走勢圖,你可以看到Nokia的Symbian從繁榮落入一般的快速衰退情況,而iOS似乎沒有想像中的那樣熱門,倒是Android一飛沖天,我想這也許跟Android可以給廠商客制化一些設定的緣故,越多的廠商生產,自然新機發佈的時間就比較頻繁,與iPhone一年發表1~2隻的情況比起來,真的是有落差。


而台灣部分,早就被Android跟iOS攻佔許久,而他們兩個的關係也真的是非常非常的微妙,為什麼趨勢看起來都這麼的對稱呢?


手機螢幕解析度

解析度這個問題一直都是個困擾,相較桌機比起來手機的解析度根本就是亂成一團,先來看看下圖國外的手機螢幕解析度趨勢,你發現從不知道是什麼解析度與320x480解析度呈現黃金交叉,這時候我就真的覺得要感謝一下Apple,很難得有這麼規律的解析度存在,不過iphone5出了之後我就知道以後會更亂了。


而台灣的手機螢幕解析度,除了320x480之外下一位就是800x1125了,這個解析度是Android手機,至於是哪一隻我就不太清楚了,畢竟我到現在還是在用iPhone 4s,而且還是我的第一支智慧型手機呢!而且根據走勢圖,320x480與800x1125的黃金交叉快要出現了,日後解析度將會越來越大已經是擋不住的趨勢了,為了避免每次解析度改變就要改版,建議採用響應式網頁設計(Responsive Web Design)的方式來製作手機版網站,甚至可以運用響應式網頁設計(Responsive Web Design)把桌機與手機整合成一個網站,可以減少網站開發的成本。


結論

因為圖片蠻多的,所以篇幅看起來有點長,在這邊跟上一篇一樣來個簡短的手機網頁設計的趨勢整理:
  1. 手機使用的瀏覽器大部份是手機版Chrome Lite,畢竟Android原廠內建,加上Android的品牌多、市佔率高,自然會佔據大部份的手機瀏覽器市場
  2. 手機作業系統目前已Android為大宗,其次才是iOS
  3. 手機解析度現在還是以320x480為大宗,但是隨著iPhone的高淘汰率,想必很快就會到了800x1125的時代
  4. 面對手機螢幕解析度不斷改變的情況下,建議採用響應式網頁設計(Responsive Web Design)來設計網站
最後有一個小小提醒,手機界面設計不比桌機網站,因為手機操控的方式不是用滑鼠,而是用手指,所以在按鈕上的設計就要比較大顆一點才會比較好按,另外在手機上頁面很長也不會是個太大的問題,因為手指一滑就是幾千里(好啦!有點誇張,但是總比滑鼠快吧!),不過由於手機畫面還是比電腦螢幕小很多,所以建議用淺顯易懂的圖片代替大量的文字會是比較好的做法。

如果你想了解整體的網頁設計趨勢,請記得連同“用statcounter來看2013年桌機網頁設計趨勢”這篇文章一起服用喔!

留言