从马桶到删除——交互设计中的心理学

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

题图是常见的一种马桶放水按钮设计,乍看一个按钮,却由一大一小两部分构成。不知有多少人知道这个设计的奥秘所在。有没有曾方便完疑惑过,该按哪一个?大多数人最后的选择可能都是同时按。

其实,一大一小按钮功能相同,区别只在于出水量!设计者期望通过直观、形象的按钮大小来代表出水量!合理吗?想一想,“哦,有点道理”。然后呢?事实是下一次你可能依然会两个同时按!这个看似巧妙的设计,却给生活平添了无端的疑惑和认知决策。

 

马桶按钮设计的问题

问题在于设计者试图挑战的是大多数人早已建立的知识结构和关系模式,每次操作时都要付诸额外的认知记忆和判断!不是吗?最自然的设计和操作该是什么?其实大多数人的实际操作已经给了答案,一个按钮就够了!那出水量怎么办?

认知图式

先来看看认知心理学关于人们对世界的表征和知识结构研究。对于事物以及事物间关系的认知和理解,构成了我们对于外部世界的内在表征,而对这些知识的结构化组织,心理学中有一个概念叫图式(schema),图式是“结构化的概念…用来表征事件、事件发生的顺序…关系以及目标”(艾森克, 2000)。图式代表了基于经验形成的对特定对象和事件的结构化知识(Weiten, 1995)。图式作为一种认知结构,会影响我们的注意、记忆等信息加工过程,甚至我们的社会交往(Baron & Byrne, 1994)。当然还有我们这里讨论的交互行为操作!

那么在我们的认知图式中,什么与出水量是最自然的关联?答案是按下的时间长短或力度!这是比按钮大小更早建立或更普遍的关联关系。每次放水时的犹豫,就在于设计者要挑战你早已形成的图式。

认知反馈

除图式之外,马桶按钮还与交互设计中另一个概念有关:反馈。即便是曾经分别按过大或小按钮,结果呢?我们关注的是水有没有出来。如果有人好奇到看看区别,可能的结果还是疑惑。

在心理学中,有个概念叫最小可觉差(j.n.d, just noticeable difference)。简单举例说,手拿一张纸或两张纸,这个重量差别你体会不到,但拿一张纸或一沓纸,这个差别你是能分辨出的,因为一张两张纸的差别小于你能分辨出的重量差别(即最小可觉差),而一张纸和一沓纸的区别大于最小可觉差。对于马桶出水量,我们缺少水流判断的视觉线索,水量差别也可能小于最小可觉差。这就是为什么我想说:这个“总让你我思考”的马桶设计真的很糟!

 

iOS 中的删除按钮

我们再来看看 iOS 中的“删除”设计,下图以 Safari 浏览器地址输入时界面为例(其他搜索界面类似),两个按钮分别标出(下图左):

  1. 键盘中的删除按钮;
  2. 地址栏后部分的删除。

两个按钮功能的差别在于地址栏后部分按钮可以一键清除前面内容;而键盘中的删除与传统键盘的删除类似,是逐字删除。电脑操作中,多个内容的删除,一般操作习惯是先选中这些内容再按一次删除键。屏幕变小的手持设备采用触屏操作,先选中再删除的操作困难一些,但单独分开的一键删除和逐字删除,在设计和操作上值得商榷,更何况在 Safari 中,当光标未置入地址栏时,键盘的删除也是清除功能,即全删除。

MT02

根据上面讨论到的心理学知识,与删除多少自然关联的概念也是时间(即键盘按下时间)!单次触点按下逐字删除,长按全删(如上图右边的 MyCal 删除就采取了这种设计,与传统计算器的 C 键一键删除的操作相比,操作有更高的精细度)。当然更精细的设计原理是根据按下时间计算删除的加速度,这样设计即考虑到了人们的认知操作和期望,并减少了界面元素,也减少了认知混淆和决策。

当然,根据 Occam’s razor 原则(Lidwell, Holden, & Butler, 2010),以上两个设计也是需要精简的

来源:互联网er的早读课

您的赞赏,是对我创作的最大鼓励。

评论( 3

登录后参与评论
  1. 关于按钮的结论,有做过用户调查么?有比较有说服力的数据支撑吗?

    回复
  2. 马桶的大小按钮一目了然啊

    回复
  3. 感觉这篇文章,很牵强。

    回复
加载中