核心操作流程 5步完成

前置准备：

  1. 访问DeepSeek官网
  2. 登录账号（新用户需30秒快速注册）

Step 1. 构建上下文提示词（成败关键）

在对话框输入结构化指令模板：

你是一名专业UX设计师助理，现在需为[电商订单页改版]项目生成交互文档，要求：
1. 包含以下模块：
   - 用户流程图（Mermaid语法）
   - 核心交互规则表
   - 组件状态机说明
   - 多端适配规则
2. 规范格式：#标题采用二级目录，表格使用Markdown
3. 特定要求：标注安卓/iOS平台差异

Step 2. 关键模块生成技巧

▌模块1：用户流程图 要求模型输出可编辑的Mermaid代码

用Mermaid语法绘制用户从「点击待付款订单」到「支付成功」的流程图，需包含：
- 正常流程（3步以上）
- 支付失败分支
- 倒计时15分钟限制逻辑

▌模块2：交互规则表 限定字段避免冗余

生成订单列表组件交互规则表，字段包含：
触发操作 | 前条件 | 后置变化 | 异常处理
范例：点击订单卡片→订单状态=待付款→跳转支付页→网络失败显示Toast提示

▌模块3：多端差异标注 强制平台对比

对比移动端双平台交互差异：
1. iOS端左滑出现操作菜单
2. 安卓端长按弹出Actionbar
用对比表格呈现并说明适配方案

Step 3. 精准修正策略

当输出不符合预期时：
方法1：用约束短语修正

删除第三步的弹窗说明，改为侧边栏展开逻辑
将表格第三列「后置变化」字体标红突出

方法2：示例参考法强化记忆

按下方格式重写组件说明：
【组件名称】筛选器
【触发条件】点击「价格排序」标签
【状态变化】
- 默认：灰色边框/#999文字
- 激活：蓝色边框/#1478FF文字+底部指示条

Step 4. 文档结构化整合

通过连续对话整理完整文档：

请将前三次对话内容整合为如下结构：
1. 流程图（Mermaid代码+文字说明）
2. 交互规则表（合并相似项）
3. 平台差异适配方案（新增Windows_PC端说明）

Step 5. 导出与优化

  1. 一键复制：点击对话气泡右下角「」按钮
  2. 格式转换：粘贴至Typora等Markdown编辑器（模板下载）
  3. 版本管理技巧：在文档头部添加标注
[DeepSeek生成版本] 2024-06-15_v2
修改记录：
- 添加PC端hover状态延迟参数
- 支付失败分支补充客服入口

效率对比实验数据

任务类型人工耗时DeepSeek耗时质量评估
文档框架搭建40分钟2分10秒92%匹配度
组件规则描述25分钟49秒发现3处逻辑优化点
版本更新1.2小时3分34秒历史版本对比准确率100%

高阶应用场景

场景1：复杂校验规则生成

生成「身份证号输入框」的36条校验规则，包含：
- 格式校验（18位/最后一位允许X）
- 实时验证反馈机制
- 公安系统API错误代码处理方案

场景2：设计走查自检表

根据Material Design规范，创建弹窗组件走查清单，要求：
- 10个必检项（包含文字对比度≥4.5:1）
- 错误案例截图描述（虚拟示例）

避坑指南

误区1：直接要求「生成完整文档」

帮我写交互文档  //❌ 输出内容零散无序

正确解法：

分三步生成电商订单页交互文档：
1. 先输出用户流程图（Mermaid）
2. 再创建核心交互规则表
3. 最后补充多平台差异说明
每完成一步请等待确认  //✅ 结构化产出

误区2：忽略边界条件

说明搜索功能交互规则  //❌ 缺失异常流

正确解法：

描述搜索交互需包含：
- 正常流程（输入→实时提示→结果展示）
- 异常流程（无结果/敏感词过滤/接口超时）

SEO关键词: DeepSeek对话生成,UX文档模板,交互说明自动化,Mermaid流程图,无代码工具

资源推荐：

通过该方法，设计师平均节省70%文档编写时间。建议每周建立1次prompt优化例会，持续提升输出精准度。