119 lines
5.3 KiB
Markdown
119 lines
5.3 KiB
Markdown
|
|
---
|
|||
|
|
target: PPT 数据核对页面
|
|||
|
|
total_score: 12
|
|||
|
|
max_score: 40
|
|||
|
|
na_heuristics:
|
|||
|
|
p0_count: 0
|
|||
|
|
p1_count: 5
|
|||
|
|
timestamp: 2026-07-30T06-33-37Z
|
|||
|
|
slug: rontend-src-pages-components-ppt-pptdatareview-vue
|
|||
|
|
---
|
|||
|
|
# PPT 数据核对页设计审查
|
|||
|
|
|
|||
|
|
## Design Health Score
|
|||
|
|
|
|||
|
|
| # | Heuristic | Score | Key Issue |
|
|||
|
|
|---|---|---:|---|
|
|||
|
|
| 1 | Visibility of System Status | 2/4 | 有加载和错误数,但编辑后校验陈旧,父子计数矛盾 |
|
|||
|
|
| 2 | Match System / Real World | 2/4 | 有保险术语,没有 PDF 原始证据 |
|
|||
|
|
| 3 | User Control and Freedom | 1/4 | 无撤销,删除立即执行,右栏关闭失效 |
|
|||
|
|
| 4 | Consistency and Standards | 2/4 | 状态、返回、底栏和字段数据类型不一致 |
|
|||
|
|
| 5 | Error Prevention | 1/4 | 缺失字段会隐藏,来源页可误改 |
|
|||
|
|
| 6 | Recognition Rather Than Recall | 1/4 | 必须另开 PDF 或凭记忆比对 |
|
|||
|
|
| 7 | Flexibility and Efficiency | 1/4 | 无异常队列、批量、粘贴和快捷键 |
|
|||
|
|
| 8 | Aesthetic and Minimalist Design | 1/4 | 外层三栏叠内层三栏,全表长期编辑态 |
|
|||
|
|
| 9 | Error Recovery | 1/4 | 问题不能可靠定位、聚焦或高亮 |
|
|||
|
|
| 10 | Help and Documentation | 0/4 | 无置信度、字段口径和警告处理指导 |
|
|||
|
|
| **Total** | | **12/40** | **Poor** |
|
|||
|
|
|
|||
|
|
## Design Specificity Verdict
|
|||
|
|
|
|||
|
|
业务字段有保险特异性,但核对体验仍是通用后台表单。页面没有把“从 PDF 证据中核对 AI 提取值”设计成核心动作;用户只能看结构化结果和整张可编辑表格,看不到原始页图、文本片段、字段框选或置信度。
|
|||
|
|
|
|||
|
|
自动检测器扫描 `frontend/src/pages/components/ppt/PptDataReview.vue` 返回 0 条规则结果。该结果只能说明没有命中检测器编码的静态反模式,不能证明业务交互可用。浏览器运行环境不可用,因此没有实页截图、控制台结果或用户可见覆盖层。
|
|||
|
|
|
|||
|
|
## Overall Impression
|
|||
|
|
|
|||
|
|
页面具备错误/警告/通过的基础分层,也完成了产品、关键字段、利益演示和退保提取的初步分组。但最大机会不是继续美化表单,而是把任务从“编辑所有数据”重构成“结合 PDF 证据清空待确认问题”。
|
|||
|
|
|
|||
|
|
## What's Working
|
|||
|
|
|
|||
|
|
- 阻断错误会禁用生成按钮,基础方向正确。
|
|||
|
|
- 产品、关键字段、利益演示和退保提取已有业务分组。
|
|||
|
|
- 输入范围、显式保存和自动保存意图表明系统已经考虑误操作与工作保留。
|
|||
|
|
|
|||
|
|
## Priority Issues
|
|||
|
|
|
|||
|
|
### P1:核对页缺少原始证据层
|
|||
|
|
|
|||
|
|
用户无法同时看到提取值与 PDF 原文。应默认展示待核对问题、当前字段和对应 PDF 页,高亮来源区域,并提供接受、修改和无法确认。
|
|||
|
|
|
|||
|
|
Suggested command: `/impeccable shape`
|
|||
|
|
|
|||
|
|
### P1:外层三栏叠内层三栏
|
|||
|
|
|
|||
|
|
外层已有步骤导航、主区和上下文栏,组件内部又有产品栏、编辑器和问题栏,再加两套底栏。应让核对步骤进入专注模式,只保留 PDF 证据与当前核对任务两栏。
|
|||
|
|
|
|||
|
|
Suggested command: `/impeccable layout`
|
|||
|
|
|
|||
|
|
### P1:问题导航不可靠
|
|||
|
|
|
|||
|
|
问题没有产品、字段路径、行键和来源页;前端只能用产品名和字符串包含关系猜测归属。应建立结构化 issue 契约,实现切产品、切分区、滚动、聚焦、高亮和 PDF 跳页。
|
|||
|
|
|
|||
|
|
Suggested command: `/impeccable harden`
|
|||
|
|
|
|||
|
|
### P1:校验反馈陈旧且互相矛盾
|
|||
|
|
|
|||
|
|
编辑后问题数不会实时变化,父级错误数没有从子组件同步。应使用单一校验状态源,本地即时校验加防抖服务端校验。
|
|||
|
|
|
|||
|
|
Suggested command: `/impeccable clarify`
|
|||
|
|
|
|||
|
|
### P1:核对被设计成全表编辑
|
|||
|
|
|
|||
|
|
大表的每个单元格永久显示输入控件。应默认只读,只高亮异常,按需进入编辑,并支持仅看异常、批量接受、粘贴和键盘移动。
|
|||
|
|
|
|||
|
|
Suggested command: `/impeccable distill`
|
|||
|
|
|
|||
|
|
## Persona Red Flags
|
|||
|
|
|
|||
|
|
### Alex(熟练用户)
|
|||
|
|
|
|||
|
|
- 没有下一个问题、快捷键、批量接受、批量粘贴或仅看异常;
|
|||
|
|
- 每次修改后要显式保存才能得到新校验结果;
|
|||
|
|
- 大表只能逐单元格操作。
|
|||
|
|
|
|||
|
|
### Jordan(首次用户)
|
|||
|
|
|
|||
|
|
- 不知道错误、警告和待确认的处理差异;
|
|||
|
|
- 看不到 PDF 来源,无法判断系统还是自己正确;
|
|||
|
|
- 来源页被呈现成可编辑业务值;
|
|||
|
|
- 生成按钮禁用后没有明确修复顺序。
|
|||
|
|
|
|||
|
|
### Sam(键盘/读屏用户)
|
|||
|
|
|
|||
|
|
- 顶部返回和右栏关闭是点击图标,不是语义按钮;
|
|||
|
|
- 问题跳转后没有焦点转移或状态播报;
|
|||
|
|
- 产品状态圆点主要依靠颜色;
|
|||
|
|
- 多个独立滚动区使键盘和 200% 缩放路径困难。
|
|||
|
|
|
|||
|
|
## Cognitive Load
|
|||
|
|
|
|||
|
|
8 项检查中有 6 项失败,属于高认知负荷:单一焦点、视觉层级、一次一个决策、最少选择、工作记忆和渐进披露均未满足。
|
|||
|
|
|
|||
|
|
## Minor Observations
|
|||
|
|
|
|||
|
|
- 右侧关闭按钮不能真正隐藏 aside;
|
|||
|
|
- 修改 `data.product_name` 后标题仍优先显示旧的 `ext.productName`;
|
|||
|
|
- 保额为空时字段反而被隐藏;
|
|||
|
|
- 总行数不含退保表;
|
|||
|
|
- 删除行无确认、无撤销;
|
|||
|
|
- 小屏下问题列表位于长表格之后。
|
|||
|
|
|
|||
|
|
## Questions to Consider
|
|||
|
|
|
|||
|
|
- 如果系统通常能识别大多数数据,为什么用户要面对 100% 的字段?
|
|||
|
|
- 用户确认年龄或产品名最少需要哪些证据?
|
|||
|
|
- 是否应把核对定义为清空待确认队列,而不是浏览三个标签页?
|
|||
|
|
- 警告是可忽略、需确认,还是必须修复?
|
|||
|
|
- 熟练顾问能否只用键盘在一分钟内处理常见异常?
|