Logic-driven UI Design Review
14 Review Rules
- 用 proximity / spacing 表达关系;可采用 8-point spacing system。
- UI components 至少约 3:1 contrast。
- 每个 screen 只突出一个 primary action。
- Interactive target 足够大(文章建议 48×48pt)并留出间距。
- 重要 content / action 在需要时可见,不要全部藏进 menu。
- 大标题适当减少 letter spacing。
- 不只用颜色表示 selected、status 或 error。
- 减少混杂 alignment,降低 scanning / cognitive load。
- 正文小字至少 4.5:1 contrast(large text 可 3:1)。
- Container 只在真正帮助 grouping 时使用。
- 控制 font weights,保持 regular / bold 的清楚层级。
- 相似 components 外观与 behaviour 一致。
- Minimalism 不等于 simplicity;不要删掉关键 labels / guidance。
- Icon + text pair 的视觉权重平衡。
UI Review Matrix
| Screen / flow | Rule violated | User impact | Fix | Evidence / retest |
|---|---|---|---|---|
| — | — | — | — | — |
FIT5120 Priority
- 先修影响 task completion、accessibility、error prevention 与 trust 的问题。
- 对 style preference 分歧,回到 design system 与 user evidence。
- 把 accepted fix 变成 LeanKit story / AC;不把课堂反馈留在 screenshot 中。