马桶到删除:从认知心理学分析其交互设计

马桶到删除:从认知心理学分析其交互设计

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

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

马桶按钮设计的问题

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

认知图式

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

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

认知反馈

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

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

iOS 中的删除按钮

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

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

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

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

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

-- 参考资料

Baron, R. A., & Byrne, D. E. (1994). Social psychology: understanding human interaction. Allyn & Bacon.

Lidwell, W., Holden, K., & Butler, J. (2010). Universal principles of design: 125 ways to enhance usability, influence perception, increase appeal, make better design decisions, and teach through design. Rockport Pub.

Weiten, W. (1995). Psychology: Themes and variations. Brooks/Cole (Pacific Grove, Calif.).

艾森克. (2000). Mw, 基恩 M T. 认知心理学 (上册). 上海: 华东师范大学出版社.

心理学交互设计
下载极客公园客户端
iOS下载
反馈