引导用户创建心理模型

二月 28th, 2006 10 Comments »

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

有10 条对“引导用户创建心理模型”的评论

  1. shirley 说:

    亲爱的臭鱼,你所描述的心理模型和比方都是对的,深有同感。只是我个人最初使用滚轮缩放的时候(FF和IE6是一样的方式),我的心理模型倒是建立的不对。我觉得,近大远小,所以向上滚是“近”,就应该放大。。。呵呵,错了多次之后才改过来,由于通常都是需要放大,所以我会对自己说“向下就对了”。

    喜欢你的博客^_^
    另外,有空我们可以聊聊软件版本兼容。

  2. 臭鱼 说:

    “向下就对了” 看,你还是建立了合适的心理模型。

    首页上有我的联系方式,要找我,直接加msn就行。

  3. 游泳的鱼 说:

    可以把鼠标滚轮想像成你的手,滚轮向下的时候也就是向自己滚,是把东西拿近,向上的时候也就是向远离自己的方向滚,是把东西推远。况且鼠标就是用手在操作,这样的理解非常符合实际情况。

    而玩魔兽的时候因为当前操控的视觉就是第一人称视角,所以把鼠标想像成眼睛也是很自然的,行前就是眼睛向前,向后就是眼睛退后。

    不同的环境当中,人的心理定位未必相同。用户在一些看似自然的模型下犯错误,正式因为之前学习的经验对自己自然习惯的影响。或者说是一种条件反射。

  4. 奇遇 说:

    呵呵 你这个称呼我不知道是不是准确 我们一般叫"心智模型" 呵呵 此称呼可参考<<交互设计精髓>>一书

  5. 奇遇 说:

    我是做交互设计的 不太久 希望能做个朋友 有问题多想你请教

  6. 萋萋 说:

    看了文章前两句对IE7的缩放描述后,我尝试了下操作,并很快建立了心理模型——“鼠标滚轮是带着我移动的车轮,滚轮向前,页面离我近了,所以文字变大,滚轮向后,则是我在后退,文字自然缩小”,有着可视的变化效果,对应心理模型的建立并不困难。

    看到留言中shirley也在说——近大远小,所以向上滚是“近”,就应该放大。。。 似乎反而是IE6的操作方式让人迷惑了

  7. 小微 说:

    你好,我的电脑往下拉页面时总是滚动看着很麻烦,怎样才能不滚动让字体直上直下的走?虚心请教!

  8. Ganry57 说:

    Knowing that these vowels are similar in articulation might help the teacher emphasize how the vowels feel in the mouth when they are spoken. ,

  9. owen 说:

    感觉还是滚轮向前拉大界面比较自然一点,不知道哪里形成的心里模型,我觉得也没必要把缩放页面想象成拿东西或者开车什么的,只是向前滚→页面变大是一般人的第一感觉,很多绘图软件也都是这样的。就好像大部分人都是右撇子。。难道也要类比一下么?

  10. 羊毛线团 说:

    刚刚测试了一下,按住ctrl键,心里想着要把网页拉大,鼠标滚轮直接往上滚,没想别的,然后网页就放大了,感觉不到有什么心里模型在作用,难道我是太熟练了?

发表评论

您的大名: