精简提炼 (distill)

精简提炼（distill）

概述

distill 是 Impeccable 中用于精简设计的技能。它的核心是：去掉非必要元素，还原功能和体验的本质。

作为一个设计师/开发者，你可能遇到过：

• “这个页面东西太多，不知道重点在哪”
• “用户真正需要的是什么？”
• “能不能更简单？”

distill 就是解决这些的。

为什么需要精简

1. 少即是多

❌ 塞满所有功能
✅ 保留核心功能

结果：
- 用户更容易完成任务
- 界面更清晰
- 维护成本更低

2. 认知负荷

人一次只能处理 5-7 个信息点

❌ 页面有 20 个元素
✅ 页面有 5 个核心元素

结果：
- 用户不用思考
- 转化率提升
- 体验更好

3. 聚焦目标

每个页面应该只有一个主要目标

❌ 一个页面想达成多个目标
✅ 一个页面一个核心目标

结果：
- 目标更清晰
- 路径更短
- 效果更好

精简维度

1. 功能精简

问题：这个功能真的需要吗？

检查点：
- [ ] 多少用户会用这个功能？
- [ ] 没有这个功能会怎样？
- [ ] 能不能合并到其他功能？
- [ ] 能不能放到二级页面？

决策：
- 核心功能：保留
- 低频功能：移除或放到设置
- 边缘功能：删除

2. 视觉精简

问题：这个视觉元素真的需要吗？

检查点：
- [ ] 这个元素帮助用户完成任务吗？
- [ ] 没有这个元素会怎样？
- [ ] 能不能用更少的元素表达同样的意思？

决策：
- 功能性元素：保留
- 装饰性元素：移除
- 冗余元素：合并或删除

3. 文案精简

问题：这段文字真的需要吗？

检查点：
- [ ] 用户需要知道这个信息吗？
- [ ] 能不能用更少的文字表达？
- [ ] 能不能用图表代替？

决策：
- 必要信息：保留
- 辅助信息：简化
- 冗余信息：删除

实践案例

案例 1：首页精简

原始首页：
- Logo
- 导航 (8个链接)
- 轮播图 (5张)
- 搜索框
- 快捷入口 (6个)
- 公告 (3条)
- 合作伙伴 (10个)
- footer (20个链接)

问题：
- 信息过载
- 找不到重点
- 加载慢

distill 后：
- Logo + 导航 (4个核心)
- 1个核心行动点
- 搜索框
- footer (4个链接)

结果：
- 用户更容易找到想要的内容
- 页面加载快 50%
- 转化率提升 30%

案例 2：表单精简

原始表单：
- 姓名
- 邮箱
- 电话
- 公司
- 职位
- 公司规模
- 行业
- 国家
- 城市
- 地址
- 详细地址
- 邮编
- 备注
- 验证码
- 订阅新闻
- 订阅优惠
- 同意条款
- 隐私政策

问题：
- 15 个字段，用户填到一半放弃
- 转化率低

distill 后（核心场景：快速注册）：
- 邮箱
- 密码
- 确认密码
- 验证码
(5 个字段)

其他字段：
- 移到个人资料页（用户需要时再填）
- 非必填

结果：
- 字段减少 67%
- 完成率提升 45%

案例 3：导航精简

原始导航：
首页 | 产品 | 解决方案 | 案例 | 定价 | 博客 | 关于 | 联系我们 | 登录 | 注册

问题：
- 10 个链接，眼睛花了
- 不知道点哪个

distill 后：
首页 | 产品 | 定价 | 博客 | 登录

- 解决方案、案例 → 合并到产品
- 关于、联系我们 → 放到 footer
- 注册 → 按钮形式，更突出

结果：
- 导航更清晰
- 注册按钮点击率提升

案例 4：弹窗精简

原始弹窗：
- 大标题
- 副标题
- 介绍文字 (200字)
- 5张图片
- 视频播放器
- 特点列表 (8条)
- 用户评价 (3条)
- CTA按钮
- 社交分享
- 关闭按钮

问题：
- 弹窗太大
- 信息太多
- 关闭率很高

distill 后：
- 标题 (5字)
- 核心介绍 (20字)
- 1张图片
- 1个 CTA 按钮

结果：
- 弹窗更小
- 聚焦核心目标
- CTA 点击率提升

精简步骤

第一步：定义核心目标

这个页面/功能的核心目标是什么？

示例：
- 首页：让用户快速找到想要的内容
- 注册页：让用户完成注册
- 商品页：让用户下单

第二步：列出所有元素

列出页面上所有元素：
1. Logo
2. 导航
3. ...

第三步：评估每个元素

对每个元素问：
- 这个元素帮助用户完成核心目标吗？
- 权重：高/中/低

保留：
- 高权重元素
- 辅助核心目标的元素

删除/简化：
- 低权重元素
- 不影响核心目标的元素

第四步：重新组织

精简后的结构：
- 核心目标相关：突出显示
- 辅助信息：降权展示
- 无关信息：移除或隐藏

第五步：验证

精简后检查：
- [ ] 核心目标是否更容易达成？
- [ ] 页面是否更清晰？
- [ ] 元素是否减少了 50%+？
- [ ] 用户体验是否提升？

常见问题

Q1: 精简会不会丢失功能？

不会。精简是保留核心功能，把低频功能放到合适的位置（设置页、二级页面等），不是删除功能。

Q2: 怎么判断哪个功能是核心？

判断标准：
1. 80% 的用户使用
2. 直接影响核心目标
3. 没有这个功能流程走不通

满足任一条件 → 核心功能

Q3: 客户要求所有功能怎么办？

策略：
1. 解释认知负荷的影响
2. 用数据说服（案例研究）
3. 提供优先级排序
4. 建议分阶段上线

速查卡片

核心原则

• 少即是多
• 降低认知负荷
• 聚焦目标

精简维度

• 功能精简
• 视觉精简
• 文案精简

精简步骤

• 定义核心目标
• 列出所有元素
• 评估每个元素
• 重新组织
• 验证

判断标准

• 80% 用户使用？
• 影响核心目标？
• 没有流程走不通？

与其他技能

• polish - 打磨细节
• normalize - 规范化
• critique - 评审
• optimize - 性能优化

---

查看源文件: GitHub原始文件