作者的Blog：臭鱼的交互设计

在IE7 beta版中新添加了一项重要的功能－－－页面缩放。在窗口的右下角以一个下拉菜单显示百分比。此功能的快捷操作是按住ctrl键，然后滚动鼠标滚轮，滚轮向上滚则放大页面，向下滚则缩小页面。在IE6的windows版中，只提供了“文字大小”功能，用来改变页面中相对字号的大小。快捷操作是按住ctrl键，向下滚动鼠标滚轮则文字放大，向上滚动滚轮则文字减小。在IE7 beta中，这个快捷操作让给了“页面缩放”功能。不过，鼠标滚轮的滚动方向却是相反的。

在IE6中，当向下滚动滚轮时，则页面被“拖拽”长了。用户会很容易记住滚轮滚动方向与页面变化之间的关系。在IE7 btea中，当用户向下拖滚轮的时候，页面的显示比例变小，页面向上运动，缩小了。即使不考虑老IE用户的使用习惯，这个操作至少也不容易让用户正确的记住滚轮滚动方向与页面变化的对应关系。

一个构造复杂的工具，没有必要向用户完全解释清楚内部的工作原理，而用户在使用过程中却往往需要在某种程度上理解这个工具，以便更好的驾驭。此时，用户往往会以自己的方式来理解这个产品。有可能用户的理解与产品实际的工作原理完全不符，但用户却可以通过自己的理解正确预测产品的使用效果。我父亲称这种做法为“琢磨规律”，在交互设计中成之为建立用户的心理模型。

大部分汽车的转向灯控制器都是在方向盘左侧的后面，一个连接在方向盘轴上的拨杆，向上拨动，则右侧转向灯亮，向下拨动，则左侧转向灯亮。对于第一次接触汽车的驾校学员来说，这是个完全陌生的操作。通常教练是不教学员如何记住这个操作的。不过练习了几个小时之后，大多数学员就都能自如的操作了。学员们各自建立了自己心理模型，而这些模型几乎是完全一致的：要向右转时，方向盘是向右侧转动的，左手是从下向上的运动，所以转向灯拨杆也是从下向上拨，反之亦然。实际上，汽车转向器是通过电路控制的，向上或向下拨只是给出了一个相应的电信号。不过驾驶者却不需要去了解真正的工作原理，通过自己的经验总结，建立这样一个简单的心理模型就已经能完全掌握了转向拨杆的使用规律。这也正是转向拨杆设计者希望看到的。一个良好的设计，使得用户更加容易建立正确、简单的心理模型。如果转向拨杆被设计成类似“手刹”一样的操作，那么无论向上拉是左转向灯亮还是右转向灯亮，恐怕都不容易记住了。当然如果能够使驾驶者方便的左右调节来控制转向灯当然是更理想的。

与汽车相比，电脑上运行的软件显得更加复杂。恐怕只有极少数软件工程师才能真正明白某一功能的工作原理，即使他们能明白，恐怕也不会通过背诵软件开发流程图来记住如何使用软件。

在电脑游戏“魔兽争霸3”中，变换玩家视角的功能也是一个关于心理模型很好的例子。

在游戏的3D场景中，默认状态，玩家是以接近45度的俯视视角观看。向上滚动鼠标滚轮，则视点更接近地面；向下滚动滚轮，则视点远离地面，更接近于垂直的俯视。根据不同的战场情况，改变视角可以更便于观察，对不少玩家来说，这是个常用的功能。

要如何才能记住滚轮滚动方向与视角变化的对应关系呢？“当我要更贴近地面观察的时候，我就去推动整个空间，让显示器向后倾斜。所以我要推动鼠标滚轮。”只需要解释到这里就足够了，向下拉滚轮的操作也已经可以记住了。也许对这个操作你会有不同的理解，只要合乎逻辑并且能正确反应此功能的操作规律，都是不错的心理模型。游戏设计者给出了合适的条件让玩家能总结出简单的、合理的规律。

对于某一功能只存在着唯一合理的操作设计吗？对于“魔兽3”中的这个功能，让我们来假设一个相反的操作：向上推鼠标滚轮，则视点提高，接近于垂直俯视；向下拉滚轮，则视点降低。这样可以吗？恐怕也可以给出合理的解释：“如果我想从更高的视点观察，我需要让眼睛处于更高地位置上，我的眼睛就固定在鼠标滚轮上，需要向上，再向上......”如果这个解释不比前面的解释更复杂，那么我们这样相反的处理这个功能的操作就是可以接受的，合理的。

不过，IE7 beta中的“缩放页面”操作与原先的“文字大小”操作相反的做法，似乎就不那么合适了。向下滚动鼠标滚轮，页面向上收缩。这类似于在开车的时候，向左转动方向盘，则车向右转。或许驾驶者也能为这样的操作给出一个合逻辑的解释，以避免自己操作失误，但是，这个解释恐怕不会比“向左转方向盘，则车向左转”的心理模型更简单。“方向盘与车轮相连，转动了方向盘，则车轮也随之被转动了。”这个心理模型如此之简单，以至于我们根本不需要有意的去建立这个心理模型，便完全可以正确操作。

与“魔兽”的例子相比，IE7有着明确的视觉反馈，用户更容易联想到现实生活中的经验，并且需要此处的操作能符合自己的经验。设计者即使不能为一个功能设计出十分理想的操作，主动地去暗示用户，引导用户创建心理模型，至少也不应该阻碍用户去理解产品。

用户的心理模型往往基于对现实生活的经验积累。我们在打开一本挂历的时候，卷轴随着手向下滚动，可视的面积逐渐加大。所以，IE6中的“文字大小”功能是比较容易理解的。

用户的心理模型是简单的。心理模型是工具与用户操作之间的桥梁，借助这个桥梁，可以更容易的理解并使用工具。心理模型越复杂，它的存在价值就越小。如果心理模型需要用户要花很多的时间进行思考，那么他（她）往往更倾向于通过实践操作来找到正确的使用方法，在实践的过程中，又会总结出新的心理模型，新模型将比旧模型更简单，并且比实践操作来的更容易。

用户最终会忘掉心理模型。创建心理模型是为了更容易的学会使用工具，随着用户熟练程度的提高，逐渐地就不再需要花时间来思考了。操作变成了一种自然的反应。有一定驾驶经验的驾驶者打转向灯之前不需要先考虑“左手要向上运动，因此...”不过，最初的心理模型仍旧是这个操作的基础。因为驾驶者合理的理解了转向灯拨杆，所以，在他（她）后来的使用中能轻松的驾驭这一功能，并且在某些特殊的情况下，当驾驶者再次遇到操作困难的时候，心理模型又会被唤醒。我曾经与一位有多年驾龄朋友饮酒达旦，最后由他开车送我回家，此时，他自然早已经是成仙了，临近一个路口的时候，他是这样说的：“咱们现，现在是该往左转，左转弯儿了，是吧，那就是得这么转（方向盘），所以，就得往这么拨拉（转向灯拨杆），哎，这样，这样就对了，左箭头不是亮，亮了嘛，我跟你讲啊，开车这个是，是有窍门的......”

我在使用IE7 beta中的“页面缩放”功能时，想起了他那天的教诲，写下了这篇小文。

出处：蓝色理想
责任编辑：moby