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

马桶的按钮和 Safari 的删除按键设置存在什么样的问题？看看从认知心理学的分析能得到些什么启示。

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

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

马桶按钮设计的问题

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

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. 认知心理学 (上册). 上海: 华东师范大学出版社.