Files
jiapuapp/design-qa.md
T
2026-07-15 08:31:33 +08:00

4.3 KiB
Raw Blame History

Design QA — G05 家谱总览

  • source visual truth path: docs/design/screens/runtime/2026-07-14/g-module-audit/before/01-g05-before-360x800.pngstatic/assets/modules/genealogy/opaque/g05-overview-surface.png、外部思维导图与 家谱主页.png 的信息层级参考
  • implementation screenshot path: docs/design/screens/runtime/2026-07-14/g-module-audit/g05/01-g05-ready-360x800.png
  • viewport: 360×800;另查 412×915
  • state: ready;另查 emptyerror
  • full-view comparison evidence: docs/design/screens/runtime/2026-07-14/g-module-audit/g05/05-g05-before-after-comparison.png
  • focused region comparison evidence: 未单独裁切;合并图中 360px 单页按原始像素显示,谱名区、四宫格、近况行和底部说明文字均可直接辨认。

Findings

没有遗留的 P0/P1/P2 问题。

  • 字体与层级:谱名、核心动作、辅助说明形成三级层级;第一次审计发现元信息和说明文字偏小,已将相关字号提高到 22–23rpx 后重截。
  • 间距与布局:四个点击区与位图槽位一致;360 与 412 均无横向溢出、裁切或底部操作遮挡。
  • 颜色与令牌:继续使用朱砂、墨蓝、暖宣纸与古金,没有采用外部参考的灰绿色视觉。
  • 图片质量:总览面、四宫格边框、分隔和底部说明面全部来自 1122×1506 不透明位图;没有用 CSS 边框、渐变、SVG 或占位图形代替。
  • 文案与内容:删除了“邀请亲人→申请加入”的角色错误;保留 OpenAPI 能支持的概览、世系、始祖、字辈、审核和设置任务。

Comparison history

  1. 改前 P1:录入族人指向已删除 G04;已改为 G03 step=ancestor,静态契约和真实点击通过。
  2. 改前 P1:管理员邀请动作错误进入申请者 G08;已删除该动作,不臆造 OpenAPI 未提供的邀请功能。
  3. 改前 P2:完整卡片与面板由 CSS 拼接;已改成 ImageGen 不透明位图并验证尺寸和 alpha。
  4. 首次改后 P2:部分 360 宽屏辅助文字偏小;已提高字号并重新捕获四张最终证据。

Evidence limits

截图能够确认层级、裁切、图像质量和可见点击面积,不能单独证明读屏顺序、外接键盘焦点、Android 系统字体放大或完整 WCAG 合规;这些留给真机专项验证。

Implementation checklist

  • G01 统一使用 genealogyId 查询键
  • G05 同页承载 loading|ready|empty|error
  • G04 旧路径清除
  • 误导邀请动作清除
  • 360×800 与 412×915 截图检查
  • 静态契约与浏览器运行冒烟通过

final result: passed


Design QA — 54 路由候选覆盖审计

  • 审计日期:2026-07-14
  • 用户验收状态:7 个冻结页为 [x];其余 47 个页面仅为 [~] 候选,本文件的 passed 只表示本轮内部截图 QA 通过,不代表用户审美验收。
  • 全量候选截图:docs/design/screens/runtime/2026-07-14/all-page-candidates/
  • G 模块证据:g-module-audit/
  • T 模块证据:t01-audit/t-module-audit/
  • F01/F02/N01/M01 根页证据:root-pages-audit/
  • 六类共享母版证据:module-page-audit/

Audit summary

  • 54 条最终路由已按当前信息架构覆盖;G07→G06、T02→T01 的重复状态路由已收敛。
  • 候选页面继续使用宣纸、朱砂、古金、墨褐视觉体系;按钮、卡片、字段、面板和边框使用完整位图,未在共享母版中使用 CSS 伪元素或 CSS 构造可见表面。
  • 47 个待审页面均使用本地模拟数据与可操作状态,不调用 appApi;接口清单只用于功能位置、字段与状态语义。
  • 29 个原通用壳页面逐页捕获 360×800 候选图,并按 F、R、M/N 生成模块联系表统一审视。
  • F01、F02、N01、M01 根页在 360×800 与关键 412×915 下复核;底部导航、主操作和状态卡没有裁切。
  • 首轮 T01 状态卡横向裁切已按契约先行修复并重截;G09/G10 假按钮槽已用独立状态位图修复;当前没有遗留的 P0/P1/P2 截图问题。

Evidence limits

H5 Chrome 截图不能证明 Android 真机字体放大、读屏语义、系统返回手势、软键盘遮挡和所有触摸目标;这些项目不在本轮候选 QA 中冒充完成,留到用户视觉审核后的 Android 设备复核。

final result: passed (internal candidate QA only; user review pending)