消失中的UI组件

随着Web的奇迹般的发展,慢慢地有种感觉,感觉各种新软件和以前有着越来越不同的风格,各种新产品或有意或无意地推动着这种用户体验方面的变化。

在2007年的寒假的一篇课堂报告中,我谈到过Windows Vista的发布带来了对“用户体验”的格外关注,而那个时候这一切都还不明晰。但是现在这个趋势好像越来越近,越描越细,开始逐渐展现出它的轮廓来了,而有一种变化的感觉让我觉得越来越强烈。

这个寒假,有幸看到了三年前(2006年3月)发布一篇文章(姑且算做论文吧)Magic Ink: Information Software and the Graphical Interface,虽然还没有找到机会真正仔细地去研读,但粗略地看了看都让人收获不少。在变化到来之时,察觉到的人是幸运的,而在变化刚萌芽之时就敏锐且深刻地认识到,那就更不一般了。当读到一篇文章,把自己想说的话非常清楚、深刻地表达了出来,还比自己看得更远、想得更深,就会有一种忽然醒悟、醍醐灌顶的感觉,这种感觉真的是可望不可求的。

a typical WIMP window

WIMP,Window, Icon, Menu, Pointing Device,这些都是传统界面设计中的标准,而说到GUI,首先就让人想到一个带有标题栏、最小化、最大化、关闭、菜单栏、工具栏、右键菜单、状态栏的窗口。曾经,无论是Windows自带的程序,还是各种浏览器、工具、办公软件、专业软件,都按照着这个模式来组织,而现在,绝大多数软件也还是如此。

但是,这些看似天经地义的界面要素中的大部分好像并不能经受住未来的考验了。我觉得,其中的一部分,可能最终将不复存在:

标题栏 Title Bar

标题栏有什么作用呢?一是告诉用户这个窗口是什么,二是可以控制最大化最小化和窗口位置,三是关闭窗口。那么除此之外呢?

在界面中留些空间是好的,我也同意这一点,但是同时也不得不承认,屏幕的四个角是最宝贵的,而四条边稍次之,简单说是因为鼠标移动到四个角最容易,而四条边也非常容易(根据Fitt’s Law)。对于一个最大化的Windows窗口来说,标题栏占了整整两个角和一条边,却只有很少很少的作用,这真的是一件很浪费的事情。如果可以利用,为什么不把这些利用起来呢?

所以,在Office 2007(包括后来Windows 7中自带的WordPad和Paint)中,标题栏上多了Quick Access Toolbar;而Google Chrome将标签栏和标题栏合并在了一起(这真的是很巧妙的决定,让标签栏的鼠标定位方便很多很多倍);还有更多的软件,如Adobe Photoshop CS4、Maxthon 2干脆把菜单栏和标题栏合并,节省了一个标题栏的高度。

MacOS Dashboard
Mac OS Dashboard

这是Mac OS中的Dashboard小工具(Widgets)们,Windwos Vista中的边栏(Sidebar)和Google Desktop中也都有类似的小玩意儿,它们的设计往往能给我们很多启发。不难发现,这些小工具都没有标题栏,因为它们不需要。这个时候再想想其他各种软件的标题栏,不觉得真的非常浪费吗?

菜单 Menu

再说说菜单吧,对于经常使用电脑的人来说,每天都经常和菜单打交道。尤其是Windows XP的用户:

Windows XP start menu
Windows XP start menu

开始菜单是个经典的设计,每次要寻找一个隐藏在层层菜单下的软件,要从“All Programs”开始,小心翼翼地将鼠标定位到需要打开的那个项目,然后等待展开下一级菜单,然后再重复同样的动作,直到最后找到想要打开的那个程序。可是,一不小心手一抖,偏差了几个像素,不光要一切从头来过,还要关闭错误打开的那个程序。

想一想鼠标在菜单中是如何移动的吧,我们来看个典型的情况:

how cursur moves through menus
how cursur moves through menus

鼠标从工作区移到菜单栏,然后再一级一级蜿蜒前行,在屏幕上从左到右,从上到下再到上,用zigzag这个词来形容再合适不过了。不知道有没有人注意到那几条红线,你会发现,如果要成功选择到目标的项目,鼠标几乎必须要准确地从红线范围内经过才能进入下一级菜单,如果鼠标一不小心移动到了别处,下一级菜单很快就会消失。

这样的结果是什么呢?无非是使得用户使用菜单变得异常艰难,所以也难怪很多用户喜欢把大量的图标堆放在桌面上,因为开始菜单实在是太麻烦了。

此外,菜单还有一个很重要的特点,那就是无差别的为每一个功能(选项)提供同样大小的空间。在菜单中,我们总是能找到这个程序所有的功能。因此我们在需要某个功能却又不知道在哪儿的时候,最经常的状况就遍历这个程序的所有菜单。可是,程序中有的功能非常重要,有的功能极少人会用到,它们都被同等得列在了菜单中。那些不太重要的功能占据了同样的空间,但对于不用这个功能的人来说,带来的却只是无尽的干扰。

以资源管理器里这个右键菜单为例:

Windows Explorer context menu
Windows Explorer context menu

这个菜单共有10项,分成6个部分,其中最常用到的是什么呢?对于我自己来说,首先是打开(Open),但是如果真要打开的话我会直接双击,而不会用右键菜单;其次就是属性(Properties),因为经常会修改或查看一些设置,但是,但是……但是,为什么它在最后一个?

当我在图标上点了右键,我却要把鼠标移动到最下面才能点到我最常点的那个设置,为什么要这样呢?

to be continued

鼠标右键、单选按钮,etc.