# 智源AI 价格图用户体验设计原则 V1.1
> 📅 创建时间：2025年1月
> 🔄 更新时间：2026年1月26日
> 🎯 用途：指导价格图的用户体验设计，确保转化路径清晰、选择依据明确、服务预期合理
> 📦 配套文档：客户认知引导框架 V1.0（底层逻辑）、电商视觉规范 V1.1（视觉执行）、价格图内容规范 V1.1（内容结构）
---
## 一、文档定位与协作关系
### 1.1 文档定位
| 项目 | 说明 |
|------|------|
| 文档名称 | 价格图用户体验设计原则 |
| 核心用途 | 指导价格图的信息架构、决策引导、预期管理 |
| 解决的问题 | **为什么这样设计**——用户视角的转化逻辑 |
### 1.2 四文档协作关系（更新）
┌─────────────────────────────────────────────────────────────┐ │ 客户认知引导框架 V1.0（底层逻辑） │ │ ► 定义：认知层级（L1→L2→L3→L4） │ │ ► 职责：认知引导原则、服务设计逻辑、质保政策设计 │ └─────────────────────────────────────────────────────────────┘ ↓ 指导 ┌─────────────────────────────────────────────────────────────┐ │ 用户体验设计原则（本文档） │ │ ► 定义：为什么这样设计 │ │ ► 职责：决策逻辑、信息优先级、转化路径、预期管理 │ └─────────────────────────────────────────────────────────────┘ ↓ 指导 ┌─────────────────────────────────────────────────────────────┐ │ 价格图内容规范 │ │ ► 定义：写什么内容 │ │ ► 职责：内容结构、文案标准、价格数据源 │ └─────────────────────────────────────────────────────────────┘ ↓ 执行 ┌─────────────────────────────────────────────────────────────┐ │ 电商视觉规范 │ │ ► 定义：怎么呈现 │ │ ► 职责：颜色、字体、尺寸、元素样式 │ └─────────────────────────────────────────────────────────────┘
### 1.3 与认知框架的关系（新增）
本文档的设计原则基于《客户认知引导框架 V1.0》，将认知层级模型转化为具体的用户体验设计指南。
**认知框架核心原则在用户体验设计中的体现**：
| 认知框架原则 | 用户体验设计落地 |
|--------------|------------------|
| 先理解，再选择 | 价格图先展示服务类型差异，再展示价格 |
| 质保的前提是可控 | 服务预期管理中明确"服务边界"与"全程质保"的区别 |
| 风险前置告知 | 在购买决策点前展示质保政策 |
| 引导而非推销 | 用问句帮用户定位适合的方案，而非强推高价 |
**认知层级与用户体验三维度的对应**：
| 认知层级 | 对应的用户体验维度 | 设计重点 |
|----------|-------------------|----------|
| L2（版本区别） | 选择依据明确性 | 帮用户判断"哪个版本适合我" |
| L3（服务类型） | 选择依据明确性 + 服务预期管理 | 帮用户理解"服务设计逻辑" |
| L4（价格套餐） | 行动路径清晰度 | 帮用户完成"下单决策" |
### 1.4 使用场景
| 场景 | 使用方式 |
|------|----------|
| 新建价格图 | 先用认知框架确定层级定位 → 用本文档确定信息架构 → 用内容规范填充内容 → 用视觉规范执行设计 |
| 优化现有价格图 | 用本文档「问题诊断框架」定位问题 → 对照认知框架检查层级完整性 → 选择合适的「布局模式」 → 执行优化 |
| 评审价格图 | 用本文档「验收检查清单」逐项检查 |
---
## 二、核心设计原则（四维度框架，更新）
价格图的用户体验设计围绕四个核心维度展开（在原三维度基础上增加"认知层级完整性"）：
┌─────────────────────────────────────────────────────────────────────────┐ │ 价格图用户体验四维度 │ ├─────────────────┬─────────────────┬─────────────────┬───────────────────┤ │ 认知层级完整性 │ 行动路径清晰度 │ 选择依据明确性 │ 服务预期管理 │ │ (Cognition Level)│ (Action Path) │ (Decision Basis) │ (Expectation Mgmt)│ ├─────────────────┼─────────────────┼─────────────────┼───────────────────┤ │ 价格图覆盖了 │ 用户看完知道 │ 用户能快速判断 │ 用户购买前已知晓 │ │ 哪些认知层级 │ "下一步做什么" │ "哪个适合我" │ "服务边界是什么" │ └─────────────────┴─────────────────┴─────────────────┴───────────────────┘
### 2.0 认知层级完整性（新增）
**定义**：价格图是否完整覆盖了用户做出购买决策所需的认知层级。
**设计要点**：
| 要点 | 说明 | 反面案例 |
|------|------|----------|
| 明确价格图的层级定位 | 知道这张图主要解决什么认知问题 | 信息堆砌，没有重点 |
| 不跳过前置认知 | 如果用户可能不了解L3，就要在报价前解释 | 直接报价，用户不理解价格差异 |
| 引导到下一层级 | 完成当前认知后，引导用户进入下一步 | 展示完信息就结束，无后续引导 |
**各类价格图的层级定位**：
| 价格图类型 | 主要层级 | 前置认知要求 | 后续引导 |
|------------|:--------:|--------------|----------|
| 选购指南图 | L2+L3 | 用户已知道Claude是什么（L1） | 引导用户咨询具体价格（L4） |
| 入门版价格图 | L3+L4 | 用户已确定版本（L2） | 引导下单或升级护航版 |
| 护航版价格图 | L3+L4 | 用户已确定版本（L2） | 引导选择套餐周期并下单 |
**检查问题**：
- [ ] 这张价格图主要覆盖哪些认知层级？
- [ ] 是否在用户理解服务差异（L3）后才展示价格（L4）？
- [ ] 是否有引导用户进入下一步的设计？
### 2.1 行动路径清晰度
**定义**：用户浏览价格图后，能清晰知道下一步该做什么。
**设计要点**：
| 要点 | 说明 | 反面案例 |
|------|------|----------|
| 有明确的行动召唤 | 告诉用户"怎么购买" | 只展示价格，无引导 |
| 路径单一或有明确优先级 | 避免选择困难 | 多个入口平级展示 |
| 视觉焦点引导 | 用颜色/大小突出主路径 | 所有信息平铺展示 |
**检查问题**：
- [ ] 用户看完图，知道下一步该做什么吗？
- [ ] 有没有明确的行动召唤（CTA）？
- [ ] 如果有多个选项，主推路径是否足够突出？
### 2.2 选择依据明确性
**定义**：当存在多个方案时，用户能快速判断哪个适合自己。
**设计要点**：
| 要点 | 说明 | 反面案例 |
|------|------|----------|
| 用场景/人群区分 | 而非仅用功能描述区分 | "快捷交付" vs "人工服务"（太抽象） |
| 提供对比维度 | 让差异一目了然 | 两个方案各自描述，无对比 |
| 用问句引导决策 | 降低用户思考成本 | 仅列出特性，让用户自己判断 |
**推荐的决策引导句式**（基于认知框架L3层级）：
| 用户核心诉求 | 引导句式 | 对应服务类型 |
|--------------|----------|--------------|
| 快速体验 | "想快速体验？" | 成品号 |
| 账号归属 | "想用自己的邮箱？" | 定制化 |
| 稳定保障 | "需要全程质保？" | 护航版 |
| 长期使用 | "长期使用更划算" | 护航版长期套餐 |
**对比维度建议**（更新）：
| 维度类型 | 适用场景 | 示例 | 认知层级 |
|----------|----------|------|:--------:|
| 交付速度 | 成品号 vs 定制化 | "秒发" vs "1-24小时" | L3 |
| 账号归属 | 成品号 vs 定制化 | "平台邮箱" vs "自定义邮箱" | L3 |
| **质保范围** | **入门版 vs 护航版** | **"72小时服务边界" vs "30天全程质保"** | **L3** |
| **环境控制** | **入门版 vs 护航版** | **"自备环境" vs "托管环境"** | **L3** |
| 使用量 | Pro vs Max | "标准配额" vs "5倍/20倍配额" | L2 |
**检查问题**：
- [ ] 用户能在5秒内判断哪个方案适合自己吗？
- [ ] 方案之间的核心差异是否一目了然？
- [ ] 是否使用了用户能理解的语言（而非行业术语）？
### 2.3 服务预期管理（重点更新）
**定义**：购买前让用户知晓服务边界和可能的风险，避免售后纠纷。
**核心原则（来自认知框架）**：
> **质保的前提是可控。**
> - 成品号/定制化：我们无法控制用户的网络环境 → 提供"服务交付边界"
> - 护航版：环境由我们托管管控 → 能承诺"全程质保"
**设计要点**（更新）：
| 要点 | 说明 | 反面案例 |
|------|------|----------|
| **区分"服务边界"与"质保"** | 成品号/定制化是边界，护航版是质保 | 所有服务都说"售后保障" |
| 风险前置告知 | 在购买决策点之前展示 | 仅在购买后/详情页底部说明 |
| 边界清晰表述 | 明确"我们做什么/不做什么" | 模糊承诺"专业服务" |
| 升级路径引导 | 告知更高保障的选择 | 只展示当前方案，无升级引导 |
**必须前置告知的信息**（更新）：
| 服务类型 | 必须告知 | 用语规范 |
|----------|----------|----------|
| 成品号 | 72小时服务边界、非全程质保 | "72小时服务交付边界"（不说"72小时质保"） |
| 定制化 | 72小时服务边界、非全程质保 | "72小时服务交付边界"（不说"72小时质保"） |
| 护航版 | 30天全程质保、环境托管、换新政策 | "30天全程质保"（可以说"质保"） |
**风险提示的视觉处理**：
| 重要程度 | 视觉处理 |
|----------|----------|
| 高（影响购买决策） | ⚠️ 图标 + 浅色背景框 + 加粗文字 |
| 中（影响使用体验） | 单独行展示 + 对比色文字 |
| 低（补充说明） | 底部小字 + 低对比度颜色 |
**检查问题**（更新）：
- [ ] 用户购买前是否已知晓服务边界？
- [ ] 成品号/定制化是否明确标注"服务交付边界"而非"质保"？
- [ ] 护航版是否突出"全程质保"的核心价值？
- [ ] 是否引导了更高保障的升级路径？
---
## 三、问题诊断框架
当需要优化现有价格图时，使用以下框架快速定位问题：
### 3.1 快速诊断四问（更新）
| 诊断问题 | 对应维度 | 如果答案是"否" |
|----------|----------|----------------|
| **价格图层级定位清晰吗？** | **认知层级完整性** | **→ 明确层级定位，补充缺失层级** |
| 用户看完知道怎么买吗？ | 行动路径清晰度 | → 增加行动召唤、优化视觉焦点 |
| 用户能快速选择吗？ | 选择依据明确性 | → 增加对比维度、使用问句引导 |
| 用户知道服务边界吗？ | 服务预期管理 | → 前置风险提示、明确服务边界 |
### 3.2 详细诊断清单
**认知层级问题**（新增）：
| 症状 | 可能原因 | 优化方向 |
|------|----------|----------|
| 用户反复问"为什么贵" | L3层级缺失，用户不理解服务差异 | 增加服务类型对比说明 |
| 用户直接选最便宜的 | L3层级缺失，用户只看价格 | 前置服务价值说明 |
| 用户售后投诉多 | L3层级缺失，预期不符 | 前置服务边界说明 |
**行动路径问题**：
| 症状 | 可能原因 | 优化方向 |
|------|----------|----------|
| 用户看完没有行动 | 缺少CTA | 增加"旺旺咨询下单"等引导 |
| 用户不知道选哪个 | 选项平级展示 | 突出主推方案 |
| 用户在多个入口间犹豫 | 路径过多 | 减少路径或明确优先级 |
**选择依据问题**：
| 症状 | 可能原因 | 优化方向 |
|------|----------|----------|
| 用户反复问"有什么区别" | 差异描述太抽象 | 用场景/人群语言重写 |
| 用户选错方案 | 缺少对比维度 | 增加表格对比 |
| 用户觉得"都差不多" | 核心差异不突出 | 用问句引导决策 |
**服务预期问题**（更新）：
| 症状 | 可能原因 | 优化方向 |
|------|----------|----------|
| 售后纠纷多 | 服务边界告知不足 | 前置"72小时服务边界"说明 |
| 用户觉得"被坑了" | 混淆"边界"与"质保" | 明确用语区分 |
| 用户不知道护航版 | 升级引导不足 | 增加"需要质保？→了解护航版" |
---
## 四、布局模式库
### 4.0 选购指南图布局（新增）
**适用场景**：建立客户认知前置框架，覆盖L2+L3层级
**核心特点**：两步引导（选版本→选服务），重点传达服务设计逻辑
**结构示意**：
┌─────────────────────────────────────────────────────────────┐ │ 头部区（Claude 选购指南 · 两步选对适合您的方案） │ ├─────────────────────────────────────────────────────────────┤ │ 第一步：选版本（L2层级） │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ Pro │ Max 5× │ Max 20× │ │ │ │ $20/月 │ $100/月 │ $200/月 │ │ │ │ 标准配额 │ 5倍配额 │ 20倍配额 │ │ │ │ 轻度使用 │ 中度使用 │ 重度使用 │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────────┤ │ 第二步：选服务（L3层级） │ │ ┌─────────────────────────────────────────────────────┐ │ │ │ 成品号 │ 定制化 │ 护航版 │ │ │ │ ¥219起 │ ¥299起 │ ¥499起 │ │ │ │ 快捷交付 │ 用您的邮箱 │ 环境托管+质保 │ │ │ │ 72小时边界 │ 72小时边界 │ 30天全程质保 │ │ │ └─────────────────────────────────────────────────────┘ │ ├─────────────────────────────────────────────────────────────┤ │ 💡 核心理念区 │ │ "质保的前提是可控" │ │ · 成品号/定制化：无法控制您的环境 → 服务交付边界 │ │ · 护航版：环境由我们托管 → 能承诺全程质保 │ ├─────────────────────────────────────────────────────────────┤ │ 底部引导区 │ │ 确定版本和服务后 → 旺旺咨询获取详细价格 │ └─────────────────────────────────────────────────────────────┘
**优势**：
- 在报价前建立认知框架
- 用户理解"为什么价格不同"
- 减少后续沟通成本和售后纠纷
### 4.1 决策树式布局（推荐）
**适用场景**：存在2-3个方案需要用户选择时（L3+L4层级）
**核心特点**：用问句引导用户快速定位适合的方案
**结构示意**：
┌─────────────────────────────────────────────────────────────┐ │ 头部区（产品名 + 副标语） │ ├─────────────────────────────────────────────────────────────┤ │ 快速决策区（L3层级） │ │ ┌─────────────────────┐ ┌─────────────────────┐ │ │ │ 想快速体验？ │ │ 想用自己邮箱？ │ │ │ │ → 选成品号 │ │ → 选定制化 │ │ │ │ 72小时服务边界 │ │ 72小时服务边界 │ │ │ └─────────────────────┘ └─────────────────────┘ │ ├─────────────────────────────────────────────────────────────┤ │ 价格对比区（L4层级） │ │ ┌─────────┬─────────────┬─────────────┐ │ │ │ │ 成品号 │ 定制化 │ │ │ ├─────────┼─────────────┼─────────────┤ │ │ │ 交付速度 │ 秒发 │ 1-24小时 │ │ │ │ 账号归属 │ 平台邮箱 │ 自定义邮箱 │ │ │ │ 质保政策 │ 72小时边界 │ 72小时边界 │ │ │ │ 价格 │ ¥219/月 │ ¥299/月 │ │ │ └─────────┴─────────────┴─────────────┘ │ ├─────────────────────────────────────────────────────────────┤ │ ⚠️ 服务边界说明区 │ │ · 入门版为72小时服务交付边界，非全程质保 │ │ · 需自备稳定网络环境 │ ├─────────────────────────────────────────────────────────────┤ │ 行动引导区 │ │ 旺旺咨询即可下单 │ 💡 需要全程质保？→ 了解护航版 │ └─────────────────────────────────────────────────────────────┘
**优势**：
- 决策路径清晰，用户无需自己分析
- 对比维度明确，差异一目了然
- 服务边界前置，减少售后纠纷
- 有升级引导路径
### 4.2 单方案突出式布局
**适用场景**：主推单一方案，或方案之间差异不大时（L3+L4层级）
**结构示意**：
┌─────────────────────────────────────────────────────────────┐ │ 头部区 │ ├─────────────────────────────────────────────────────────────┤ │ 核心价值区（L3层级 - 为什么选护航版） │ │ 🛡️ 可控环境 · 全程质保 · 省心之选 │ │ · 环境由我们托管，能承诺质保 │ │ · 30天全程质保 │ │ · 封号直接换新（长期套餐免服务费） │ ├─────────────────────────────────────────────────────────────┤ │ 价格展示区（L4层级 - 突出主推套餐） │ │ ┌─────────────────────────────────────────┐ │ │ │ 年付 ¥389/月 【推荐】 │ │ │ │ 省¥1,320 │ │ │ └─────────────────────────────────────────┘ │ │ 其他套餐：月付¥499 │ 季付¥449 │ 半年付¥419 │ ├─────────────────────────────────────────────────────────────┤ │ 保障说明区 │ ├─────────────────────────────────────────────────────────────┤ │ 行动引导区 │ └─────────────────────────────────────────────────────────────┘
**适用产品**：护航版价格图（单一服务类型，多种套餐周期）
### 4.3 阶梯式布局
**适用场景**：展示产品升级路径（如Pro → Max 5× → Max 20×）（L2层级）
**结构示意**：
┌─────────────────────────────────────────────────────────────┐ │ 头部区 │ ├─────────────────────────────────────────────────────────────┤ │ 产品阶梯区（L2层级） │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ │ │ │ Pro │→ │ Max 5× │→ │ Max 20× │ │ │ │ ¥219起 │ │ ¥1,198起│ │ ¥2,398起│ │ │ │ 标准配额 │ │ 5倍配额 │ │ 20倍配额 │ │ │ └──────────┘ └──────────┘ └──────────┘ │ ├─────────────────────────────────────────────────────────────┤ │ 选择建议区 │ │ · 轻度使用/尝鲜 → Pro │ │ · 日常办公/中度使用 → Max 5× │ │ · 重度使用/专业场景 → Max 20× │ ├─────────────────────────────────────────────────────────────┤ │ 行动引导区 │ └─────────────────────────────────────────────────────────────┘
**适用产品**：产品线总览图、版本对比图
### 4.4 布局模式选择指南（更新）
| 场景 | 推荐布局 | 认知层级 | 原因 |
|------|----------|:--------:|------|
| **认知前置引导** | **选购指南图** | **L2+L3** | **建立认知框架** |
| 同一产品的2-3种服务类型 | 决策树式 | L3+L4 | 需要引导用户选择 |
| 单一服务类型的多种套餐 | 单方案突出式 | L3+L4 | 突出主推套餐即可 |
| 产品线对比/升级路径 | 阶梯式 | L2 | 展示产品间的递进关系 |
| 简单产品（无复杂选择） | 单方案突出式 | L4 | 保持简洁 |
---
## 五、验收检查清单（更新）
价格图制作完成后，使用以下清单逐项检查：
### 5.0 认知层级检查（新增）
| 检查项 | 标准 | ✓/✗ |
|--------|------|-----|
| 层级定位明确 | 知道这张图主要覆盖哪些认知层级 | |
| 不跳过前置认知 | L3服务类型说明在L4价格之前 | |
| 有后续引导 | 完成当前认知后有下一步引导 | |
### 5.1 行动路径检查
| 检查项 | 标准 | ✓/✗ |
|--------|------|-----|
| 有明确的行动召唤（CTA） | 用户知道下一步做什么 | |
| 主推方案视觉突出 | 颜色/大小/位置有区分 | |
| 路径不超过2条 | 避免选择困难 | |
### 5.2 选择依据检查
| 检查项 | 标准 | ✓/✗ |
|--------|------|-----|
| 使用场景/人群语言 | 而非抽象的功能描述 | |
| 提供对比维度 | 表格或并列对比 | |
| 核心差异5秒可识别 | 不需要仔细阅读 | |
### 5.3 服务预期检查（更新）
| 检查项 | 标准 | ✓/✗ |
|--------|------|-----|
| 服务边界前置 | 在购买决策点之前 | |
| **用语准确** | **成品号/定制化用"服务边界"，护航版用"质保"** | |
| **核心理念传达** | **体现"质保的前提是可控"** | |
| 升级路径引导 | 护航版/更高配置 | |
### 5.4 基础规范检查
| 检查项 | 标准 | ✓/✗ |
|--------|------|-----|
| 价格数据准确 | 与《产品服务信息库》一致 | |
| 色彩与主图统一 | 与对应产品主图色系匹配 | |
| 无禁用词 | VPN/梯子/代购等 | |
| 尺寸正确 | 800×1200px | |
---
## 六、配套文档索引（更新）
| 文档名称 | 用途 | 关系 |
|----------|------|------|
| 《客户认知引导框架 V1.0》 | 认知层级和设计原则 | **上游（底层逻辑）** |
| 《电商视觉规范 V1.1》 | 视觉执行标准 | 下游（视觉执行） |
| 《价格图内容规范 V1.1》 | 内容结构标准 | 平行（内容填充） |
| 《产品服务信息库》 | 价格数据源 | 数据来源 |
| 《智源AI服务条款说明》 | 服务边界定义 | 政策来源 |
---
## 七、版本记录
| 版本 | 日期 | 更新内容 |
|------|------|----------|
| V1.0 | 2025-01-17 | 首次发布，建立三维度框架、布局模式库、验收清单 |
| V1.1 | 2026-01-26 | 引入《客户认知引导框架》作为底层逻辑；三维度升级为四维度（增加认知层级完整性）；新增选购指南图布局；服务预期管理重点更新"服务边界"与"质保"的区分 |
---
**文档维护说明**：
- 更新责任人：Feifei
- 更新触发条件：发现新的用户体验问题模式、总结新的布局方案、认知框架更新
- 配套文档同步：更新本文档时，检查是否需要同步更新内容规范和视觉规范