第1章认知心理学基础

一、认知心理学基础：人类信息加工模型、感知与注意、记忆系统、心智模型与概念模型

做交互设计这么多年，我越来越觉得：不懂用户怎么想，设计就是瞎忙活。说白了，我们设计界面，本质上是在跟用户的大脑打交道。今天咱们就聊聊认知心理学里最核心的几个概念，这些都是我平时做设计时反复用到的底层的思考框架。

先说说这个模型。它把人的认知过程比作一台计算机——有输入、处理、输出。嗯，这个比喻虽然老，但确实好用。

用户看到你的界面，信息是这样流动的：

我在项目中遇到过最典型的例子：用户盯着一个「提交」按钮看了三秒才点下去。为什么？因为按钮颜色跟背景太接近，感知加工阶段就卡住了。你想想看，如果感知阶段就出了问题，后面的认知加工再快也没用。

核心要点：信息加工模型的每一步都可能成为瓶颈。设计时，你得确保每个阶段都畅通无阻。

感知和注意，这两个词经常一起出现，但其实是两码事。

感知是大脑对接收到的信息进行解释的过程。比如你看到一个红色的圆形，大脑告诉你「这是停止标志」。感知有两大原则我特别常用：

格式塔原则：相近、相似、闭合、连续。我习惯用「相近原则」来组织表单字段，把相关的输入框放一起，用户一眼就能看出逻辑关系。
自上而下 vs 自下而上加工：用户带着预期看界面（自上而下），还是被界面元素吸引（自下而上）。设计登录页时，我通常会利用自上而下加工——用户知道这里要输入账号密码，所以布局越符合预期越好。

注意则是大脑的过滤器。人的注意力是有限的，这是个硬约束。我曾经犯过一个错：在一个数据看板里放了十几个图表，结果用户根本不知道先看哪个。后来我学乖了，用视觉层级引导注意力——最重要的信息用最大面积、最醒目的颜色。

我的经验：用户在一个页面上停留的时间平均不到10秒。你的设计必须在3秒内抓住他的注意力，否则就输了。

记忆系统分三种：感觉记忆、工作记忆、长时记忆。做交互设计，最需要关注的是工作记忆。

工作记忆的容量只有7±2个组块，这是米勒1956年提出的经典理论。我个人的习惯是：表单里的选项不要超过7个，导航菜单的项数控制在5个左右。超过这个数，用户就得「记」了，而人是不愿意记的。

避坑指南：我曾经设计过一个多步骤的注册流程，第三步突然让用户回忆第二步填的信息。结果呢？用户直接放弃了。因为工作记忆里的信息早就被新内容覆盖了。所以，需要用户记住的信息，你得帮他在界面上「外挂」出来。

这两个概念，我花了好几年才真正搞明白。

心智模型是用户脑子里对某个系统运作方式的认知。比如用户觉得「购物车」就应该能装东西、能删东西、能结算。这是他从线下购物经验里带过来的。

概念模型是设计师设计出来的系统运作方式。比如你设计了一个「收藏夹」功能，用户点了收藏按钮，东西就存进去了。

问题来了：如果概念模型跟用户的心智模型不一致，用户就会困惑。举个例子，我见过一个笔记应用，它的「删除」操作不是把笔记扔进回收站，而是直接永久删除。用户的心智模型是「删除应该能恢复」，但概念模型是「删除就是彻底消失」。结果就是用户骂声一片。

注意：永远不要试图改变用户的心智模型。你只能调整你的概念模型去匹配它。用户不会因为你设计得「创新」就改变他几十年的使用习惯。

怎么做？我建议你在设计前先做用户调研，搞清楚目标用户对类似功能有什么预期。然后画一个简单的概念模型图，跟用户验证一下。这一步花不了多少时间，但能避免后面的大坑。

最后说一句：认知心理学不是让你去背理论，而是给你一把尺子，去衡量你的设计到底好不好用。每次设计完，你都可以问自己：用户的信息加工流畅吗？注意力被引导了吗？工作记忆超载了吗？心智模型匹配了吗？

嗯，今天就聊到这儿。下一章咱们聊聊动机与目标，那又是另一套有意思的东西了。