Px

PatDraftix · 高保真原型 v1.0

基于《PRD v1.0》与《产品设计文档 v1.0 完整版》的可点击界面原型 · Web 应用
2026-05-21 Draft for Review · 共 19 页 · 零死链
原型范围
  • 6 个主流程 + 5 个编辑器变体 + 3 个边界态 + 5 个机构能力 = 共 19 页
  • 覆盖 PRD FR-001 ~ FR-015 全部功能需求 + ⌘K 命令面板
  • 桌面端 Web 优先布局,1440×900 以上窗口最佳
  • 纯静态 HTML / CSS / 少量 JS,无需服务端
设计原则
  • 专业人员主导 · AI 用紫色明确区分(人工动作用蓝色)
  • 关键节点人工确认:交底 / 权要 / 说明书 / 导出四道闸
  • 右侧 AI 面板任务化,按 PRD 要求不是聊天框
  • 失败不破坏现有文档,所有任务可重试可追溯

主流程

6 页 从登录到导出的完整闭环 · 建议按顺序浏览
登录
登录页 →
/login
邮箱/手机号登录,左侧呈现产品定位与四个核心价值点。
P0 · FR-001
第 1 步
工作台首页 →
/dashboard
案件列表、阶段筛选 pills、4 张关键指标卡片、AI 使用配额。
P0 · FR-002
第 2 步
新建案件 →
/cases/new
基础信息表单、文件上传区、撰写模式选择(核心保护 / 稳妥授权 / 快速申请)。
P0 · FR-003FR-004
第 3 步
案件详情 →
/cases/:id
7 个阶段竖向时间线、AI 与人工活动流、风险摘要、确认记录。
P0 · 状态机AI 活动
第 4 步 · 核心
文档编辑器 (权要) →
/cases/:id/documents/claims
产品差异化最关键的一页。三栏布局 + 任务化 AI 面板(生成 / 审校 / 改写三组按钮,不是聊天框)。
核心体验FR-005~FR-013多助手
第 5 步
终稿导出 →
/cases/:id/export
6 项导出前检查、5 个 Word/ZIP 文件清单、3 条人工确认勾选。
P0 · FR-014

编辑器状态变体

5 页 同一个 editor 在不同文档类型与运行态下的视觉差异 · 含 v1.5/v2.0 能力预览
编辑器变体 ①
交底书编辑态 →
/documents/disclosure
结构化字段大纲(技术问题/方案/实施例/效果),AI 建议字段紫框高亮,缺失字段黄框提示。
状态变体FR-007
编辑器变体 ②
说明书章节编辑态 →
/documents/specification
7 章节大纲 + 按章节生成队列(已完成/生成中 62%/排队中)+ 单章重试。
状态变体FR-012分章
编辑器变体 ③
AI 任务 4 种状态 →
/ai-tasks 状态合集
运行中 / 失败 / 部分成功 / 成功通知 — 2×2 网格展示,含任务历史与可读错误信息。
状态变体异步任务错误处理
编辑器变体 ④
版本对比 (v5 ↔ v6) →
/documents/.../diff
左右并排对比 + 行内红绿增删 + 修改项侧栏(AI 改 / 人工改徽章分类)+ 回滚。
状态变体FR-006
编辑器变体 ⑤ · 未来能力
附图制作 →
/documents/figures
v1.5/v2.0 能力预览:附图清单 + 标号管理 + AI 起草流程/模块/结构图。 含真实流程图样例、标号引用表、紫色路线图锁定卡。
v1.5/v2.0路线预览

确认弹窗与边界态

3 页 关键节点的人工确认、首次使用、解析失败等场景
关键节点
权要人工确认弹窗 →
/documents/claims (modal)
PRD 9.1 五项确认 + 主办人法律责任签署 + 高风险问题留存提示。可交互勾选。
弹窗FR-011关键节点
首次进入
工作台空状态 →
/dashboard (empty)
3 步走流程图 + 示例案件克隆入口 + 教学视频 + 数据隐私横幅。首次留存关键页。
状态变体引导
错误处理
材料解析部分失败 →
/cases/:id (warn)
3 文件中 1 个解析失败的非阻断态:可读失败原因、修复建议、3 条恢复路径。
状态变体边界态

账号与机构

5 页 付费转化、安全、协作、审计、模板沉淀等机构能力
商业化
账号订阅 →
/subscription
深色当前套餐卡 + 4 档定价(免费内测 / ¥500 月订阅 / ¥1,500 专业版 / 企业版定制)+ 本月用量明细 + 账单历史。 内测用户享 50% 商业化首年折扣。
付费转化机构
账号管理
设置 →
/settings
左侧 9 个分组锚链接:个人资料(含执业证号)/ 账号安全(2FA + 设备)/ 通知矩阵 / 数据隐私 / 导出归档 / 外观 / 编辑器 / AI 默认 / 关于。底部含危险操作区。
机构含注销入口
辅助页
导出记录 →
/exports
跨案件的全量导出历史。含 5 种状态变体(成功/含风险/失败/已过期/重试)+ 7 天 TTL 进度条 + 审计承诺横幅。
机构审计
辅助页
模板中心 →
/templates
Word 模板(官方 + 机构自定义)+ AI 提示词模板(让 AI 助手输出对齐机构风格)。 差异化护城河 · 留客关键。
差异化AI 风格沉淀
辅助页
团队成员 →
/team
机构席位管理(深色顶卡)+ 4 种成员状态 + 案件负载条 + 4 角色权限矩阵(所有者/管理员/主办/协办)。
机构协作
📌 建议浏览顺序:登录 → 工作台 → 新建案件 → 案件详情 → 编辑器 (权要) → 编辑器变体 → 确认弹窗 → 导出。
原型中所有数据均为示例(案件 PAT-2026-0042 · 水下图像增强)。

可作为给代理人内测前的视觉走查物料,或交付前端 / UI 设计师作为视觉规范参考。