穿过屏幕的手 关于滚动条的故事.docVIP

穿过屏幕的手 -- 关于滚动条的故事介绍?为何滚动条是在右边，那是最佳的位置吗？从其他的一些角度想想看，把它放在左边也可能会更好。不过从Xerox?Star出现以来，基本上所有的操作界面都是把滚动条放在右边。在本文中，我们先探讨一下这个问题；再看看几年前设计的一个浏览器，并借此来聊聊有关屏幕上按钮位置的一些话题。从这两个我们要讨论的案例中，我们可以发现：最好的位置光是看的话并不让人觉得它是最好的，但是一旦使用起来就会体会到它是最好的。其中的原因是穿过屏幕的虚拟的手。又一个滚动条在图形界面中，敲击键盘之后拉动一下滚动条是最常见的操作之一。就象所有常见的窗口部件那样，我们可以很轻松地认为对滚动条的设计不会有什么有趣的东西。当然，有些设计在基本滚动条的基础上进行了扩展，比如Ahlberg和Shneiderman(1994)设计的Alphaslider，以及Brewster等人?(1994)设计的听觉加强型滚动条。如果你去看看较早期的滚动条设计，你会发现其交互模式和现在的相当不一样。此外，如今的各个滚动条相互间也会略有差别：竖直滚动条顶部和底部的按钮设计不太一样（向上的箭头和向下的箭头一端一个，或者两个箭头都放在一端，或者两个箭头在两端都有），滚动条上所附带的信息不太一样（例如：文档行数的缩略视图），视窗的反馈不太一样（移动滚动条的时候窗口会连续卷动，或者是在放开滚动条的时候直接跳到相应位置）。不管怎么样，现今基本的滚动条都是想当然就设计成这样的。?图一：眼球的快速移动。?左侧定位?我们来想想为何要用滚动条。比如你在看一份文档或列表，你想在里面找点什么东西。于是，你卷动一下文档，看看有没有出现你要找的东西，重复这个过程，直到你找到为止。现在，来看看你的眼睛是怎么移动的。对于英语及其他欧洲语言来说，文档是从左往右读的；并且对于人的称谓或名字的列表，通常也是前面的几个字母或单词对于判断你是不是在正确的行上有极大的意义。这样你的眼睛就不得不持续地从右边的滚动条（因为你要看着它才能用鼠标控制）移动到文字的左边起始位置。如果你想好好体验一下这种感觉，你可以尝试把一个弄得很宽但是上下很短然后你就可以在这个窗口里来一边卷动一边找东西。?Brewster等人描述过一个叫做‘袋鼠跳’的现象。当使用者点击滚动条上控制块下方的空白处时，会让窗口里的内容向下卷过一整页。不过，在这个过程中会有一个时刻控制块跳到鼠标的下方，这时点击鼠标的话，页面就会向上卷，再点又会向下，就这样来回地翻来翻去。如果窗口中的内容是以很快的速度被浏览的话，这种来回翻页的情况在一开始是很不容易被发现的。甭管你是新手还是有经验的用户，你都会被搞得晕头转向。正如Brewster等人指出的那样，移动滚动条所产生的反馈可以是非常细微的，其结果是即使你目不转睛盯着看也会非常有可能会错过你要找的部分，尤其是当重要的内容是在屏幕左边的时候你几乎必然要错过。??因此拖动滚动条来连续卷动和点击滚动条来翻页跳动都是有问题的。这样看来，似乎把滚动条放在左边在设计上是个比较好的选择。那么为何几乎所有的滚动条却都是在右边呢？?起源？?事实上，在Smalltalk和Interlisp环境（现在WIMP界面的直系祖先）中使用的早期滚动条，是可以由用户来设置要放在左边还是右边。其缺省状态及标准情况下是放在左边的。而且实际上，当时的Interlisp滚动条和现在的滚动条在交互方式上大有不同，它具有基于速度的屏幕卷动控制，以及不小心将鼠标移出窗口的左边框时难以捉摸的滚动条位置。围绕现今滚动条的设计是采用QOC设计理论的一个早期例子（Maclean等人，1991）。?从左到右的变化历史困扰了我好多年，直到最近我拜访了Rank?Xerox的剑桥实验室。在那里我第一次看到了称作GlobalView的Xerox?Star计算机界面的演示。它的滚动条是在右边的（图二），似乎右侧滚动条就起源于此了，之后由Apple?Lisa计算机继承，之后到Macintosh计算机，到了现在基本上已经是右侧滚动条一统天下了。图二：GlobalView的滚动条。?当然，这还是没有让我们搞明白为何滚动条被移到了右边。?来谈个离题的东西?–?箭头??研究Star系统的滚动条时，我发现它的两个与现在的设计不同的地方是值得我们注意的。第一个不同是它的‘+’‘-’按钮，它们分别是使当前页面卷回到页首，或是翻转到下一页的页首。这个功能也出现在今天的一些滚动条上，比如微软的Word?6.0。第二个不同不太明显，是箭头的指向。看看你现在使用的屏幕，滚动条的箭头是往外指向的；而Star系统中的滚动条却是向内指向的。箭头按钮的功能并没有颠倒，只是图标和其动作内