交互设计 AI 走查
用好提示词,让 AI 成为你的设计评审助手。
用好提示词,让 AI 成为你的设计评审助手
一、先理解 AI 能做什么、不能做什么
AI 做交互走查的优势:速度快、成本低、覆盖面广。它可以:
- 快速遍历大量页面,指出明显的设计问题
- 从用户视角模拟任务流,发现断点和死路
- 对照设计规范,检查一致性问题
- 生成结构化的评审报告
AI 的局限:无法感知"手感"和"氛围"。动效是否流畅、配色是否舒适、布局是否透气——这些主观感受 AI 判断不了,需要人来把关。
所以 AI 走查的定位是"第一轮快速扫雷",真正的体验判断交给设计师。
二、怎么指挥:结构化提示词框架
核心原则:给 AI 角色 + 给上下文 + 给任务 + 给格式。
框架模板
你是一位拥有10年经验的资深交互设计师,擅长从用户视角审视产品体验。
我正在评审一款[产品类型],主要面向[目标用户]。
请对照以下交互自查维度,对我提供的设计方案进行走查:
1. 任务流程(通畅性、可逆性、可续性)
2. 框架布局(导航、内容层次)
3. 页面级交互(加载、刷新、反馈)
4. 页面元素(文案、列表、图片)
5. 组件状态(按钮、表单、弹窗)
6. 特殊场景(网络异常、权限边界、极端状态)
输出格式:
- 问题清单(每条标注严重程度:高/中/低)
- 对应设计建议
- 优先修复顺序
三、具体场景的提示词示例
场景一:走查登录注册流程
我需要你走查一个登录注册流程,包含以下页面:
[粘贴页面描述或上传截图]
请重点检查:
1. 流程是否最短?是否有不必要的步骤?
2. 表单报错是否清晰?是否说明原因和解决方法?
3. 异常状态(网络失败、无权限、内容为空)是否有提示?
4. 未登录用户访问需要登录的页面时,是否有合理的引导?
输出时,每个问题注明违反了哪条设计原则,并给出具体的修改建议。
场景二:走查列表页设计
请走查以下列表页设计:
[粘贴页面描述]
重点检查:
1. 内容是否按优先级排序?最重要的信息是否最显眼?
2. 筛选和排序功能是否易发现、易操作?
3. 空状态是否有情感化表达?(不要只显示"暂无数据")
4. 列表底部是否有情感化提示?还是戛然而止?
5. 图片加载失败时如何展示?是否会影响整体布局?
请从"一个普通用户第一次用这个功能"的角度描述可能遇到的问题。
场景三:走查表单设计
请走查以下表单页面:
[粘贴页面描述]
重点检查:
1. 标题和输入框的对应关系是否清晰?用户能否一眼看懂要填什么?
2. 是否有预填充或默认选项?减少用户输入负担
3. 报错时是否指明错误位置?是否说明原因?
4. 提交按钮的状态是否正确?加载中、成功、失败三种状态是否都有处理?
5. 毁灭性操作(如清空数据)是否有二次确认?
请列出最影响转化率的问题,优先修复。
场景四:检查多端一致性
我需要你对比检查以下设计稿的一致性:
[粘贴各端设计描述]
请从以下维度检查:
1. 相同功能在各端的交互方式是否一致?
2. 文案用词、句式、标点是否统一?
3. 相同状态(如加载中、空状态、报错)的视觉表达是否一致?
4. 边界尺寸(如超长文本、超多内容)的处理是否一致?
输出问题清单,标注每个问题出现在哪个端。
四、提高 AI 走查质量的技巧
1. 分段提交,不要一次性丢太多
AI 的注意力有限。一次性丢 50 个页面,它会忽略大部分问题。
正确做法:按任务流程分段走查。比如先走查登录流程,再走查首页,再走查详情页。
2. 给 AI 具体的"用户画像"
同样一个购物车页面,给老年用户看和给年轻白领看,问题完全不同。
提示词里加一句:
"这个功能主要面向[人群描述],请从这个群体的视角出发,指出他们可能遇到的困难。"
3. 让 AI 先输出问题,再输出建议
不要让 AI 直接给建议——它容易"太好说话",问题还没说清楚就开始给方案。
正确顺序:
- AI 先列出所有发现的问题(严格模式)
- 你确认哪些需要修复
- 再让 AI 针对确认的问题给建议
4. 让 AI 扮演"挑剔的用户"角色
提示词里加一句:
"请假设你是一个时间紧迫、耐心有限的真实用户,你在用这个功能时遇到了什么困难?"
这个角色设定往往能挖出 AI 正常模式发现不了的问题。
5. 交叉验证:让两个 AI 走查同一个页面
不同模型的偏好不同。让 GPT 和 Claude 分别走查同一个页面,对比结论,往往能发现单一模型遗漏的问题。
五、AI 走查的输出模板
建议让 AI 按以下格式输出,方便后续跟踪和汇报:
| 问题编号 | 问题描述 | 所在页面 | 严重程度 | 违反原则 | 修改建议 | 是否修复 |
|---|---|---|---|---|---|---|
| P-01 | 表单报错只显示"格式错误",未指明哪个字段 | 注册页 | 高 | 报错可定位 | 报错应出现在对应字段下方 | 待定 |
| P-02 | 列表空状态只显示图标,无文字说明 | 收藏页 | 中 | 情感化设计 | 添加"你还没有收藏任何内容,快去逛逛吧" | 待定 |
六、结合自查表使用
AI 走查完成后,用交互设计自查表对照复查:
- AI 快速扫一遍 → 输出问题清单
- 设计师人工过自查表 → 补充 AI 遗漏的主观判断项(动效、配色、布局感受)
- 合并两份结果 → 制定修复计划
AI 负责"有没有",设计师负责"好不好"——两者结合,效率和质量兼顾。