國內外瀏覽器設計對比初探

0 評論 9006 瀏覽 2 收藏 12 分鐘

國內外瀏覽器設計對比初探

一、準備工作

1研究目的

對比評測針對國內市場的瀏覽器和國際市場瀏覽器設計思路的不同。面向國內市場的瀏覽器針對國內用戶做了哪些改變,以及為什么這么做。(請翻到最后,直接查看總論)

注①:本文中出現的瀏覽器均指桌面版網頁瀏覽器
注②:測試的操作系統平臺為Windows7筆記本電腦

2瀏覽器分類

國內瀏覽器市場占有率,2010年5月

國外瀏覽器市場占有率 2010年5月

國內外瀏覽器設計對比初探

根據這次研究的目的,我們把瀏覽器做這樣的分類。(均按占有率順序排列)

? 國內組:IE6、360瀏覽器、遨游、騰訊TT、世界之窗、搜狗
? 國際組:IE7&8、Firefox、Chrome、Safari、Opera

更常見的分類方法——按照瀏覽器的4大內核來分類。

? Trident:IE系列、國產系列(360瀏覽器、遨游、騰訊TT、世界之窗、搜狗)
? Gecko: Firefox
? Webkit:Safari、Chrome
? Presto:Opera

特例:國產Trident和Webkit雙核心瀏覽器

? 遨游3 beta版
? QQ瀏覽器5 預覽版
? 搜狗瀏覽器2.0 正式版

二、界面設計對比

左側圖片為國內組,右側為國際組。
按照前面給出的市場占有率順序排列(IE7和IE8放在一起)

國內外瀏覽器設計對比初探

注1:各種瀏覽器都有一定的界面定制功能,這里的截圖均為默認界面。
注2:除IE6外,其他瀏覽器都支持多標簽瀏覽(現代瀏覽器最基本特征)。

視覺效果對比:

國內組:豐富、花哨、艷麗的界面;追求娛樂性、卡通化——個性化的IE6外殼
國際組:簡潔、清爽、嚴謹的界面;講求實用性、商務化——平臺化的上網入口

界面布局設計對比結果:

國內組:
1. 由于均采用IE核心,這些瀏覽器從IE6進化而來,給IE6穿上了各自的卡通圖標服裝。
2. 國產瀏覽器都保留了IE6的標題欄,增加了可顯隱的書簽欄,同時將導航按鈕、地址框、搜索框合并到一欄。其中360、TT和搜狗瀏覽器保留導航按鈕“停止、刷新、主頁”的位置和順序;遨游交換了“停止、刷新”按鈕的位置;世界之窗將“停止、刷新”合二為一。
3. 除IE6外,均有換膚功能。

國際組:
1. Firefox與IE8有著相似的界面,只有菜單欄和“刷新停止”按鈕的位置不同,幾乎可以無縫切換。
2. Chrome采用了超簡潔的界面,并且帶來了瀏覽器界面設計的趨勢(下文有詳述)
3. Safari與 Chrome一樣把“菜單欄”整合進了最右側的兩個按鈕“控制當前頁”和“自定義和控制瀏覽器”,保留傳統的標題欄。
4. Opera默認也把“菜單欄”整合進了最左側的一個設置按鈕(也可以調出來顯示),同時學習Chrome的標簽頁顯示方式,但是仍然保留傳統的標題欄。

界面設計趨勢

從上到下依次是:Chrome6,Firefox4,遨游3,QQ瀏覽器5

國內外瀏覽器設計對比初探

瀏覽器界面設計趨勢——最大程度顯示頁面本身的內容。表現在:

1. 學習Chrome去標題欄,采用“上標簽頁”的方式顯示標簽
2. 將菜單欄和工具欄的功能整合為一個或者兩個“設置、功能”按鈕
3. 整合地址框和搜索框為一個(這個趨勢待定)
4. 可選擇隱藏的狀態欄,把布局的選擇留給用戶才是最好的體驗。

三、功能設計對比

對比各自的宣傳語

國內組:

? IE6:未知
? 360瀏覽器:安全好用的瀏覽器
? 遨游:您上網必備的全能瀏覽器,上網從遨游開始
? 世界之窗:最強的廣告過濾、最快的瀏覽速度、最小的資源占用
? 騰訊TT:快速、穩定、安全的瀏覽器
? 搜狗瀏覽器:上網最快的高速瀏覽器
國際組:
? IE8:Faster, Easier ,Safer 快捷、簡單、安全的上網新體驗
? Firefox:Faster,more secure&customizable 更快更安全,可隨心定制的瀏覽器*
? Chrome:A fast new browser高速的免費網絡瀏覽器*
? Safari:Browse the web in smarter,more powerful way以全新眼光縱覽網絡世界
? Opera:Faster&Safer Internet 更快更安全地瀏覽網絡*

(注:帶*號的中文翻譯為非官方。)

從宣傳口號上來看,國內組與國際組瀏覽器沒有明顯的區別,都著重強調“快速和安全”。但是由于國產瀏覽器使用IE核心,它強調的安全恐怕不是真正的安全。

功能設計之別

現代瀏覽器必備特色功能:

1. 對web標準的支持
2. 多標簽瀏覽,隱私瀏覽
3. 廣告彈窗攔截,內置下載工具
4. 智能地址欄,搜索欄
5. 插件、擴展程序

國內組瀏覽器——強調增加針對中國網民實用的功能,把許多國際版瀏覽器需要擴展的功能直接添加到瀏覽器上。

? 視頻彈出播放、鼠標手勢、雙擊關閉標簽頁
? 網絡收藏夾(需要賬戶)
? 附帶導航網站(360導航、遨游的2798網址大全、搜狗的導航)
? 網銀、安全網址檢測(多數國內網銀僅支持IE)
? 下載管理(實用的預下載功能)
? 換膚、截圖、縮放、網頁靜音
? ……

國際組瀏覽器——提供基本的功能和強大的擴展,以下是國人不常用的基本功能

? RSS訂閱、閱讀
? Email發送
? 開發人員工具
? ……

瀏覽器功能設計趨勢

瀏覽器功能設計趨勢——平臺化(集合多種應用、可擴展),像miniOS。

表現在:
我們的很多上網時間都花在了瀏覽器上:如搜索、聊天、收發電子郵件、購物、使用網上銀行、閱讀資訊以及觀看在線視頻,而這些活動通常都是通過瀏覽器進行的。

四、研究結果分析

界面設計上

國內組:豐富、花哨、艷麗的界面;追求娛樂性、卡通化——個性化的IE外殼
國際組:簡潔、清爽、嚴謹的界面;講求實用性、商務化——平臺化的上網入口

功能設計上

國內組:增加針對中國網民實用的功能,如視頻彈出播放,網絡收藏夾,換膚,截圖等。
國際組:平臺化的瀏覽器(集合多種應用、可擴展),像miniOS。

總結
? 國內瀏覽器采用了保守的界面(仿IE6),適當增加了現代瀏覽器的通用功能,技術上針對國內網民的娛樂等需求集成了一些實用的功能。

? 國際瀏覽器則爭相采用新的界面,技術上提供基本的功能和強大的擴展,以滿足人們對web2.0時代擁有眾多應用的平臺化的瀏覽器的需求。

原因如下:
(數據圖表取自CNNIC《第25次中國互聯網發展報告中》)

2009年中國互聯網普及率為28.9%。
網民結構的最大的特點是年輕化,40歲以下占83%;低學歷化,高中及以下學歷占75.8%。這樣的年齡結構也就決定了國內網民的互聯網應用以“信息獲取”和“網絡娛樂”為主。
國內外瀏覽器設計對比初探

國內外瀏覽器設計對比初探

相比之下,2009年美國互聯網普及率為74.1%。美國網民(沒有歐美整體的數據)以“信息獲取”和“網絡消費”為主。

國內外瀏覽器設計對比初探

注:
信息獲?。核阉饕婧途W絡新聞
網絡娛樂:網絡音樂、網絡視頻、網絡游戲
網絡消費:在線購物、網絡支付、在線旅行和酒店預訂

總論

因為國內網民低端化,年輕化,娛樂化。表現:
1. 不知道什么是瀏覽器,只知道點擊那個e圖標可以上網。(注意360瀏覽器的圖標)
2. 從來不在地址欄輸入網址,所以需要導航網站。
3. 上網以娛樂為主,習慣使用IE6瀏覽器,更高效的瀏覽器對他們沒有吸引力。
4. 現在使用的瀏覽器通常是被動安裝的。
5. ……

引用keso的話: 中國的互聯網,基本上是給30歲以下的年輕人設計的,這跟中國互聯網的用戶構成有關。在這樣的環境中做產 品,其實是一件很幸福的事,因為你的用戶都是最具好奇心,最好學,最喜歡嘗試,最沒成見,最有冒險精神的一群人。困難的不是讓他們弄明白,而是讓他們產生 興趣,或者感到需要。他們不笨。

另有一種中國互聯網ABC類用戶1:10:100的說法,也是指網民結構以低端用戶為主.

國內的瀏覽器設計要圍繞著IE6轉,是因為大家已經習慣了,大幅度改變習慣成本太高。決定了國內瀏覽器的界面豐富、花哨、艷麗;追求娛樂性、卡通化——個性化的IE外殼。

同時,由于個性化功能的需求,國內瀏覽器統統集成了網民最常用的一些功能,各有特點和針對性(就像山寨機一樣)。長期來看,隨著網民年齡結構的變化和成熟,互聯網應用需求的增加(大量Ajax程序如:Gmail,Twitter,Foursquare……),對瀏覽器的要求會越來越高,平臺化可自行擴展的瀏覽器是趨勢。

來源:http://www.haoxiaoru.info/archives/587

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!