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

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

上一篇我們說到用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年桌機網頁設計趨勢”這篇文章一起服用喔！