国内外浏览器设计对比初探(组图)_蔚蓝天空_新浪博客

  一、准备工作

  1研究目的

  对比评测针对国内市场的浏览器和国际市场浏览器设计思路的不同。面向国内市场的浏览器针对国内用户做了哪些改变,以及为什么这么做。(若赶时间,请翻到{zh1},直接查看总论)

  注①:本文中出现的浏览器均指桌面版网页浏览器,Win7平台。

  注②:文章很浅,希望对大家有点儿价值。欢迎拍砖评论!

  2浏览器分类

  国内浏览器市场占有率 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

   国内外浏览器设计对比初探(组图)

 

  浏览器界面设计趋势——{zd0}程度显示页面本身的内容。表现在:

  1. 学习Chrome去标题栏,采用“上标签页”的方式显示标签

  2. 将菜单栏和工具栏的功能整合为一个或者两个“设置、功能”按钮

  3. 整合地址框和搜索框为一个(这个趋势待定)

  4. 可选择隐藏的状态栏,把布局的选择留给用户才是{zh0}的体验。

  三、功能设计对比

  对比各自的宣传语

  国内组:

  IE6:未知

  360浏览器:安全好用的浏览器

  遨游:您上网必备的全能浏览器,上网从遨游开始

  世界之窗:最强的广告过滤、最快的浏览速度、最小的资源占用

  腾讯TT:快速、稳定、安全的浏览器

  搜狗浏览器:上网最快的高速浏览器

  国际组:

  IE8:Faster, Easier ,Safer 快捷、简单、安全的上网新体验

  Firefox:Faster,more secure&customizable 更快xxx,可随心定制的浏览器*

  Chrome:A fast new browser高速的免费网络浏览器*

  Safari:Browse the web in smarter,more powerful way以全新眼光纵览网络世界

  Opera:Faster&Safer Internet 更快xxx地浏览网络*

  (注:带*号的中文翻译为非官方。)

  从宣传口号上来看,国内组与国际组浏览器没有明显的区别,都着重强调“快速和安全”。但是由于国产浏览器使用IE核心,它强调的安全恐怕不是真正的安全。

  功能设计之别

  现代浏览器必备特色功能:

  1. 对web标准的支持

  2. 多标签浏览,隐私浏览

  3. 广告弹窗拦截,内置下载工具

  4. 智能地址栏,搜索栏

  5. 插件、扩展程序

  国内组浏览器——强调增加针对中国网民实用的功能,把许多国际版浏览器需要扩展的功能直接添加到浏览器上。

  视频弹出播放、鼠标手势、双击关闭标签页

  网络收藏夹(需要账户)

  附带导航网站(360导航、遨游的2798网址大全、搜狗的导航)

  网银、安全网址检测(多数国内网银仅支持IE)

  下载管理(实用的预下载功能)

  换肤、截图、缩放、网页静音

  ……

  国际组浏览器——提供基本的功能和强大的扩展,以下是国人不常用的基本功能

  RSS订阅、阅读

  Email发送

  开发人员工具

  ……

  浏览器功能设计趋势

  浏览器功能设计趋势——平台化(集合多种应用、可扩展),像miniOS。

  表现在:

  我们的很多上网时间都花在了浏览器上:如搜索、聊天、收发电子邮件、购物、使用网上银行、阅读资讯以及观看在线视频,而这些活动通常都是通过浏览器进行的。

  四、研究结果分析

  界面设计上

  国内组:丰富、花哨、艳丽的界面;追求娱乐性、卡通化——个性化的IE外壳

  国际组:简洁、清爽、严谨的界面;讲求实用性、商务化——平台化的上网入口

  功能设计上

  国内组:增加针对中国网民实用的功能,如视频弹出播放,网络收藏夹,换肤,截图等。

  国际组:平台化的浏览器(集合多种应用、可扩展),像miniOS。

  总结

  国内浏览器采用了保守的界面(仿IE6),适当增加了现代浏览器的通用功能,技术上针对国内网民的娱乐等需求集成了一些实用的功能。

  国际浏览器则争相采用新的界面,技术上提供基本的功能和强大的扩展,以满足人们对web2.0时代拥有众多应用的平台化的浏览器的需求。

已投稿到:
  • 评论加载中,请稍候...

验证码:

郑重声明:资讯 【国内外浏览器设计对比初探(组图)_蔚蓝天空_新浪博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——