一、準(zhǔn)備工作
1研究目的
對(duì)比評(píng)測(cè)針對(duì)國(guó)內(nèi)市場(chǎng)的瀏覽器和國(guó)際市場(chǎng)瀏覽器設(shè)計(jì)思路的不同。面向國(guó)內(nèi)市場(chǎng)的瀏覽器針對(duì)國(guó)內(nèi)用戶做了哪些改變,以及為什么這么做。(若趕時(shí)間,請(qǐng)翻到最后,直接查看總論)
注①:本文中出現(xiàn)的瀏覽器均指桌面版網(wǎng)頁(yè)瀏覽器,Win7平臺(tái)。
注②:文章很淺,希望對(duì)大家有點(diǎn)兒價(jià)值。歡迎拍磚評(píng)論!
2瀏覽器分類
國(guó)內(nèi)瀏覽器市場(chǎng)占有率 2010年5月(數(shù)據(jù)來(lái)源)

國(guó)外瀏覽器市場(chǎng)占有率 2010年5月(數(shù)據(jù)來(lái)源)
根據(jù)這次研究的目的,我們把瀏覽器做這樣的分類。(均按占有率順序排列)
國(guó)內(nèi)組:IE6、360瀏覽器、遨游、騰訊TT、世界之窗、搜狗
國(guó)際組:IE78、Firefox、Chrome、Safari、Opera
更常見(jiàn)的分類方法——按照瀏覽器的4大內(nèi)核來(lái)分類。
Trident:IE系列、國(guó)產(chǎn)系列(360瀏覽器、遨游、騰訊TT、世界之窗、搜狗)
Gecko: Firefox
Webkit:Safari、Chrome
Presto:Opera
特例:國(guó)產(chǎn)Trident和Webkit雙核心瀏覽器
遨游3 beta版
QQ瀏覽器5 預(yù)覽版
搜狗瀏覽器2.0 正式版
二、界面設(shè)計(jì)對(duì)比
左側(cè)圖片為國(guó)內(nèi)組,右側(cè)為國(guó)際組。
按照前面給出的市場(chǎng)占有率順序排列(IE7和IE8放在一起)

注1:各種瀏覽器都有一定的界面定制功能,這里的截圖均為默認(rèn)界面。
注2:除IE6外,其他瀏覽器都支持多標(biāo)簽瀏覽(現(xiàn)代瀏覽器最基本特征)。
視覺(jué)效果對(duì)比:
國(guó)內(nèi)組:豐富、花哨、艷麗的界面;追求娛樂(lè)性、卡通化——個(gè)性化的IE6外殼
國(guó)際組:簡(jiǎn)潔、清爽、嚴(yán)謹(jǐn)?shù)慕缑妫恢v求實(shí)用性、商務(wù)化——平臺(tái)化的上網(wǎng)入口
界面布局設(shè)計(jì)對(duì)比結(jié)果:
國(guó)內(nèi)組:
1. 由于均采用IE核心,這些瀏覽器從IE6進(jìn)化而來(lái),給IE6穿上了各自的卡通圖標(biāo)服裝。
2. 國(guó)產(chǎn)瀏覽器都保留了IE6的標(biāo)題欄,增加了可顯隱的書簽欄,同時(shí)將導(dǎo)航按鈕、地址框、搜索框合并到一欄。其中360、TT和搜狗瀏覽器保留導(dǎo)航按鈕“停止、刷新、主頁(yè)”的位置和順序;遨游交換了“停止、刷新”按鈕的位置;世界之窗將“停止、刷新”合二為一。
3. 除IE6外,均有換膚功能。
國(guó)際組:
1. Firefox與IE8有著相似的界面,只有菜單欄和“刷新停止”按鈕的位置不同,幾乎可以無(wú)縫切換。
2. Chrome采用了超簡(jiǎn)潔的界面,并且?guī)?lái)了瀏覽器界面設(shè)計(jì)的趨勢(shì)(下文有詳述)
3. Safari與 Chrome一樣把“菜單欄”整合進(jìn)了最右側(cè)的兩個(gè)按鈕“控制當(dāng)前頁(yè)”和“自定義和控制瀏覽器”,保留傳統(tǒng)的標(biāo)題欄。
4. Opera默認(rèn)也把“菜單欄”整合進(jìn)了最左側(cè)的一個(gè)設(shè)置按鈕(也可以調(diào)出來(lái)顯示),同時(shí)學(xué)習(xí)Chrome的標(biāo)簽頁(yè)顯示方式,但是仍然保留傳統(tǒng)的標(biāo)題欄。
界面設(shè)計(jì)趨勢(shì)
從上到下依次是:Chrome6,F(xiàn)irefox4,遨游3,QQ瀏覽器5

瀏覽器界面設(shè)計(jì)趨勢(shì)——最大程度顯示頁(yè)面本身的內(nèi)容。表現(xiàn)在:
1. 學(xué)習(xí)Chrome去標(biāo)題欄,采用“上標(biāo)簽頁(yè)”的方式顯示標(biāo)簽
2. 將菜單欄和工具欄的功能整合為一個(gè)或者兩個(gè)“設(shè)置、功能”按鈕
3. 整合地址框和搜索框?yàn)橐粋€(gè)(這個(gè)趨勢(shì)待定)
4. 可選擇隱藏的狀態(tài)欄,把布局的選擇留給用戶才是最好的體驗(yàn)。
三、功能設(shè)計(jì)對(duì)比
對(duì)比各自的宣傳語(yǔ)
國(guó)內(nèi)組:
IE6:未知
360瀏覽器:安全好用的瀏覽器
遨游:您上網(wǎng)必備的全能瀏覽器,上網(wǎng)從遨游開(kāi)始
世界之窗:最強(qiáng)的廣告過(guò)濾、最快的瀏覽速度、最小的資源占用
騰訊TT:快速、穩(wěn)定、安全的瀏覽器
搜狗瀏覽器:上網(wǎng)最快的高速瀏覽器國(guó)際組:
IE8:Faster, Easier ,Safer 快捷、簡(jiǎn)單、安全的上網(wǎng)新體驗(yàn)
Firefox:Faster,more securecustomizable 更快更安全,可隨心定制的瀏覽器*
Chrome:A fast new browser高速的免費(fèi)網(wǎng)絡(luò)瀏覽器*
Safari:Browse the web in smarter,more powerful way以全新眼光縱覽網(wǎng)絡(luò)世界
Opera:FasterSafer Internet 更快更安全地瀏覽網(wǎng)絡(luò)*
(注:帶*號(hào)的中文翻譯為非官方。)
從宣傳口號(hào)上來(lái)看,國(guó)內(nèi)組與國(guó)際組瀏覽器沒(méi)有明顯的區(qū)別,都著重強(qiáng)調(diào)“快速和安全”。但是由于國(guó)產(chǎn)瀏覽器使用IE核心,它強(qiáng)調(diào)的安全恐怕不是真正的安全。
功能設(shè)計(jì)之別
現(xiàn)代瀏覽器必備特色功能:
1. 對(duì)web標(biāo)準(zhǔn)的支持
2. 多標(biāo)簽瀏覽,隱私瀏覽
3. 廣告彈窗攔截,內(nèi)置下載工具
4. 智能地址欄,搜索欄
5. 插件、擴(kuò)展程序
國(guó)內(nèi)組瀏覽器——強(qiáng)調(diào)增加針對(duì)中國(guó)網(wǎng)民實(shí)用的功能,把許多國(guó)際版瀏覽器需要擴(kuò)展的功能直接添加到瀏覽器上。
視頻彈出播放、鼠標(biāo)手勢(shì)、雙擊關(guān)閉標(biāo)簽頁(yè)
網(wǎng)絡(luò)收藏夾(需要賬戶)
附帶導(dǎo)航網(wǎng)站(360導(dǎo)航、遨游的2798網(wǎng)址大全、搜狗的導(dǎo)航)
網(wǎng)銀、安全網(wǎng)址檢測(cè)(多數(shù)國(guó)內(nèi)網(wǎng)銀僅支持IE)
下載管理(實(shí)用的預(yù)下載功能)
換膚、截圖、縮放、網(wǎng)頁(yè)靜音
……
國(guó)際組瀏覽器——提供基本的功能和強(qiáng)大的擴(kuò)展,以下是國(guó)人不常用的基本功能
RSS訂閱、閱讀
Email發(fā)送
開(kāi)發(fā)人員工具
……
瀏覽器功能設(shè)計(jì)趨勢(shì)
瀏覽器功能設(shè)計(jì)趨勢(shì)——平臺(tái)化(集合多種應(yīng)用、可擴(kuò)展),像miniOS。
表現(xiàn)在:
我們的很多上網(wǎng)時(shí)間都花在了瀏覽器上:如搜索、聊天、收發(fā)電子郵件、購(gòu)物、使用網(wǎng)上銀行、閱讀資訊以及觀看在線視頻,而這些活動(dòng)通常都是通過(guò)瀏覽器進(jìn)行的。
四、研究結(jié)果分析
界面設(shè)計(jì)上
國(guó)內(nèi)組:豐富、花哨、艷麗的界面;追求娛樂(lè)性、卡通化——個(gè)性化的IE外殼
國(guó)際組:簡(jiǎn)潔、清爽、嚴(yán)謹(jǐn)?shù)慕缑妫恢v求實(shí)用性、商務(wù)化——平臺(tái)化的上網(wǎng)入口
功能設(shè)計(jì)上
國(guó)內(nèi)組:增加針對(duì)中國(guó)網(wǎng)民實(shí)用的功能,如視頻彈出播放,網(wǎng)絡(luò)收藏夾,換膚,截圖等。
國(guó)際組:平臺(tái)化的瀏覽器(集合多種應(yīng)用、可擴(kuò)展),像miniOS。
總結(jié)
國(guó)內(nèi)瀏覽器采用了保守的界面(仿IE6),適當(dāng)增加了現(xiàn)代瀏覽器的通用功能,技術(shù)上針對(duì)國(guó)內(nèi)網(wǎng)民的娛樂(lè)等需求集成了一些實(shí)用的功能。
國(guó)際瀏覽器則爭(zhēng)相采用新的界面,技術(shù)上提供基本的功能和強(qiáng)大的擴(kuò)展,以滿足人們對(duì)web2.0時(shí)代擁有眾多應(yīng)用的平臺(tái)化的瀏覽器的需求。
原因如下:
(數(shù)據(jù)圖表取自CNNIC《第25次中國(guó)互聯(lián)網(wǎng)發(fā)展報(bào)告中》)
2009年中國(guó)互聯(lián)網(wǎng)普及率為28.9%。
網(wǎng)民結(jié)構(gòu)的最大的特點(diǎn)是年輕化,40歲以下占83%;低學(xué)歷化,高中及以下學(xué)歷占75.8%。這樣的年齡結(jié)構(gòu)也就決定了國(guó)內(nèi)網(wǎng)民的互聯(lián)網(wǎng)應(yīng)用以“信息獲取”和“網(wǎng)絡(luò)娛樂(lè)”為主。


相比之下,2009年美國(guó)互聯(lián)網(wǎng)普及率為74.1%。美國(guó)網(wǎng)民(沒(méi)有歐美整體的數(shù)據(jù))以“信息獲取”和“網(wǎng)絡(luò)消費(fèi)”為主。

。
注:
信息獲取:搜索引擎和網(wǎng)絡(luò)新聞
網(wǎng)絡(luò)娛樂(lè):網(wǎng)絡(luò)音樂(lè)、網(wǎng)絡(luò)視頻、網(wǎng)絡(luò)游戲
網(wǎng)絡(luò)消費(fèi):在線購(gòu)物、網(wǎng)絡(luò)支付、在線旅行和酒店預(yù)訂
總論
因?yàn)閲?guó)內(nèi)網(wǎng)民低端化,年輕化,娛樂(lè)化。表現(xiàn):
1. 不知道什么是瀏覽器,只知道點(diǎn)擊那個(gè)e圖標(biāo)可以上網(wǎng)。(注意360瀏覽器的圖標(biāo))
2. 從來(lái)不在地址欄輸入網(wǎng)址,所以需要導(dǎo)航網(wǎng)站。
3. 上網(wǎng)以?shī)蕵?lè)為主,習(xí)慣使用IE6瀏覽器,更高效的瀏覽器對(duì)他們沒(méi)有吸引力。
4. 現(xiàn)在使用的瀏覽器通常是被動(dòng)安裝的。
5. ……
引用keso的話: 中國(guó)的互聯(lián)網(wǎng),基本上是給30歲以下的年輕人設(shè)計(jì)的,這跟中國(guó)互聯(lián)網(wǎng)的用戶構(gòu)成有關(guān)。在這樣的環(huán)境中做產(chǎn) 品,其實(shí)是一件很幸福的事,因?yàn)槟愕挠脩舳际亲罹吆闷嫘模詈脤W(xué),最喜歡嘗試,最沒(méi)成見(jiàn),最有冒險(xiǎn)精神的一群人。困難的不是讓他們弄明白,而是讓他們產(chǎn)生 興趣,或者感到需要。他們不笨。
另有一種中國(guó)互聯(lián)網(wǎng)ABC類用戶1:10:100的說(shuō)法,也是指網(wǎng)民結(jié)構(gòu)以低端用戶為主.
國(guó)內(nèi)的瀏覽器設(shè)計(jì)要圍繞著IE6轉(zhuǎn),是因?yàn)榇蠹乙呀?jīng)習(xí)慣了,大幅度改變習(xí)慣成本太高。決定了國(guó)內(nèi)瀏覽器的界面豐富、花哨、艷麗;追求娛樂(lè)性、卡通化——個(gè)性化的IE外殼。
同時(shí),由于個(gè)性化功能的需求,國(guó)內(nèi)瀏覽器統(tǒng)統(tǒng)集成了網(wǎng)民最常用的一些功能,各有特點(diǎn)和針對(duì)性(就像山寨機(jī)一樣)。長(zhǎng)期來(lái)看,隨著網(wǎng)民年齡結(jié)構(gòu)的變化和成熟,互聯(lián)網(wǎng)應(yīng)用需求的增加(大量Ajax程序如:Gmail,Twitter,Foursquare……),對(duì)瀏覽器的要求會(huì)越來(lái)越高,平臺(tái)化可自行擴(kuò)展的瀏覽器是趨勢(shì)。