最近基于Chrome界面Mozilla设计了的新版Firefox的界面，无可否认二者的设计本身是很美观的，与之前主流的浏览器设计相比有很多易用性上的提升，不过本文主要聚焦于两者在界面设计上的缺点(主要是Firefox)，欢迎批评和讨论。

用户界面易用性的评判标准

首先解释一下我判断一个界面是否易用的几条主要标准。

如果一个用户界面的：

1.操作次数越少

2.单次操作复杂度越小（包括用户辨识、记忆上、选取的难度和操作本身的延迟，以及控件的大小是否适中）

3.操作的歧义越小

4.操作界面密集度越低（或者说单一控件的醒目程度越高）

5.用户界面的可定制性越方便

6.软件总体功能适用于对应人群

则此界面越易用[注1]。

虽然上面的一些内容是难以量化的，但是相信我们可以从平时的使用中感觉出来。

比如苹果原来的单键鼠标，虽然表面看起来操作界面简化了，但代价是操作的多样性需要从每次操作的复杂度上进行补偿，像打开一个菜单的操作，就需要长 时间地按键，延长了单次操作的时间，即不满足之前的“单次操作复杂度”(需要用户判定当前状态，单次操作时间长)和“操作的歧义性”(可能导致误操作调用菜单)要求。

而在Opera和Google Chrome浏览器中，我认为其地址栏和搜索栏的“paste and go”和“paste and search”应该是其中很贴心的一个菜单项。而在上下文菜单里它们也提供了搜索选项，更进一步，Opera和Firefox等浏览器还提供了更丰富的鼠 标手势操作，可见虽然操作界面虽然变得更复杂了(增加了一个或多个选项)，但是操作内容被简化了(省略了粘贴然后回车的操作)。

Chrome界面的不足

因为新界面是参考Google Chrome设计的，所以先来看看Chrome的界面有哪些不足。

1. 标题栏在非全屏状态下时过窄，影响对窗口的辨认(标题栏的位置不显示网页标题，而标签显示的标题一般都被缩短了)和拖拽操作

Google Chrome的标题栏

2. “转到”按钮不易使用（或者说是“停止”按钮不易使用，会在后文中单独进行说明）

Chrome式的转到按钮将“转到”与“停止”操作归为一类似乎不妥，最好还是将“停止”和“刷新”放在一起。

3. 没有提供固定的书签栏，限制了书签栏操作的灵活性

4. 对标签栏容纳大量标签的状况考虑不足

Chrome对大量标签的情况考虑欠妥

5. 没有提供大量标签情况下的查找能力（比如类似于IE那个罗列标签页缩略图的页面）

对Firefox采用的类Chrome界面的看法

1. 对于3.7的界面还包括上面的第2、5条，对于4.0的界面包括上面的第1（Version B）、2、3、5条。

2. Firefox采取的界面策略与Chrome不同，Chrome界面在其他平台下的差异与在Windows平台的差异不大，而之前Mozilla声称要对 各个平台提供原生的不同风格的界面，3.0开始按钮在xp下的比较花，Vista和Mac的保持系统色调，Linux继续沿袭Tango风格，从目前来看 似乎这个说法要有些变化。

3. 观察新界面，Firefox似乎提供了与Chrome类似的“书签菜单”，而Firefox目前有大量利用书签栏空间的扩展，如果执意推行这个书签菜单， 恐怕又要有很多扩展牺牲了，实际上，每次伴随Firefox的大升级，众多好用的扩展被抛弃无不令我痛心，想来应该有很多Firefox Fans也是如此吧。希望Mozilla能明白，让Firefox与众不同的正是大量的扩展，不要再给自己釜底抽薪了。

新Firefox界面中的“书签菜单”

4. Firefox要有自己的风格，不要跟风。从Firefox 2开始我就对它的默认主题有些反感了，为什么没有可以传承的界面元素呢？相反，我倒是觉得每个窗口左上角的狐狸logo不是那么重要，让用户产生亲切感不 是一个logo就解决的（而且我觉得3.5的那个16px的logo真的很难看，头显得很大，描边也有点粗），真正重要的是继承很多已经培养出的习惯和保 留一些醒目的界面特征，比如宝马、奔驰等极具特色的车头的格栅和车灯，让人一眼即可辨认，也许那个又大又圆的“后退”按钮是个好的开始。

BMW的格栅非常醒目，让人一看便知

对Firefox4新界面“转到”按钮易用性的质疑

根据之前的易用性评判标准，我认为“转到”按钮所暴露的问题是，它提高了单次操作的复杂度，从图上看按钮本身比较小，本身就不是很容易点（选取难），如果 再加上状态上的变化则增加了误操作的可能性[注2]（需要辨识按钮状态）。而其节省下来的其他地方的界面密集度导致按钮区域的操作界面密集程度倍增（密集 度高），而且很重要的是那些被集成的操作正是一些可能很常用的操作，比如刷新、停止等（操作次数多）。根据图片观察此按钮应该更类似于Firefox 2的方式，那个按钮固定在地址栏旁边，也就是说用户很难定制（可定制性差）。因此根据以上这些判定标准可以说，“转到”按钮是一个非常不易用的界面元素。

“转到”按钮本身较小不易点击，功能太过集中，且需要用户观察状态再进行操作，导致易用性下降

注1：此观点深受《Don't Make Me Think》影响。

注2：虽然Mozilla说那个“转到”按钮很智能，但是很多时候真的很难给出我需要的按钮，与其说是计算机猜测用户的意图，倒不如说是用户得试着猜测计 算机的意图。因此，Firefox的这个按钮对我个人很大程度上来说实在是没多大用处，而采用同类设计的Chrome就很少有这个感觉，我想这是 “paste and go”和“paste and search”两个菜单项的缘故。

相关链接：

Firefox 3.7界面原型

Firefox 4界面原型