2013 年 2 月 21 日

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

本篇目錄

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年桌機網頁設計趨勢”這篇文章一起服用喔!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

相關推薦文章

希望您會喜歡
2010 年 11 月 14 日
[應用]這樣報告才夠酷-Prezi

不管是當學生還是在上班,時常都可以看到同學或同事在準備PPT投影片,希望可以從老師或客戶身上獲得很高的評價,但 […]

Read More
2008 年 8 月 11 日
[設計]圖書館最新秘密武器 Take a seat

這是最新圖書館秘密武器,透過RFID技術,讓椅子跟隨圖著使用圖書館卡的人,讓你隨坐隨行,而且如果要在圖書館內舉 […]

Read More
2007 年 6 月 26 日
[桌布]愛情 - 純文字練習

  這張是去年在做字感練習的成果,用字排列形狀搭上顏色來表現文字的涵意,是個意於形練習

Read More
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram