心理模型的若干讨论

记录于

关键字:技术模型、心理模型、表现模型

当你踩下汽车中的制动踏板进行刹车的时候,可能心理想象的画面是把一个杠杆和轮子摩擦来减速。而实际上,却包括了液压缸、油管,以及压挤多盘的金属垫板等一系列看不到的零件产生了关系。这里的“心理预想”就是我们说的“心理模型”,踏板就是“表现模型”,而实际看不到的那部分则属于“技术模型”。踩刹车的过程中我们在想象中简化了一切。

  • 首先看看三者的大致区别:


技术模型
技术模型位于技术解决方案领域,是指程序用代码来实现细节的方式。技术模型是产品的内部结构和工作原理,常常存在于产品设计、技术人员的头脑中。
心理模型
人们遵循生活中某些习惯或经验,而建立的最有效的方法。心理模型经常是根据零碎的事实构建而成的,对事实的来龙去脉只有一种肤浅的理解,并依据心理学,形成对事物的起因、机制和相互关系等角度的看法。
表现模型
指人们通过经验训练和学习,对自己、他人、环境以及接触到的事物形成的模型。表现模型和用户的心理模型越接近,用户越容易理解并使用它。一个好的表现模型能帮助我们预测操作行为或使用规则的效果,否则,我们在操作或使用规则时就只能盲目地死记硬背,照别人说的去做。
在设计中,表现模型和用户的心理模型越接近,用户越容易理解并使用它。我们设计产品的时候也是这样,究竟怎样的界面提供的认知框架能让用户一目了然并实现他的目标和需要?

那么,我们的工作中哪些可以用心理模型做参考?结论是,我们要以用户是否理解为衡量标准。设计与心理预期越一致,用户则越能够快速理解和操作。

  • 这样的措辞不利于想象三者之间的大小

不准确的措辞表达不易想象
用词的含混使得同一个名词出现两种不同的定义,不易于理解。依据页面表达原则:信息的表达应该清楚、明确、直接。用词应该准确而不产生歧义。同时,我们也要采取适用于广大用户能理解的领域范围的措辞,而不是生僻、专业性、技术性的语言让用户揣测半天。


打开个人Qzone的“自定义”(如上图),我们可以看到“宽屏”、“全屏”、“小窝”三种版式布局,从字面上很不容易理解。我是QQ空间的熟手用户,尽管常常操作空间,可还是经常把“宽版”和“全屏”给搞混了,因为心理预期是“全”的表达应该比“宽”更大一些。主要是词语的含义不好猜,还不如类似于“大”、“中”、“小”这样清晰、直接的措辞表达一目了然。
产品名称表达上的不易理解


如上图,点击QQ空间中,“个人中心”、“信息中心”、“权限管理”彼此是什么关系?如上图,其实“个人中心”应该叫作“信息中心”,因为尽管很多应用都与“我个人”产生了联系,但这里不是仅仅有“个人”的内容了,很多好友的相关信息也在这里展现。而“权限设置”的位置放在“应用列表”下也不合适,因为“权限设置”不是对“应用列表”的管理,应该与“应用列表”属于同一级别,是对整个空间的访问权限、留言权限等的“管理”。

到达位置不一致让人无法猜测

如上面两图所示,QQ空间的应用中,由于头像默认习惯是跳转去对方的空间,而在“好友买卖”中,却是在本人空间这里看到好友的信息。“买卖好友”、“停车位”、“礼物”头像去哪也不一致。同一个空间里,一会儿在本人这里查看,一会儿新打开别人的空间查看,这样的产品设计着实让人很难猜。用户容易在这个场所产生疑惑:点击“昵称”和“头像”是应该去别人的空间看详情,还是在我自己的空间里就能看到当前的应用?

  • 这样的树状结构表现不易于形成心理模型

如上图,在操作系统中,“桌面”其实是“C”盘内的某一个文件夹,但在点击“向上”时,却能够到达再次到达“桌面”,所以这里的“向上”的可操作性与最终到达“桌面”的位置,与心理预期不一致。怎么我从“桌面”又上来到了“桌面”?所以,最顶端的一层应该是“我的电脑”,因为所有这些都属于“我的电脑”中的。

——————————————————————————————————————

  • 由以上引发了一些讨论——

我们来看看QQ会员页面的结构:

会员的结构,从产品需求看是从内容角度分类上为:“成长体系 | 特权与功能 | 会员活动 | 兑换专区 | 会员社区”几项内容,而从运营的角度有“QQ特权频道 | 生活特权频道 | 游戏特权频道”几项内容。其实:

原来的导航的设计(即图1)是不在同一个级别上,视觉上会感觉有个上下关系、或者从属关系,很难想象到实际情况(如图2)。这样子,用户看到的表现模型,很难理解到它内在的实际架构,两者很难联系起来,无法一目了然地清楚自己所在的场景中。所以说,不好的结构将使得操作不易猜测。

Seven和相关同事进行了进一步的探讨和研究,大家都比较倾向于把频道的导航拿下来,使之在不同纬度的分类方法和导航,至少看起来是在同一个层面的。当然两个维度不混淆在一起将使表现更清楚,我们在视觉上可以加以区分,如两内容的展现方式不同、两内容之间保证一定的距离等,当然在“频道”一类型的分类里面,我们又可以细分为二级导航,最后得出:

当然你如果有更好的表达方式或想法,欢迎加入讨论:)
在产品设计中,我们不仅要关注信息结构,还要关注表达,使表现模型与心理模型接近,尽可能地保证结果在人们预料范围之内。甚至我们可以考虑从任务出发,提供不同的设计。如我们在网上买东西的时候,有人关注场景(节假日啦,推广活动啦)、有人带有目的性地搜索商品(某人就想上来买个iPhone),有人关注“我的个人账户”(卖家进来收款)等等。在各种各样需求无法满足时,用不同的表现来解决问题。为了尽可能解决用户理解的问题,设计师要直观地表现操作意图和实际操作之间的线索,并且让用户看出信息结构相互之间的关键差异,和彼此之间的联系。

  • nightheart

    很多时候我的设计是基于逻辑一致或者到达一致的,但常常会因为具体的问题而采取一些折中的办法;在我的电脑这个例子中,我觉得微软的布局和用户理解是一致的,虽然逻辑性稍欠…

  • lyhiving

    如果说PC的第一级是我的电脑,那么就会明显使得用户无法适应,因为所有的一切都是从桌面开始的。

    至于到了桌面那个文件夹,已经用普通的文件夹来显示,已经做得很好了,在这里的“桌面”仅仅是一个文件夹,也就是你可以在C盘下面建立一个“桌面”,也可以在“桌面”下面建立一个“桌面”。

    因此可以肯定地说windows目录的这个例子用在这里不对。

  • alps

    说来说去,看来还是老问题, user–UI–navigation–consistency—architecture—-proposed user– requirement analysis—strategy….. , 源头要搞清楚,逻辑都是可以沿循的,一个环节一个环节把每个层面确定,之后就形成合适的体系了~~~ 有了问题还是要看源头~~

  • Pingback: UserFree|用户体验|可用性研究|交互设计 » Blog Archive » 用户体验和用户心理模型

  • NvLiFD

    很不错的学习内容,学到了很多自己没有了解的领域里的知识。谢谢。

  • bice

    关于Windows桌面的讨论很有意思。从文件系统结构上说,C盘下的确有一个“桌面”文件夹;而对于用户来说,桌面上有一个“我的电脑”也OK,只是作为资源管理器的UI表现层它们不该放在一起展现出来使用户混淆,感觉桌面穿越了,呵呵~

  • ssh

    QQ会员的例子中,搜索栏目实际没有用途,用户看到这个搜索不知道能够用来做什么,应该做一个引导。
    导航栏,信息显得冗余,有重复的内容。层级关系没有建立。

<< 返回首页 <<   >>

关于薯片会

...
第一步骤:左手拿起薯片,右手用鼠标慢慢滑动。

第二步骤:吃下薯片(你可以不吃,咬着),然后左手、右手放在键盘位置上,把你想要说的话写上。
...

薯片会成员


臭鱼(李钊)

北京人,男,29岁
www.chouyu.com.cn


Seven

外星人,男,25岁
www.hiseven.net


tesion

很热情的同学
www.tesion.cn


Evanchen

一个真正的交互设计师,应该能够丰富设计这一概念。
www.UExperience.cn


西贝

单纯使人更加专业
www.xibeidesign.cn


艺文

用爱心规划设计
QQ:4251538


流沙

Design to change the world
www.uesand.com


yanyan

真诚是设计的灵魂
Qzone


margaret

蛋小荒—女神


vijeun

按着心里的感觉走
Qzone


vv

万年12岁

readers