您的位置: 首页 > 艺术设计 > 设计理论 > 引导用户创建心理模型
版面设计中易出的27个错误 回到列表 《色彩解答》之二 色彩比例
 引导用户创建心理模型

作者:chouyuchouyu 时间: 2006-02-27 文档类型:原创 来自:蓝色理想

作者的Blog臭鱼的交互设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章 更多相关链接
Google广告有害吗?
UI设计师张伟访谈
UI设计师朱印访谈
眼动跟踪技术辅助可用性测试
什么是交互设计
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2