外观
单元二 · 流程③ · 调研洞察
用户心理
好的界面不靠好看，靠的是悄悄把用户推上最省事、最顺手的路。用户在界面里不会"研究"，只会顺着最顺手的路径走——而这条路径，是由可量化的心理规律决定的。
设计不是纯审美，藏着心理学规律
设计不是纯审美。同一个 APP，为什么有的好用、有的难用？答案藏在用户心理里——三大经典定律（菲茨、希克、米勒）几乎能解释这一切。它们来自心理学与工程学实验，可量化、可验证，不是"感觉"。好的设计在悄悄引导用户走最省事、最顺手的路；用户不会去研究你的界面，只会顺着最顺手的路径走。
三大定律：菲茨（目标多大、多远）、希克（选项多少）、米勒（记忆多少）。全部可量化、可验证。
菲茨定律：越大越近，越好按
聊天列表从屏幕顶部铺到底部，新消息出现在列表顶部，手指往下一点就能点到最近聊天的圆头像——这正是"大目标 + 近距离"的菲茨应用。
菲茨定律回答"目标好不好点"：目标越大、离你的手指越近，就越容易点到。 手在屏幕上有"拇指热区"——左下角和底部中央最自然、最好按，左上角最难够到。量化公式是时间 = a + b × log(距离 ÷ 大小)：距离越短、目标越大，分数越小、点击越快。应用上：常用操作要做大、放在拇指热区；删除等危险操作放远、放小。
时间 = a + b × log(距离 ÷ 大小)。拇指热区：左下角 + 底部中央最容易，左上角最难。
希克定律：选项越少，决策越快
微信把"直播 / 商城 / 小程序"收进"发现"和"搜索"，而不是摊在底部当 Tab——避免它们与主功能并列竞争。
希克定律回答"选项多少影响什么"：并列的选项越多，用户做决定越慢。 菜单里 2 个选项几乎不用想，给到 8 个用户就要停下来一个个看。应用上：同一屏、同一时刻的并列选项尽量少，把次要功能收进"更多"、折叠菜单、长按菜单里。
2 个选项几乎不用想；8 个选项就要停下来一个个看。
米勒定律：人脑短期记忆约 7±2
微信底部 Tab 恰好 4 个（微信 / 通讯录 / 发现 / 我）。用户不用数，一眼扫过去就知道去哪——正符合米勒定律。
米勒定律回答"用户能记住多少"：人在工作记忆里同时能记的"块"大约 5~9 个，超过就开始乱。 应用上：导航、Tab、分组数量控制在 5±2 以内，别让用户脑中同时装太多东西。
7±2 ≈ 5~9 块。导航 / Tab / 分组数量控制在 5±2 以内。
微信实战：三大定律同框
| 设计 | 触发的心理定律 | 怎么起效 |
|---|---|---|
| 底部 4 个 Tab | 米勒 | 4 块一眼记住，不费脑 |
| 第一个永远是"微信" | 菲茨 | 最高频，手指最近 |
| 未读角标红点 + "99+" | 稀缺 / 紧迫 + 不确定驱动 | 暗示"错过会后悔"，诱导点击 |
微信在一处界面里同时用上了三大定律：底部 4 个 Tab = 4 块，一眼记住（米勒）；第一个永远是最高频的"微信"，手指最近（菲茨）；每个 Tab"文字 + 图标 + 未读角标"三合一，信息密度高却不挤。再看未读角标（红点 + 数字如"99+"）——它利用两个心理杠杆：稀缺 / 紧迫感（"有东西在等你，不看会错过"）和不确定驱动（数字让你想知道里面是什么）。设计者把红点做成小而有对比度的信号，就是诱导点击的"钩子"。
4 Tab = 米勒；首个 Tab 放最高频项 = 菲茨；红点 = 稀缺 / 紧迫 + 不确定驱动。
深度
原理细节
- 菲茨定律：核心是"距离 ÷ 大小"的对数关系。屏幕边缘是"天然无限大"的目标——手指滑到屏幕边沿会被物理挡住，不怕点过头。所以很多系统把"返回"放在屏幕左上/右上边缘，看似远，实则靠边缘"变大了"。
- 希克定律：可以用"每个选项都要花时间阅读和比较"来理解。它说的是同一时刻并列的选项，不是信息总量——"抽屉菜单"把选项藏起来，就是为了降低"此刻"的决策负担。
- 米勒定律：7±2 是工作记忆里的**"块"，不是字面意义的 7 个字。把 12 个操作归成 3 组、每组 4 个，就是 3 块而不是 12 块——这叫分块（Chunking）**。
边界（什么时候这些定律不顶用）
| 定律 | 不适用的情况 |
|---|---|
| 菲茨 | 只适用于"指点 / 点击"类任务。语音输入、滑动翻页、自动补全，公式不直接适用。 |
| 希克 | 熟练用户（每天用 10 次）太多选项反而阻碍快速定位；此时"快捷入口 / 最近使用"比"少选项"更重要。看清受众再减。 |
| 米勒 | 7±2 是短期记忆，不是长期记忆。用户经常用的功能会自动收入长期记忆，此时"记住在哪"比"数量少"更重要。要配合使用频率一起判断。 |
实例：微信底部为什么是 4 个（深入）
- 4 个 Tab = 4 个"块"，一眼扫过全记住（米勒）。
- 第一个永远是最高频的"微信"，手指最近（菲茨）。
- 每个 Tab 用"文字 + 图标 + 未读角标"三合一，信息密度高却不挤。
- 如果微信塞"直播 / 商城 / 小程序"当 Tab，频率和记忆负担都会爆炸——所以它们都收进"发现"和"搜索"里（希克）。
关键澄清
- "设计是纯审美"是误区：颜色好看不等于好用。菲茨 / 希克 / 米勒都可量化、可验证，不是玄学。
- "直觉够用"是误区：开发者的直觉最不可靠——你写了这个 APP，记得所有入口在哪；用户第一次用，脑子一片白。要用定律和测试代替直觉。
误区
| 误解 | 正解 |
|---|---|
| 设计就是好看 | 设计是"引导用户高效达成目标"，心理规律可验证 |
| 按钮越好看越好 | 够大 + 够近 + 高频才关键；好看是加分，不是核心 |
| 功能越多越高级 | 选项越多决策越慢（希克），用户会流失 |
| 我能记住所有入口 | 你是开发者，是最差的可用性测试对象；用定律和测试代替直觉 |
练习
即时题（自测）
Q1：菲茨定律一句话是什么？
答案
目标越大、离手指越近，越容易点击（时间 ≈ a + b·log(距离/大小)）。Q2：微信底部为什么只有 4 个 Tab？
答案
符合米勒定律（工作记忆约 7±2），4 个一眼记住不费脑；第一个放最高频的"微信"也符合菲茨（手指最近）。Q3：一个工具 App 的"设置"里并列了 9 个开关，主要违反哪条定律？
答案
希克定律——同一时刻并列选项太多，决策变慢。应分组或收进折叠菜单。模块题（综合）
题目：设计一个"笔记 App"的首页底部导航。说明用了几条定律、为什么这样选 Tab，写一段话解释你的设计。
参考思路
底部用 4 个 Tab：「笔记 / 素材 / 搜索 / 我」，正好 4 块符合米勒（≤5±2），一眼记住；"笔记"放第一位且是列表主界面，符合菲茨（最高频、手指最近的底部中央）；"搜索"不放 Tab 而是用顶部放大镜，避免与主功能并列竞争（希克）；剩下不常用的功能收进"我 / 设置"里。红点角标只留给"素材"有新增时，制造稀缺和紧迫感（未读角标原理）。迷你案例（美食外卖 App）
任务：优化一个"美食外卖 App"的首页，它现在犯了三个心理错误，请逐一指出并给出修正。
现状：
① 底部塞了 9 个 Tab（首页/分类/搜索/购物车/订单/优惠/会员/收藏/我的）
② 加入购物车按钮（关键操作）做得很小，放在屏幕左上角
③ "结算"和"删除购物车"两个按钮一样大、并列排在一起修正参考：
① 9 个 Tab → 砍到 4~5 个（首页/分类/购物车/我的），其余收进"分类/更多"（希克 + 米勒）
② 购物车按钮做大、放右下角拇指热区（菲茨）
③ "结算"做大做强、"删除"缩小或放入长按菜单，弱化危险操作（菲茨 + 希克）素材
- 👉 打开交互演示：用户心理 — 拖动滑块对比"目标大小 / 距离"对点击时间的影响，数一数并列选项对决策时间的影响。
- 搜 "Fitts's Law"——人机交互基础定律，Wikipedia 有公式与图示。
- 搜 "Hick's Law UX"——决策时间与选项数量的关系，常见 UX 文章图解。
- 搜 "Miller's Law 7±2"——短期记忆容量，认知心理学经典。
- 微信实际使用：数一数微信底部 Tab、观察各处红点角标，亲手印证三大定律。
- 后续衔接：本知识点（心理规律）→ 18 导航模式（Tab 数量怎么定）→ 19 状态设计（未读角标怎么做）→ 24 组件状态（按钮尺寸与热区）。