项目 2｜AFIS 指纹比对系统（SaaS）
为公安行业打造的新一代指掌纹比对 SaaS 平台，聚焦界面重设计、信息架构优化与核心流程梳理，提高数据可读性与比对效率。
项目简介
为公安行业提供高强度场景下可读、可用、可扩展的指掌纹比对 SaaS 平台。
- 项目类型：Web · SaaS · To G（公安）
- 项目时间：2021–2022
- 我的角色：UI/UX 设计师，负责调研、需求对齐、信息架构、核心界面、设计规范、图标库与研发协作验收。
背景
AFIS 初版上线后汇聚 6000 万+ 指掌纹数据并覆盖近百地市，规模扩张暴露出信息展示与操作效率问题。
- 界面拥挤、表格难读、筛选效率低
- 上传流程繁琐、操作层级复杂、重复点击多
- 核心比对流程不直观，图标与标注难以理解
- UI 风格陈旧、控件不统一，缺少组件化
用户研究
研究方式
- 深度访谈（指纹检视专家、一线警务人员、后台管理者）
- 内部走查与多轮线下评审
- 收集各地市反馈与改动意见，分析作业路径
核心反馈
- 界面拥挤、风格陈旧、组件不统一
- 表格信息过量且翻页频繁，对比困难
- 比对逻辑不直观、重复点击多；上传缺少引导
- 图标难辨识、标注含义不清、任务状态追踪困难
设计目标与策略
- 体验一致性：统一 UI、控件、动效与组件规范
- 核心功能优化：简化上传与比对流程
- 层级优化与信息降噪：减少视觉杂讯
- 数据清晰易读：重构表格与可视化
- 缩短操作路径，提高效率
设计方案：规范与一致性
建立完整设计规范，支撑高密度数据场景并降低研发成本。
- 8pt 网格体系与 24 栅格，横纵模块化布局
- 统一色彩、间距、表单与弹窗/表格/筛选控件
- 重绘 icon 库，提升辨识度与可预期的交互反馈
核心功能优化：上传指纹
- 为专业名词提供气泡提示与跟随文案，降低新手门槛
- 必填项标记清晰，未填完时导入按钮置灰
- 串联操作路径，一次完成上传，减少重复点击
核心功能优化：指纹比对
- 重构视觉动线与布局，分离工具栏与筛选区，提升屏效与可读性
- 整合零散图标为工具栏，增强可发现性
- 重做特征标注颜色体系与图例（红/黄/绿/蓝），让专家“一眼能看懂”
- 新增一键隐藏标注，减少视觉疲劳
- 低频筛选收纳至表格顶部，不占独立空间
层级优化与信息降噪
- 弱化顶部导航，让主作业区聚焦
- 用色块分区替代大量分割线，降低视觉负荷
数据清晰易读
- 表格整合为单一结构，减少翻页并支持并排对比
- 算力与资源从纯数字升级为比例可视化，更直观
缩短路径与效率提升
- 案件统计页：重要信息前置，弹窗查看详情，无需跳转
- 数据统计页：新增组合筛选器，支持多条件并行
- 比对页：step-by-step wizard，随时追踪任务状态
项目价值与影响
- 界面更清晰专业，核心操作效率显著提升
- 统一规范降低返工率，缩短交付周期
- 表格与比对流程优化后，路径更短、错误更少
- 标注体系提升专家判读速度，支持快速决策
- 设计规范为后续业务扩展打下基础
我的收获与反思
- To G 高密度场景的关键在于精准的层级与数据结构设计。
- 设计规范是体验一致性与研发效率的基础设施。
- 在超专业领域，理解业务本身比单纯“改界面”更重要。
- 减少点击与视觉负担，往往比增加功能更能提升效率。