产品类型设计约束矩阵
目标：回答“这是哪类产品 → 该满足什么约束 → 该用什么模式 → 该警惕什么反模式”。 理论依托：通用心理学参见 UX 设计法则、格式塔知觉参见 格式塔心理学；实战走查参见 场景 A：设计走查体检表。
核心类型约束矩阵
| 产品类型 | 核心业务目标 | 关键物理/心智约束 | 高频有效模式 | 严禁反模式 | 主要参考 |
|---|---|---|---|---|---|
| 营销 / 落地页 | 转化率（注册/购买/留资） | 注意力稀缺、横幅失明、跳出率高 | 单一主价值主张 + 核心 CTA；社会证明；滚动线索；F/Z 型视觉动线 | 首屏堆满杂乱细节、多重冲突 CTA、强制自动播放音频 | [S12] |
| 电商交易 | 交易达成 + 降低弃车率 | 结算摩擦敏感、隐性成本恐惧、信任脆弱 | 费用透明前置、支持游客结算、单列极简结算表单（12~14 字段最佳） | 结账最后一步突现运费、强迫先注册才能结算、默认勾选附加服务 | [S5] |
| B2B SaaS / 仪表盘 | 支持专家用户的高效决策与操作 | 极高数据密度 vs 认知负荷控制、准确性 | KPI 汇总卡 + 趋势指示；高密度数据表格（冻结首尾列、分面过滤）；下钻路径 | 滥用 3D 饼图与透视变形、重要状态仅靠无文字颜色区分、分页必须刷新全页 | [S10][S12] |
| 移动端应用 | 单手碎片化场景下的极限高效 | 单手拇指可达区（49% 单手持机）、触控热区限制 | 核心导航/操作底置；骨架屏预加载；情境化按需请求权限；复用系统手势 | 关键返回/保存按钮置于屏幕左上角死角、触控目标小于 24×24px | [S6][S9] |
| 桌面专业应用 | 深度复杂任务的长时沉浸与吞吐量 | 多窗口/多文档状态并发、键鼠专家效率 | 全局命令面板（Cmd/Ctrl+K）；快捷键全覆盖；状态本地持久化；窗口自适应 | 强迫专家用户频繁离开键盘用鼠标点选、不支持多选批量操作 | [S6] |
| 开发者/文档站 | 帮助开发者快速集成与排障成功 | 学习型与查阅型读者混合、代码准确度 | Diátaxis 四象限分流（教程/操作/参考/解释）；一键复制代码块；实时搜索 + 左侧树 | 四象限内容混排在单篇、代码块不可复制、API 变更无版本切换 | [S1] |
| AI 对话 / Agent 产品 | 建立可校准的机器信任度与人类控制感 | 概率性不确定输出、幻觉容忍度、控制权焦虑 | 明确能力与边界预期；流式打断；引用溯源；高危动作撤销确认门槛；工具执行透明化 | 伪装成全知全能人类、不可中断的冗长文本喷涌、黑盒执行外部破坏性动作 | [S2][S3][S4] |
重点产品模式深度拆解
1. B2B SaaS 与数据仪表盘（Dashboard）模式
- 先定义决策，后定义图表：图表的唯一价值是辅助行动。如果一个折线图不能帮助业务人员决定“今天该干什么”，它就是无效装饰。
- KPI 卡片黄金公式： $$\text{核心数值 (大粗体)} + \text{计量单位} + \text{环比/同比趋势 (带箭头的绿/红标签)} + \text{对比周期}$$
- 现代高密度数据表格（Data Tables）五大标配：
- 首列（标识项）与尾列（操作项）固定冻结，中间内容支持水平平滑滚动。
- 数字列一律右对齐（便于眼球在垂直方向比对位数与小数点）；文本列左对齐；状态标签居中。
- 分面过滤（Faceted Filters）：选中的筛选条件显性收拢为可一键清除的 Badge 标签。
- 悬浮行高亮（Row Hover）：帮助大宽屏用户视线横向追踪不串行。
- 行内操作（Inline Actions）：常用操作鼠标悬停行时就地显现，无需跳出页面。
2. AI 对话与 Agent 智能体交互模式
深度融合微软 HAX 18 条人机 AI 交互指南 [S2] 与 Google PAIR Guidebook [S3]：
AI Agent 交互四大生命周期
│
┌──────────────────┬───────────┴───────────┬──────────────────┐
▼ ▼ ▼ ▼
【1. 初次接触】 【2. 交互进行中】 【3. 出错与异常时】 【4. 长期自适应】
• 明确说明能做什么 • 流式输出与即时打断 • 优雅降级与可纠偏 • 记住用户偏好
• 坦诚说明不能做什么 • 结构化展示思考过程 • 高危操作确认门槛 • 渐进式个性化- 初次交互（Set Expectations）：
- 第一条欢迎消息必须坦诚声明系统能力边界（如：“我能帮你分析 CSV 数据，但我无法直接执行线上转账”）。
- 交互中（During Interaction）：
- 流式输出与可打断性（Streaming & Cancellation）：文本必须流式逐字打出，并时刻提供醒目的“停止生成”按钮。
- 引用溯源（Citations & Grounding）：事实性回答末尾必须挂载可点击验证的信源角标（如
[1]、[2]），点击高亮对应的原文段落，杜绝黑盒幻觉。 - Agent 行为透明化（Tool Execution Visibility）：当 Agent 正在调用搜索、数据库或执行命令时，使用轻量可折叠卡片展示“思考过程 / 调用工具名”，消除用户等待焦虑。
- 出错与破坏性动作（Error Handling & Safe Guard）：
- 区分幂等操作与副作用操作：读取文件可以直接执行；写入、删除、转账等破坏性动作必须弹出明确的确认门槛（Confirmation Gate）。
- 支持快捷纠偏（Quick Correction）：提供“编辑上一条 Prompt”或“重新生成”入口。
跨类型通用底线共识
无论属于哪种产品类型，以下 5 条工程底线绝对通用：
- 单列置顶表单：多列表单眼动轨迹呈 Z 型折返，极易漏填；单列表单自顶向下，眼动成本最低 [S7]。
- 渐进披露（Progressive Disclosure）：90% 的日常用户只需要 20% 的核心功能。高级设置和低频配置一律通过抽屉、折叠面板或二级页面渐进披露。
- 状态三态完备（Empty, Error, Loading）：永远不要让界面出现无任何提示的空白一片。空状态引导下一步动作，错误状态给出解决方案，加载状态首选结构化骨架屏（Skeleton）。
- 响应式自适应约束：大屏重在“信息吞吐效率”，小屏重在“单手触控与视线聚焦”。多列表格在小屏上必须优雅降级为纵向卡片列表。
- 无障碍是法律底线：对比度 $\ge 4.5:1$、触控目标 $\ge 24\times 24\text{px}$ 是跨平台通用的硬基线（详见 启发式与 WCAG 基线）。
已证伪的过时教条（评审时主动排除）
在审视产品设计时，遇到引用以下过时教条的批评意见，应主动降权驳回（详细实验数据见 已证伪设计教条深度考据专篇）：
- “三次点击法则”已被实证推翻：任务成功率与点击次数完全无关，真正决定体验的是每一步的“信息气味（Information Scent）”强弱 [S11]。
- “关键内容必须全塞进首屏”已被眼动研究推翻：现代用户自然倾向于滚动，首屏的关键任务是建立价值主张和滚动线索 [S12]。
- “米勒定律 7±2 限制菜单项数量”属于心理学误读：人机交互依赖界面上的视觉识别（Recognition），不受短时工作记忆回忆（Recall）的 7 项限制 [S11]。
信源合集
| 编号 | 来源 | 层级 | 出处 / URL | 取用日期 | 核心贡献 |
|---|---|---|---|---|---|
| [S1] | Diataxis 官方指南 | L0 官方规范 | diataxis.fr | 2026-09-10 | 文档站四象限分类架构体系 |
| [S2] | Guidelines for Human-AI Interaction (HAX) | L4 顶级学报 | Microsoft Research (ACM CHI 2019) | 2026-09-10 | 人机 AI 交互 18 条准则全生命周期框架 |
| [S3] | People + AI Guidebook (PAIR) | L0 官方规范 | pair.withgoogle.com/guidebook (Google) | 2026-09-10 | 23 个实用 AI 产品设计模式与反模式 |
| [S4] | Windows Responsible AI Guidelines | L0 官方文档 | learn.microsoft.com/en-us/windows/ai/rai | 2026-09-10 | 桌面与系统级 AI 落地交互与控制权规范 |
| [S5] | Cart Abandonment Rate Statistics | L2 行业研究 | baymard.com/lists/cart-abandonment-rate | 2026-09-10 | 70%+ 弃车率原因分析与结算表单 12-14 项黄金范围 |
| [S6] | Apple HIG: Layout & Modality | L0 官方规范 | developer.apple.com/design/human-interface-guidelines/ | 2026-09-10 | 触控区域、通知交互与模态设计标准 |
| [S7] | Web Form Design: Filling in the Blanks | L4 权威著作 | Rosenfeld Media (Luke Wroblewski) | 2026-09-10 | 单列表单、置顶 Label 与即时内联校验实证 |
| [S8] | Mobile Checkout UX Design | L2 行业研究 | stripe.com/resources/more/mobile-checkout-ui | 2026-09-10 | 移动端结算表单与安全支付最佳实践 |
| [S9] | How Do Users Really Hold Mobile Devices? | L2 行业研究 | UXmatters (Steven Hoober) | 2026-09-10 | 49% 单手持机眼动与拇指热区实证 |
| [S10] | Show Me the Numbers: Designing Tables and Graphs | L4 权威著作 | Analytics Press (Stephen Few) | 2026-09-10 | 避免 3D 饼图与透视变形、高密度表格排版原则 |
| [S11] | 已证伪设计教条深度考据 | L4 站内考证 | principles/falsified-dogmas.md | 2026-09-10 | 三次点击、7±2 菜单迷思的科学证伪铁证 |
| [S12] | Web UX Study Guide | L0 行业研究 | NN/g (nngroup.com/articles/web-ux-study-guide/) | 2026-09-10 | 落地页滚动线索、视觉动线与认知负荷 |