糟糕界面集锦――应用程序点评

糟糕界面集锦――应用程序点评- -
Pixelcentric著
翻译：雷立辉（http://www.coeffort.com）
原文出自:http://pixelcentric.net/x-shame/index.html
Goooder推荐：如何在界面方面贴近操作系统的风格，在这篇文章里面有了一个理由充分的讨论。
Adobe GoLive 6点评
尽管这个程序是Mac操作系统的重要程序之一，它仍然不是一个顺从的孩子，因为它没有遵守苹果操作系统人机交互设计指导原则（Mac OS Human Interface Guidelines）。所以，它仍然以界面设计缺乏一些必要的修琢而让人大跌眼镜。

程序界面中几乎所有的地方的字儿都是那么的小，即使有足够的空间让它们以大字号摆放。操作系统对于菜单字体的推荐大小为12个象素，但这个菜单仍然我行我素：两行小字儿外加一条分割线。同时我们也要注意到它使用带斜脚的按钮作为下拉列表框的标题。这样的错误在这个程序中不至一处。当然我们都清楚，Mac OS X（及其所有Mac操作系统版本）都提供了标准的下拉列表框，而且标题栏还提供比如像正序排列，倒序排列，调整各列的相对位置等等丰富功能。（也就是说这个程序弄巧成拙，不用系统提供的标准控件而使用了性能很差的自定义控件。译者注）
 

 
和程序界面其它地方一样，在可用服务器窗口的字体也是异乎寻常的小。文本域的文字应该是右对齐而它却左对齐；图标的使用毫无意义所以应该删掉从而给其旁边的标签文字让出更大的空间；在下拉列表框下面的"新建"和"删除"按钮应该变成全尺寸的按钮。这两个按钮太小了所以用户可能不能容易的发现它们，而且即使发现了它们，用户也不能很清楚的知道它们的用途。此外，在下拉列表框标题栏仍然使用了可恶的带斜角按钮。
下面是一个在GoLive和其它Adobe程序中使用的Adobe风格的属性页。为什么在整个窗口中只有一个属性页而它还要以属性页显示？直接将这个属性页的标题变成子窗口的标题不就行了吗？如果再有新的属性页添加进来后再变成属性页也不迟啊。同样也要注意到他们空间利用率太低。文字太小而且尽管这是最小化状态而窗口还是有许多无用空白。

当然这个程序不是一无是处。比如说，它提供了一个非常方便的创建链接的连接工具（就是窗口最上面文本框的左边的小按钮）。只要按住这个按钮然后将光标移至想要的地方松开就会生成一个地址行。然后你就可以将这行文字拖放至站点管理器或者别的文件窗口就会生成一个URL地址，而避免了使用键盘输入冗长的地址。更精彩的是，将这个地址拖拽时，光标后面的窗口将会逐个交替的弹到最上面，所以就是被别的窗口所覆盖的窗口也有机会显示在最上面，这就避免了创建链接时先要手工重新安排窗口。
Molla 1.3点评
注意：根据Molla开发总部的计划，他们将在1.5版时使用Molla Firebird模块来代替现在的浏览器模块，所以这段评述的有效期不会太长。
Molla浏览器的排版引擎（Gecko）是最有兼容性的引擎。但糟糕的是与所有正式出版的浏览器相比，它的用户界面友好性却是最差的。Molla的用户体验是如此之差，使得那些讨厌使用这个浏览器的用户尖酸的说这个浏览器不是为普通用户设计的而是为那些网络好手特制（fringe browser）的一款浏览器。这当然是我们不能接受的事实，因为这个浏览器的目标便是为网络界设计一款标准而兼容的浏览器，而特制浏览器的设计目的与此背道而驰。实际上，一些后来的Molla批评者开始声称Molla既不是给最终用户设计的，也不是为网络好手设计的 ，而只是夹杂在其它应用程序中间的一个能工作的普通应用程序。这当然是不足为信的，因为Molla引擎是几个面向终端用户的浏览器的核心支撑部分，最有名的应该是Netscape导航者浏览器了。这些声称Molla浏览器不是为终端用户设计的人显然是将Molla和排版引擎NGLayout（Gecko）概念混淆了。实际上在别的浏览器产品上使用Molla引擎还是相对轻松的。
Molla浏览器界面提供了两套风格的主题：一套是多平台统一风格的现代界面，一套是尽力模仿所安装操作系统界面风格的传统界面。大多数情况下，传统界面工作的较好而现代界面却完全失败了。但是传统界面也是不尽完美。下面所说的便是这两套风格界面的缺陷。请注意下面的界面截图是笔者在Mac OS X上故意使用用户自定义主题而Malla使用传统主题界面。这样会让我更加简单的指出Molla并没有使用Mac OS X界面显示管理器所设置的颜色设定，而它只是简单的假设了用户使用Aqua风格（当然苹果自己的软件iTunes在这方面也是犯了同样的错误）。

当Molla在传统风格模式运行时，你最先看到的便是这个Netscape 4式样的工具条。这和下图的现代风格界面的工具条一样，表面看是一个可以定制但实质上是不可定制的。虽然它的地址输入栏额外支持Quartz antialiasing，但它并不是标准的Mac OS X控件。糟糕的是，它和Mac OS X文本输入框行为稍微有点不一样。Molla其它地方的界面文本输入框如在网页中显示的文本输入框，也和Mac OS X中的文本输入框行为有点不一样。（也就是说，你在程序中使用的标准界面元素行为最好和做在操作系统的界面元素行为完全一样。译者注）。
界面中的图标和Netscape 4中的图标是一样的，这让人觉得这个程序并一个不是标准的Mac OS X程序而仅仅是可以运行在Mac OS X上而已。不过，在窗口标题栏右边的工具条开关按钮设计样式则是一个迈向Mac风格的进步。

当使用现代风格界面时，用户会觉得它们的确面对的是一个和Mac控件风格完全不一样的界面。
奇怪的是，"Home"按钮从浏览工具条上消失而出现在书签工具条上。甚至更为奇怪的是工具条的位置不再是可以调整的了。用户可以隐藏工具条上的按钮（例如"Home"按钮），但工具条不可移动而且按钮位置不可交换。这根本不像程序Mail，Finder或者Chimera那样其工具条是可以完全定制的，更别说它是一个标准的Mac风格工具条。
现代风格界面中的按钮也和程序"sihouette"的按钮一样，这可以认为是这些愚蠢设计的副产品（by-design stupidity）。工具条图标的设计原则应该是图标之间尽量要以形状及颜色相区分。而这几个图标则都没有做到，它们都不起眼，且都是平面的和圆形的。

Molla的菜单结构也是一塌糊涂，尽管现在比以前进步了一些。非常常用的命令如"新建一个窗口"，"新建一页(New Tab)"被放到了子菜单里面，这和通常程序中将新建命令菜单放到文件主菜单的前几项完全不一样。同时，像"发送页面"这样的不常用命令却在一级菜单中堂而皇之占据了一个位置。其它主菜单项的情况大致相似。对于一些初级网络用户根本不会用的菜单项却放置在一级菜单里面。

对于与之具有竞争关系的产品像Internet Explorer都把"邮件"这样的按钮放到主工具条上以使它更加容易发现和操作，Molla却将它放到了左下角与状态栏相邻的地方。这样会让用户觉得这个"邮件"图标和其它子程序图标都是像状态栏指示一样，点击"邮件"按钮不能启动发送邮件窗口。幸亏这些按钮具有工具条提示，但是如果用户鼠标不移动图标上面是不会显示这些提示的。而糟糕的是这些图标本身就很不起眼。

这个参数配置窗口的设计可以说是糟糕透顶了。这些选项分成几个大组，每个大组里面又有几个小组，而且如果把它们都展开，它们的高度将超过列表高度的两倍。就像其它的Molla窗口组件一样，这个窗口使用自定义控件。这些控件操作方式和Mac OS X的标准控件大体差不多，样子也符合自定义风格。不幸的是，这个弹出菜单操作方式却和操作系统的标准菜单操作方式有所不同。
如果用户使用传统风格主题（如上图），弹出式菜单风格类似于Windows的弹出式菜单。但它的可滚动列表让我们想起列表框，而不是那种当用户将鼠标向上移动或向下移动时菜单项会自动滚动的菜单。

如果用户用的是更加新异的现代风格界面（如上图），这个弹出式菜单则更像Mac OS中的标准菜单风格，但工作方式仍与之相比有细微差别。为了将这个列表向上（下）移动，用户必须将光标移动到这个"箭头"项上（就是上图中的高亮的部分）。只能这样移动菜单项。而Mac OS X的标准菜单只需要将鼠标箭头移动到菜单接近顶部或底部菜单项就能滚动菜单项，而且它的滚动速度与光标箭头和菜单上下中线距离成正相关。Molla的这个菜单却缺乏这样的特性。

最后，传统风格界面中的上下文关联菜单就像是一股复古之风（a blast from the past）：这个菜单样式选用了Mac系统7的菜单的白色背景而使用了Mac 8中的蓝色高亮风格，即使用户将操作系统主题颜色风格设置为青灰色也是如此。这些菜单不会沿用Mac OS X用户设定的颜色风格，以致于造成了这些菜单不伦不类，十分显眼，即使用户不使用自定义颜色设定也是如此。这是相当奇怪的，因为Molla的大多数控件在使用传统风格界面时都是因显示管理器（Appearance Manager）的设定而变化的。当然，对于这个毛病的快速解决方法就是给这个菜单加上灰色的外边框。这样至少会在Mac OS X的缺省蓝色主题下显得稍微溶入一些。从长远来看菜单应该采用与Mac OS菜单一样的行为和显示方式。或许Molla的Mac版本应该像Camino（一个Mac OS X的浏览器）一样在Molla 的NGLayout引擎中实现一组Aqua风格的上下文菜单控件。
MSN Messager点评
MAC OS X版的MSN Messager也是微软适时消息交流的客户端（当然它是一个巨大的MSN和Passport服务系统结构的一部分）。尽管它与Windows XP版的MSN Messenger程序是独立的程序，但它的功能是非常相像的。这利弊参半。

Mac版的MSN Messenger美学观点显然被Windows XP版所影响，但幸运的是它还有一些Mac OS X风格。比如说，工具条上的图标看起来有点像Aqua那种透明塑料的感觉而不是XP的那种硬塑料的感觉。这一点符合这个程序的所有控件。
"发送"按钮是一个巨大怪异的东西，它的高度竟然和文本输入框是一样的，甚至更大一些。回车和点击按钮都会发送输入的消息，所以让人觉得微软可能想用这种形式来强调这个按钮。想到苹果即将发布的iChat，这个软件就根本没有"发送"按钮，回车也和MSN Messenger一样是可以发送输入的消息的。这就足够好了，不过如果添加一个小的"发送"按钮可能会更好一些，因为这样会消除一些用户找不到"发送"按钮的可能性。
MSN Messenger另外一个不足之处是对于笑脸图标的管理。点击这个笑脸按钮会弹出一个含有一组按钮的菜单。这错误不仅在于它错误的使用了按钮（bevelbuttons）（因为它们的行为像一个menu woud），而且，这样会使得无处安置对于笑脸图标的解释文字。而iChat则有更好的解决方案。文字解释赋予这些笑脸图标一个更明确的含义，在发送端和接受端都不会引起误解。当然，这假设通讯双方都看过对笑脸菜单的解释。
在这个笑脸图标菜单的右下角的"。。。"项也会迷惑用户，因为用户会认为它本身就是一个图标，其中的图案就是那三个点；然而，点击这个按钮会打开一个对所有图标的浏览窗口，包括所有没有出现在这个菜单中的图标。为什么微软要做一个这样的图标浏览窗口呢？或许，微软就像iChat一样，加一个文字菜单而上面的"。。。"换成"More。。。"会更加适宜一些。
最后值得一说的是，MSN Messenger虽然只含有四个项目，但却比iChat的含有四项的工具条占据的面积大9倍。尽管MSN Messenger工具条的图标也具有形象的含义，但它们仍然有解释标签。但它的图标是32x32象素大小，比起iChat的16x20象素的按钮费空间多了。
QuickTime Player 6.3点评
QuickTime Player 5和6比起版本4要更加有条理和布局得当一些，但它的视频和音频播放控件操作性仍然不尽人意。

为了使用音频控制功能，用户必须点击一个看起来更像是图片的按钮的非标准控件。这个问题控件就是在右面黄色工具栏上的音量显示控件。当这个控件被点击的时候围绕在其周围的边框才会出现。而正常情况下这个黑色边框是不可见的，也就是说，这个功能不是很明显。
而视频控件就根本不能通过点击窗口中的一个控件来打开。命令K或者点击菜单"显示视频控件。。。"才能显示出一个半透明条目，上面包含了一个控件。为了改变不同视频设定，用户只能通过点击一个非常小的灰色箭头来控制，而这个小东西非常不起眼（就在现在控制选项名称的右面）。每一次只能显示一个选项，这有个好处便是能让你很容易的看到你现在播放的视频。但仍然有一点需要提出，这个控件首先不应该放置在那儿，而应该是一个浮动的窗口；而且这个窗口有几个分割的部分，把这些视频控件（对比度，饱和度及亮度等）都放置在同一个窗口里，可以让用户一下子都能访问。
QuickTime界面使用了金属质地，这种风格本来是Mac OS X专门预留给这些诸如媒体播放，音频输入等这些数字设备管理程序使用的。QuickTime播放器并没有使用系统API来生成这种金属纹路界面，而使用了程序自身所带的位图图片。这就是说如果像Mac OS X 10.2.3版本中设置系统界面为金属风格时，QuickTime播放器将和其它所有的金属界面程序表现形式及行为有一些差异。这也就意味着如果用户改变了系统显示主题风格而使用了其它非金属界面风格，QuickTime将不会适应于新的设定。
即使用户选择了隐藏文件扩展名，QuickTime播放器窗口标题也同样会显示文件扩展名（如截图所示）。
让人觉得不可思议的是（aggravatingly）QuickTime6.3依然不支持保存包括扩展名在内超过31个字符的长文件名的文件。
这个截图是使用芬兰区域环境。有趣的是，音频控件并没有本地化。而其它如平衡，低音和高音控件文字还不是芬兰语。
RealOne Player点评
尽管RealOne Player具有非常简单的操作界面，但它却不尽人意的与Mac OS X的好多界面风格传统相抵触。

RealOne主窗口如此的不标准以致于让用户觉得无处下手。窗口的四角比标准的Aqua窗口更加圆。有趣的是其它的三个角都是圆角但右下角却相对尖一些（尽管Aqua也有点太圆了）。和QuickTime一样的毛病，它缺乏明显的窗口标题栏让有些用户感到有点迷惑。加之RealOne窗口标题栏没有显示标题文本而只显示了程序logo文本，这更加造成混乱。
为了它的"超炫"特点(wow factor)，如果将光标移动到上面，RealOne播放器窗口大小改变控件将会加亮为离子绿色。对于其它控件也是如此。这让界面看起来有点紧张，尽管它相当简单。
非常明显，按钮不是标准的，而且设计得很差。如果它们处于失效状态，会让一些用户不能看到它们的存在。第二个按钮起的那些按钮（就是播放按钮相邻的右边那些按钮）太小了，它们应该更大一些。理由便是它们周围的空白太多。有意思的是，音量滑条标题图标也是一个按钮，正如它周围的灰色边缘所示。但是，当这个按钮被点击时却不明显。实际上，点击这个按钮会使播放器静音，即使这个图标依然表示声音依然从喇叭放出。RealOne看起来将这个表示颠倒了。
这些奇异之处和那个复杂的参数控制面板只能降低产品的竞争力，也就一起表明了QuickTime...或者Windows媒体播放器的成功。看起来RealOne Player设计目的是为了显摆，而其对手产品却从使用性角度来考虑。

QuickTime播放器或许不是纯Aqua，但它至少看起来很干净和直观

有意思，微软的这个却是三个之中最符合Aqua风格的