Firefox界面学Chrome是一个昏招

阅读时间 10 分钟,快速阅读仅需 4 分钟。

Firefox 4 界面设计图像极了Chrome。大家喜欢和不喜欢的分成两派,但是都表示了对于谷歌UI设计的赞扬,毕竟已经做到了让大家都来抄的程度。既然大家都说长得像Chrome,那么这些浏览器到底从Chrome那里继承了什么样的界面元素呢?只要简单的对照分析一下就会发现,Chrome的界面只适合Chrome那样的浏览器,其它浏览器都各有自己的特色,要一概跟风是不明智的,何况Chrome的这个界面本身就有不能照搬的地方。个人觉得,Firefox这次要是真的学了Chrome,不管从什么角度来说,都要算是一个昏招。

httpswiki.mozilla.orgimages77eMockup-4-0-Vista-%28TabsTop%29-%28LocBarSearch%29

1、多标签浏览器的界面演化

这个时侯,不妨让我们简单回顾一下多标签浏览器成为不可阻挡的历史趋势的过程。这个过程其实并不漫长,常来CB的你我都是见证者。

如果认为只有谷歌才有这样的能力,可以开发出一个浏览器就让大家跟风学习,那你就想错了。在各种山寨多标签浏览器一直风行到今天的过程中,它们的“老师”多种多样,被人认为最死板的IE也曾经是浏览器界面进化的始祖

多标签浏览器最初是从单标签浏览器转化而来的,比如IE的处理方式就是添加一个工具条。顺便说一下,当初浏览器对工具条和插件的大量开发,造成了传统浏览器和新锐浏览器的一个重要区别,这个以后会提到。

2009-7-28 9-50-50
这一代浏览器学习的榜样到底是哪个已经不太可以考证,总之MyIE2(后来的傲游)和已经阵亡的NetCaptor都可以说是先驱。腾讯的Tencent Explorer(那时还不叫套套)借用QQ顺便占领的浏览器份额比现在傲游、世界之窗什么的都要大得多。它们的多标签界面都具有这样的特点:

第一代多标签浏览器
    • 标签栏在工具栏最下方
    • 工具图标的显示办法类似XP的资源管理器,大图标,部分显示或者不显示文字,独占一栏
    • 侧边栏的意义很重要,可以自定义;
    • 是一个常规的Windows窗口,没有异形变化

在使用过程中,随着屏幕变得更宽而不是更高,人们发现他们需要合理利用多出来的横向显示空间,而各种工具条胡乱堆砌的局面会干扰人们的视觉,如果还没什么印象就请回忆这张图片:

1145110881463988

因此最先做出变革的是IE,这点你不可否认。IE7发布的时候和Vista一起到来,因为Vista的资源管理器有了界面变化,IE7也跟着有了界面变化,这种变化既简化了用户看到的空间,又突出了重点。这样的变化引起其他浏览器纷纷效仿。效仿者中影响力最大的莫过于傲游,它的界面至少影响到了世界之窗和TT,这三款浏览器又一起开始影响什么糖果、iQ、搜狗等知名或者不知名的后来者。

2009-7-28 10-14-01

第二代多标签浏览器
    • 导航图标地址栏、独立的搜索栏合二为一,顶格排在标题栏下方;
    • 工具条依然在地址栏和标签页之间堆积,但不管是数量还是体积都比以前少了很多;
    • 侧边栏的作用不如以前明显,开启侧边栏的方式也含蓄了很多;
    • 菜单栏退居二线或者基本消失;
    • 标签栏比以前做得更大更醒目。

这里有必要提一句的是Firefox。Firefox的界面沿袭自被微软斗败的公鸡NetScape,它的界面粗一看也挺像IE7,因为它的工具图标和地址栏共同占用一行。不过,这样的界面只是调整了第一代IE6型浏览器的默认布局,自定义了工具条摆放的位置,因此并没有改动大局。而IE的改动在于直接把地址栏和后退前进按钮放在标题栏下面,其他按钮被放到了另外的工具条,在下面显示。看看傲游2的界面就可以发现,它的插件栏和导航图标栏是分开的,导航图标栏也只能摆放和导航功能有关的几个按钮,因此还是和Firefox还有Safari的杂烩定制有区别。

这样的改动确保了地址栏有足够的输入面积。而搜索栏和地址栏分开,也是经历了无数次尝试做出的选择——使用IE的广大用户很可能还是在键盘上翻来复去找“任意键”在哪里的那种。这样的变化当然可以使页面整体可视面积更大,横屏显示器如果把工具栏缩到一行去也挺不错。之后傲游又作出了单页面左右双屏显示的功能(虽说以前可能有过,但那个效果啊……)。顺便一提的是,为了迎合Vista的玻璃界面,最大化、最小化和关闭按钮也比以前做的要大得多。随着历史记录、收藏夹和浏览器设置界面纷纷改在独立的标签显示,侧边栏退出历史舞台的日子已经为期不远。

奇怪的是谷歌推出Chrome浏览器以后的事情。除了IE以外,几乎所有的浏览器都被动的根据谷歌做出了改变,这种刻意的改变,有些改的让人啼笑皆非:

2009-7-28 10-46-47

到这个样子了要是还不管这叫做第三代多标签浏览器就太说不过去了。这一代浏览器界面有着鲜明的特点:

第三代多标签浏览器
    • 取消标题栏,窗口最大化时标题栏的空白区域完全消失;
    • 地址栏整合搜索栏功能和历史记录等,一栏多用;
    • 取消工具栏和菜单栏,所有功能被浓缩到“页面”和“工具”两个下拉菜单,按钮位于地址栏右侧(连两个按钮的位置和功能都完全不走样;)
    • 取消侧边栏
    • 取消了底部的状态栏。

可以看出这种变化除了浏览页面的基本功能还在之外,别的大概什么都不剩。这样的变化弱化了浏览器背后所依托的平台的特殊性,让跨平台的浏览器界面统一变得可行,而且向着纯粹的上网本专用浏览器迈出了重要一步。

人们对这种浏览器显然经历了一个不短的适应过程,但是整体看来,自从2007年IE7亮相以来,这个适应过程只不过是短短两三年的事,就足以让前人无法想象的浏览器成为我们的日常。那么Chrome到底给浏览器的制作思路带来了怎样深层次的改变呢?

2、取消插件的背后是跨平台的野心

为什么IE和Firefox改个界面这么困难,恐怕很多人都没细想过,最重要的一个原因是IE和Firefox的插件

浏览器想要读取多媒体内容和实现特殊功能,需要借助插件控件两大外部功能的介入。

  • 插件(plugin)用来为浏览器安装额外的增强功能如工具条和侧边栏面板;
  • 控件(control)用来加载浏览器原生不支持的媒体或数据流,比如Flash和Windows Media。
IE和Firefox成为不同平台上被二次开发最多的浏览器,针对它们的插件和控件层出不穷,因此Firefox迷人的强大可定制功能让它的有些界面元素变得必不可少。同样的道理也适用于IE。

  • 横向工具条是最基本的插件形式,比如众所周知的谷歌工具条和上网助手;
  • 工具按钮也可以自由添加,OEM厂商和某些软件可以把快捷方式附加在“后退”、“前进”等按钮后面;
  • 侧边栏是传统的自定义热门阵地,比如Office的信息检索功能和IE的媒体栏;Firefox通过All-in-one sidebar实现了强大的侧边栏功能。
  • 页面底部的状态栏也可以大有乾坤,比如显示天气、twitterfox、切换代理等等。

这样一来,Chrome这样什么都不剩的界面对Firefox来说简直就是行不通的,除非把这些都挪到新建的标签页显示,但如果这样的话,有些操作就会很麻烦,失去了插件设计时的本意。Firefox之所以不能随便跟风,这是原因之一。

插件背后需要操作系统的支持。一般来说基于xhtml或者flash或者silverlight的插件都没什么问题,但是有些插件涉及到浏览器核心和其他深层功能,所以在Firefox的插件库里有很多Windows平台专用的插件,要不就是通用的插件,却基本没有Linux专用或者Mac专用的插件。至于控件就更是如此,大名鼎鼎的ActiveX的地位目前至少在国内还无可替代。

如果所有的浏览器都把功能缩减到Chrome那种程度,那么增强功能不能通过插件来实行,只能通过网页AJAX程序,也就是不同的Web2.0网站,而且是绝对的跨平台统一效果,你说这样的改变会对谁有利?微软和Firefox要是真的学了Chrome,绝对是找死,自掘坟墓。

3、一个小问题

这么多浏览器学习Chrome还有一点让我颇为不爽,那就是标题栏的取消

有访客说标题栏就应该取消,看着就不爽,空出那么一大块地方不知道干什么。真的不知道干什么吗?看看这个截图:

2009-7-28 11-15-34

我的千千静听,悬浮窗和输入法到底应该放在哪呢?我实在是喜欢Chrome,可是这么着又不行,无奈之下只好又开了一个完全没用的工具栏,变成这个样子。

2009-7-28 11-18-18

如果是有标题栏的浏览器,当然不会有这个问题。可是回头一想——

为什么我需要一个空白来放这些东西呢?这些都是什么东西呢?

没错,它们都是Windows下的外部程序。换句话说,假如用linux的上网本,就完全不会有这样的苦恼,那种情况下标题栏才是完全的多余。这么一想,又回到了浏览器跨平台这个问题上面。

以后如果我们偶然需要在浏览器之外开什么程序或功能(就算是上网本也有这个需要),该怎么办呢?苹果最先给了我们一个绝好的答案:Dashboard,Gadget,Widget——随你怎么叫好了,反正这种类型的小工具就是答案。呼之即来,挥之即去,平时不显示,一按热键就跳出来,这不就不需要长期留守在屏幕了吗?如果是一开始接触电脑就熟悉这种操作习惯,肯定不需要为常驻屏幕的工具条犯愁。更重要的是,现在网页的制作技术已经完全可以通过纯粹的页面显示来实现这样的功能,甚至跳出窗口也无所谓。

我们之所以能形成这样的工具条常驻屏幕的使用习惯,完全是由我们历史上遗留下来的windows使用习惯造成的。所以,Chrome那样的浏览器就是为了让我们尽可能跳出windows习惯的限制,一款浏览器改变一个人使用电脑的习惯到底有没有可能?反正Chrome大抵是想这么做。

假如真的这么做了,对Firefox来说,绝对不是什么好消息。

4、Firefox到底应该怎么办

 Firefox流行的原因很多人做过各种各样的分析。在我看来,最主要的原因是这样的:

  • Firefox在跨平台的界面上用户体验基本完全一致,用户脱离Windows环境以后使用也不会遇到任何障碍,所以带来了Windows和Linux(顺便还有Mac)用户的交互流动
  • 对于高端用户来说,Firefox的绝大部分功能都是可定制的,而插件跨平台通用,这就把如前所述在Windows环境下养成的操作习惯带到了其他平台
  • 标题栏、侧边栏、工具条和状态栏这样的布局是起源于Windows的,但是Firefox的流行推动这样的布局成为了一个跨平台的界面设计标准。
所以Firefox在自己的传统上已经做得很不错了。如今出现了类似Chrome这样的界面改动,对Firefox这样一款多少象征着“传统”的浏览器来说显然弊大于利。
  • 这样的界面改动需要老用户花时间来适应,新用户则会被Chrome分流;
  • 这样的界面改动消除了Firefox最重要的功能——插件的生存空间,未来的兼容开发都会成问题;
  • 这样的界面改动会让Firefox变得“不再像Firefox",把自己拖入和Chrome在同一起跑线的竞争当中,从而在界面设计和用户体验方面始终处于跟风的地位。
Firefox,我给你的建议是,你什么都不要做,只需要安静的发挥自己的特长,靠插件和自定义来保持老用户,发展新用户,这就够了。变成第二个Chrome,不管从什么角度来说,都绝对是一个史无前例的昏招。

不谈国事?的分割线

好不容易
找到了
一个
能说话的
地方


怎么也
把握不好
说话的
尺度

可是就算这样,我还是打算以后在这里谈一些跟现实结合的紧密一点的东西,等过两天好了。

169 条评论

  1. 我喜欢用 Chrome,也喜欢用 Firefox,喜欢 Chrome 是因为它的简洁,而喜欢 Firefox 是因为它的插件。

    这次 Firefox 界面改变的还是挺不错的,我很喜欢,不过还是不会放弃 Chrome 去试用 Firefox,期待 Firefox 的进一步完善!

    Firefox 加油!!^_^

  2. Firefox的跨平台特性比Chrome好的多, firefox的windows专用插件很少,大多数插件都是跨平台的,因为firefox内建的XPCOM组件是跨平台的。还有一点,firefox改变界面非常的容易,整个浏览器的各个地方都可以定制,因为整个浏览器都是用xul引擎描绘的,这是其他浏览器绝对做不到的

  3. chrome,也就还行吧。给我最大的惊喜也就是皮肤比较漂亮而已,不过如果也只是支持ms提供的一个效果而已。在xp下也谈不上什么。至于webkit内核,现在用的也浏览器也比较多了。
    一个google想颠覆ms?linux都干了好多年了,吼的口号也好多年。但是用户习惯和ms背后强大的利益集团是不可能轻易突破的。
    反正我不喜欢google,一个做广告的暴发户,什么都跟风什么都想尝试一下的投机分子。

  4. 首先我觉得作者必须把“扩展”两个字罚抄100遍在看下,分清楚什么是“扩展”什么是“插件”再来写文章。
    节省页面浏览面积有什么错了?(PS:我现在的火狐也是去掉标题栏和菜单栏,自动隐藏标签栏和书签工具栏,状态栏和导航栏(搜索栏去掉)合一并且大多时候都是状态栏内容的隐藏内容。换句话说只剩下在底下的一条光溜溜的被压缩到只剩下高度为19px的地址栏。换句话说也是追求可视面积极致的变态)
    许多功能都可以使用鼠标手势和快捷键取代。为何不可以留下更实用的可视面积而保留那几十年都不按一次的按键。而且人家的功能有没有取消,收藏为一个按钮。也是增加用户体验的一个表现。
    标签页放哪里这个问题,个人觉得gc做得也是挺好的,不然仿gc的皮肤不会这么热门。好的东西学习一下有什么不妥。只要不要像某企鹅一样全抄了然后说是自己独创的就好。
    再次为opera被文章作者完全无视而默哀

  5. Chrome 开创一个未来。
    Chrome是不错,但我用不习惯,只会用来打开一些简单的网页。firefox的特色在于插件系统,学chrome没有好处,插件效果难以体现。如果ff4出来,或许我会停留在3.5,或许会重新回归ie

  6. 的确,firefox本来是很有自己的特色的,安全,扩弹性强,很多强大的插件,额,其实不换这个皮肤,依旧可以通过插件皮肤来修改,不过如果默认就是这样,就是官方趋向问题了。

  7. 记得刚开始上网的时候用的是NetCaptor,当时在电脑爱好者上看到介绍文章,说是多标签的。后来用过绿幽灵浏览器,再后来就是一直在用世界之窗了。一直比较习惯标签栏在下面,这样开多个程序时候切换得很方便。

  8. chrome:

    开创了史上浏览器最差界面先例

    一群猪狗不如的傻B开发的浏览器

    误导了诸多2B 浏览器竞相效仿

    google,做你的搜索引擎,做浏览器还嫩。

    谁效仿chrome,谁就是步傻B后尘的 2B。

    洁身自好,拒绝污染,抵制chrome(界面)!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注