國內(nèi)外瀏覽器設(shè)計(jì)對比初探(組圖)

1、國內(nèi)外瀏覽器設(shè)計(jì)對比初探(組圖)來源：/a/20100701/000495_1.htm一、準(zhǔn)備工作1研究目的對比 HYPERLINK /review.htm t _blank 評測針對國內(nèi)市場的瀏覽器和國際市場瀏覽器設(shè)計(jì)思路的不同。面向國內(nèi)市場的瀏覽器針對國內(nèi)用戶做了哪些改變，以及為什么這么做。（若趕時間，請翻到最后，直接查看總論）注：本文中出現(xiàn)的瀏覽器均指桌面版網(wǎng)頁瀏覽器， HYPERLINK /zt/2008/windows7/ t _blank Win7平臺。注：文章很淺，希望對大家有點(diǎn)兒價值。歡迎拍磚評論！2瀏覽器分類國內(nèi)瀏覽器市場占有率 2010年5月（數(shù)據(jù)來源）國外瀏覽器市場占有率

2、 2010年5月（數(shù)據(jù)來源）根據(jù)這次研究的目的，我們把瀏覽器做這樣的分類。（均按占有率順序排列）國內(nèi)組：IE6、360瀏覽器、遨游、 HYPERLINK t _blank 騰訊TT、世界之窗、搜狗國際組：IE7&8、Firefox、Chrome、Safari、Opera更常見的分類方法按照瀏覽器的4大內(nèi)核來分類。Trident：IE系列、國產(chǎn)系列（360瀏覽器、遨游、騰訊TT、世界之窗、搜狗）Gecko： FirefoxWebkit：Safari、ChromePresto：Opera特例：國產(chǎn)Trident和Webkit雙核心瀏覽器遨游3 beta版QQ瀏覽器5 預(yù)覽版搜狗瀏覽器2.0 正式版

3、二、界面設(shè)計(jì)對比左側(cè)圖片為國內(nèi)組，右側(cè)為國際組。按照前面給出的市場占有率順序排列（IE7和IE8放在一起）注1：各種瀏覽器都有一定的界面定制功能，這里的截圖均為默認(rèn)界面。注2：除IE6外，其他瀏覽器都支持多標(biāo)簽瀏覽（現(xiàn)代瀏覽器最基本特征）。視覺效果對比：國內(nèi)組：豐富、花哨、艷麗的界面；追求娛樂性、卡通化個性化的IE6外殼國際組：簡潔、清爽、嚴(yán)謹(jǐn)?shù)慕缑?；講求實(shí)用性、商務(wù)化平臺化的上網(wǎng)入口界面布局設(shè)計(jì)對比結(jié)果：國內(nèi)組：1. 由于均采用IE核心，這些瀏覽器從IE6進(jìn)化而來，給IE6穿上了各自的卡通圖標(biāo)服裝。2. 國產(chǎn)瀏覽器都保留了IE6的標(biāo)題欄，增加了可顯隱的書簽欄，同時將導(dǎo)航按鈕、地址框、搜索框合

4、并到一欄。其中360、TT和搜狗瀏覽器保留導(dǎo)航按鈕“停止、刷新、主頁”的位置和順序；遨游交換了“停止、刷新”按鈕的位置；世界之窗將“停止、刷新”合二為一。3. 除IE6外，均有換膚功能。國際組：1. Firefox與IE8有著相似的界面，只有菜單欄和“刷新停止”按鈕的位置不同，幾乎可以無縫切換。2. Chrome采用了超簡潔的界面，并且?guī)砹藶g覽器界面設(shè)計(jì)的趨勢（下文有詳述）3. Safari與 Chrome一樣把“菜單欄”整合進(jìn)了最右側(cè)的兩個按鈕“控制當(dāng)前頁”和“自定義和控制瀏覽器”，保留傳統(tǒng)的標(biāo)題欄。4. Opera默認(rèn)也把“菜單欄”整合進(jìn)了最左側(cè)的一個設(shè)置按鈕（也可以調(diào)出來顯示），同時學(xué)

5、習(xí)Chrome的標(biāo)簽頁顯示方式，但是仍然保留傳統(tǒng)的標(biāo)題欄。界面設(shè)計(jì)趨勢從上到下依次是：Chrome6，F(xiàn)irefox4，遨游3，QQ瀏覽器5瀏覽器界面設(shè)計(jì)趨勢最大程度顯示頁面本身的內(nèi)容。表現(xiàn)在：1. 學(xué)習(xí)Chrome去標(biāo)題欄，采用“上標(biāo)簽頁”的方式顯示標(biāo)簽2. 將菜單欄和工具欄的功能整合為一個或者兩個“設(shè)置、功能”按鈕3. 整合地址框和搜索框?yàn)橐粋€（這個趨勢待定）4. 可選擇隱藏的狀態(tài)欄，把布局的選擇留給用戶才是最好的體驗(yàn)。三、功能設(shè)計(jì)對比對比各自的宣傳語國內(nèi)組：IE6：未知360瀏覽器：安全好用的瀏覽器遨游：您上網(wǎng)必備的全能瀏覽器，上網(wǎng)從遨游開始世界之窗：最強(qiáng)的廣告過濾、最快的瀏覽速度、最小

6、的資源占用騰訊TT：快速、穩(wěn)定、安全的瀏覽器搜狗瀏覽器：上網(wǎng)最快的高速瀏覽器國際組：IE8：Faster, Easier ,Safer 快捷、簡單、安全的上網(wǎng)新體驗(yàn)Firefox：Faster,more secure&customizable 更快更安全，可隨心定制的瀏覽器*Chrome：A fast new browser高速的免費(fèi)網(wǎng)絡(luò)瀏覽器*Safari：Browse the web in smarter,more powerful way以全新眼光縱覽網(wǎng)絡(luò)世界Opera：Faster&Safer Internet 更快更安全地瀏覽網(wǎng)絡(luò)*（注：帶*號的中文翻譯為非官方。）從宣傳口號上來看，

7、國內(nèi)組與國際組瀏覽器沒有明顯的區(qū)別，都著重強(qiáng)調(diào)“快速和安全”。但是由于國產(chǎn)瀏覽器使用IE核心，它強(qiáng)調(diào)的安全恐怕不是真正的安全。功能設(shè)計(jì)之別現(xiàn)代瀏覽器必備特色功能：1. 對web標(biāo)準(zhǔn)的支持2. 多標(biāo)簽瀏覽，隱私瀏覽3. 廣告彈窗攔截，內(nèi)置 HYPERLINK http:/downl/ t _blank 下載工具4. 智能地址欄，搜索欄5. 插件、擴(kuò)展程序國內(nèi)組瀏覽器強(qiáng)調(diào)增加針對中國網(wǎng)民實(shí)用的功能，把許多國際版瀏覽器需要擴(kuò)展的功能直接添加到瀏覽器上。視頻彈出播放、鼠標(biāo)手勢、雙擊關(guān)閉標(biāo)簽頁網(wǎng)絡(luò)收藏夾（需要賬戶）附帶導(dǎo)航網(wǎng)站（360導(dǎo)航、遨游的2798網(wǎng)址大全、搜狗的導(dǎo)航）網(wǎng)銀、安全網(wǎng)址檢測（多數(shù)國內(nèi)

8、網(wǎng)銀僅支持IE）下載管理（實(shí)用的預(yù)下載功能）換膚、截圖、縮放、網(wǎng)頁靜音國際組瀏覽器提供基本的功能和強(qiáng)大的擴(kuò)展，以下是國人不常用的基本功能RSS訂閱、閱讀Email發(fā)送開發(fā)人員工具瀏覽器功能設(shè)計(jì)趨勢瀏覽器功能設(shè)計(jì)趨勢平臺化（集合多種應(yīng)用、可擴(kuò)展），像miniOS。表現(xiàn)在：我們的很多上網(wǎng)時間都花在了瀏覽器上：如搜索、聊天、收發(fā)電子郵件、購物、使用網(wǎng)上銀行、閱讀資訊以及觀看在線視頻，而這些活動通常都是通過瀏覽器進(jìn)行的。四、研究結(jié)果分析界面設(shè)計(jì)上國內(nèi)組：豐富、花哨、艷麗的界面；追求娛樂性、卡通化個性化的IE外殼國際組：簡潔、清爽、嚴(yán)謹(jǐn)?shù)慕缑?；講求實(shí)用性、商務(wù)化平臺化的上網(wǎng)入口功能設(shè)計(jì)上國內(nèi)組：增加針對

9、中國網(wǎng)民實(shí)用的功能，如視頻彈出播放，網(wǎng)絡(luò)收藏夾，換膚，截圖等。國際組：平臺化的瀏覽器（集合多種應(yīng)用、可擴(kuò)展），像miniOS?？偨Y(jié)國內(nèi)瀏覽器采用了保守的界面（仿IE6），適當(dāng)增加了現(xiàn)代瀏覽器的通用功能，技術(shù)上針對國內(nèi)網(wǎng)民的娛樂等需求集成了一些實(shí)用的功能。國際瀏覽器則爭相采用新的界面，技術(shù)上提供基本的功能和強(qiáng)大的擴(kuò)展，以滿足人們對web2.0時代擁有眾多應(yīng)用的平臺化的瀏覽器的需求。原因如下：（數(shù)據(jù)圖表取自CNNIC第25次中國互聯(lián)網(wǎng)發(fā)展報(bào)告中）2009年中國互聯(lián)網(wǎng)普及率為28.9%。網(wǎng)民結(jié)構(gòu)的最大的特點(diǎn)是年輕化，40歲以下占83%；低學(xué)歷化，高中及以下學(xué)歷占75.8%。這樣的年齡結(jié)構(gòu)也就決定了國

10、內(nèi)網(wǎng)民的互聯(lián)網(wǎng)應(yīng)用以“信息獲取”和“網(wǎng)絡(luò)娛樂”為主。相比之下，2009年美國互聯(lián)網(wǎng)普及率為74.1%。美國網(wǎng)民（沒有歐美整體的數(shù)據(jù)）以“信息獲取”和“網(wǎng)絡(luò)消費(fèi)”為主。注：信息獲?。核阉饕婧途W(wǎng)絡(luò)新聞網(wǎng)絡(luò)娛樂：網(wǎng)絡(luò)音樂、網(wǎng)絡(luò)視頻、網(wǎng)絡(luò)游戲網(wǎng)絡(luò)消費(fèi)：在線購物、網(wǎng)絡(luò)支付、在線旅行和酒店預(yù)訂總論因?yàn)閲鴥?nèi)網(wǎng)民低端化，年輕化，娛樂化。表現(xiàn)：1. 不知道什么是瀏覽器，只知道點(diǎn)擊那個e圖標(biāo)可以上網(wǎng)。（注意360瀏覽器的圖標(biāo)）2. 從來不在地址欄輸入網(wǎng)址，所以需要導(dǎo)航網(wǎng)站。3. 上網(wǎng)以娛樂為主，習(xí)慣使用IE6瀏覽器，更高效的瀏覽器對他們沒有吸引力。4. 現(xiàn)在使用的瀏覽器通常是被動安裝的。5. 引用keso的話: 中國的互聯(lián)網(wǎng)，基本上是給30歲以下的年輕人設(shè)計(jì)的，這跟中國互聯(lián)網(wǎng)的用戶構(gòu)成有關(guān)。在這樣的環(huán)境中做產(chǎn) 品，其實(shí)是一件很幸福的事，因?yàn)槟愕挠脩舳际亲罹吆闷嫘?，最好學(xué)，最喜歡嘗試，最沒成見，最有冒險精神的一群人。困難的不是讓他們弄明白，而是讓他們產(chǎn)生 興趣，或者感到需要。他們不笨。另有一種中國互聯(lián)網(wǎng)ABC類用戶1:10:100的說法,也是指網(wǎng)民結(jié)構(gòu)以低端用戶為主.國內(nèi)的瀏覽器設(shè)計(jì)要圍繞著IE6轉(zhuǎn)，是因?yàn)榇蠹乙呀?jīng)習(xí)慣了，大幅度改變習(xí)慣成本太高。決定了國內(nèi)瀏覽器的界面豐富、花哨、