交互设计 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 直接给建议——它容易"太好说话",问题还没说清楚就开始给方案。

正确顺序:

  1. AI 先列出所有发现的问题(严格模式)
  1. 你确认哪些需要修复
  1. 再让 AI 针对确认的问题给建议

4. 让 AI 扮演"挑剔的用户"角色

提示词里加一句:

"请假设你是一个时间紧迫、耐心有限的真实用户,你在用这个功能时遇到了什么困难?"

这个角色设定往往能挖出 AI 正常模式发现不了的问题。

5. 交叉验证:让两个 AI 走查同一个页面

不同模型的偏好不同。让 GPT 和 Claude 分别走查同一个页面,对比结论,往往能发现单一模型遗漏的问题。


五、AI 走查的输出模板

建议让 AI 按以下格式输出,方便后续跟踪和汇报:

问题编号问题描述所在页面严重程度违反原则修改建议是否修复
P-01表单报错只显示"格式错误",未指明哪个字段注册页高报错可定位报错应出现在对应字段下方待定
P-02列表空状态只显示图标,无文字说明收藏页中情感化设计添加"你还没有收藏任何内容,快去逛逛吧"待定

六、结合自查表使用

交互设计自查表.pdf

AI 走查完成后,用交互设计自查表对照复查:

  1. AI 快速扫一遍 → 输出问题清单
  1. 设计师人工过自查表 → 补充 AI 遗漏的主观判断项(动效、配色、布局感受)
  1. 合并两份结果 → 制定修复计划

AI 负责"有没有",设计师负责"好不好"——两者结合,效率和质量兼顾。