高级体验架构师 | B2G 复杂系统专家

重构感知
从数据到决策

昆山“智慧公安”情指勤舆一体化平台

设计的核心不在于视觉堆砌,而在于认知降噪。针对 1.2TB 城市级海量数据,我通过构建“全息档案”“上帝视角”交互模型,将底层逻辑转化为直观的决策支撑。

查看案例复盘
22 倍
研判效能跃升
1.2TB
日吞吐数据量
01 | Context & Team

项目概况与团队构成

2000万级 · 城市级安防中枢
2,000万 (RMB)G端重点项目

鉴于项目的高复杂度与公司开发资源的业务聚焦,核心算法层采用了“联合开发”模式。我不仅解决设计问题,更需要处理复杂的跨企业技术对接

LEAD DESIGNER
高级 UX 设计师
✨ 主导用户研究交互架构定义分包体验管控可用性测试
PM
项目经理
1 人
UX
UX 设计师 (协作)
3 人
FE
前端开发
5 人
DA
数据分析师
2 人
EX
公安业务顾问
3 人
跨域体验协同 (The UX Hub)
UX Hub
体验中枢
Ali
阿里团队核心算法分包
Int
公司内部历年历史数据
中科曙光底层算力数据
Su
海康威视安防视频流
Hik
02 // 商业背景 | CONTEXT

1.1 为什么做这个项目?

:: STRATEGIC ANALYSIS ::

从“信息孤岛”到
全息决策中枢

响应公安部“十四五”规划,昆山需在 2025 年前建成“图数融合中心”。我们的核心任务是打破行政壁垒,实现人、事、物等七大要素的全息感知与秒级响应。

图数融合 Data Fusion
全息感知 Perception
秒级响应 Real-time
PAIN POINTS
0TB
日均数据过载
0Sys
系统割裂严重
KEY GOALS
查询耗时
0s
Old: 9 min
报告生成
0m
Old: 2 hr
系统日活
0%
Old: 35%

1.2 现状与痛点

公安自建感知
00,000
高密度实时性强
社会类点位
000,000
范围广质量参差
业务数据
00亿+
存量巨大更新滞后
主题库
8 大类
能力成熟孤立存在
20+ 独立系统割裂
碰撞率 < 15%
PGIS视频专网警务通情报平台+16 Others
数据标准不统一同一人脸在不同系统ID不同,无法对齐
跨域协同困难物理网段隔离,数据搬运依赖人工拷贝

日均感知数据

0.0TB
来源: 卡口 / 电子围栏 / 旅馆

研判方式

人工经验为主
90%
数据沉睡 未激活
海量数据无法转化为实战价值
搜索受限 No Fuzzy Search
不支持多维/模糊搜索,仅支持精确匹配
“如果知道他是谁,我还需要搜吗?一线反馈:查不到就是查不到。”

全局视角:利益制衡与差异化突围

面对千万级 B2G 复杂系统,设计不能只局限于屏幕之内。必须向上理清决策链,向外看透行业生态,才能精准定义真正的体验发力点。

利益相关者矩阵 (Power-Interest)

识别“谁买单”与“谁使用”,制定差异化策略

高 权力低 权力
低 关注高 关注
保持满意
重点管理
协同整合
核心攻坚
局长 & 分管局长系统的最终买单方
诉求:宏观政绩与全局风险管控
市局领导关注全市指标对比与成果汇报
一线民警 & 分析师系统的真正使用者
诉求:实战效率极简,拒绝花哨
外部硬件/算法供应商提供底层技术支撑

桌面研究:行业标杆情报

深度拆解顶尖公安大数据平台,明确设计边界

苏州“苏智公安”图数融合高
情报:关系图谱美观,但移动端能力薄弱。
对策:💡 借鉴图谱可视化交互方案。
北京“鹰眼” & 深圳“鹏眼”AI算法领先
情报:底层算法极强,但 PC 端操作极其复杂老旧。
对策:💡 避免重复造轮子,底层算法直接采购接入。
STRATEGIC CONCLUSION // 破局点
底层算法并非 UX 核心战场。昆山感知平台必须将体验资源全面倾斜于 “多维数据的图数融合交互”“移动端的极简实战化”,以此形成绝对优势。
05 // 用户故事体验路线

从混沌发声到精准定调

泛化的画像在体制内毫无意义。我们将 186 份问卷解构为 5 条完全割裂的职能线,并提取核心用户故事,确立设计基调。

12驻点派出所
22深度访谈
186问卷验证
下载样本数据
派出所小张 (巡处民警)
SCENE: 室外强光 / 紧急盘查 / 单手持机
基座群体: 55%
STEP 1: EMPATHY QUOTE (混沌原声)
“手机上查不到同行人,只能截图发微信让内勤查。一到关键时刻系统就是个半残废。”
STEP 2: USER STORY (任务提炼)
AS A派出所一线巡处民警
I WANT在移动端极速核验人员身份与同行关系
SO THAT我能在路面高压环境下,规避不可控的现场风险。
STEP 3: UX BREAKTHROUGH (破局对策)
移动优先设计。构建极限放大的单手盲操抽屉式底栏
刑侦大队老王 (办案民警)
SCENE: 案卷堆积 / 跨系统高频比对
核心攻坚: 5%
STEP 1: EMPATHY QUOTE (混沌原声)
“查一个人,要点开 7 个系统复制粘贴几十次身份证号。太累了,我就想要一键全出来。”
STEP 2: USER STORY (任务提炼)
AS A刑侦大队办案民警
I WANT一站式全维度穿透查询嫌疑人的所有感知数据
SO THAT我能将 9 分钟的跨系统检索压缩到 30s 内出结果。
STEP 3: UX BREAKTHROUGH (破局对策)
放弃传统菜单,引入“极简搜索引擎式”入口,底座聚合 20+ 业务接口。
情报中心小李 (分析师)
SCENE: 办公室多屏沉浸 / 数据建模深挖
中枢群体: 20%
STEP 1: EMPATHY QUOTE (混沌原声)
“查个团伙,关系图谱层级太深,点开全屏都是蜘蛛网,看得我头晕,找不到重点骨干。”
STEP 2: USER STORY (任务提炼)
AS A情报中心研判分析师
I WANT灵活创建模型,并在防晕眩的图谱中筛选节点
SO THAT我能深度挖掘隐藏的犯罪团伙,不错漏致命线索。
STEP 3: UX BREAKTHROUGH (破局对策)
引入认知降噪原则。设计防晕眩引力布局,关系图默认限制“2度展开”。
指挥中心主任 (调度长)
SCENE: 重大安保指挥大厅 / 全局预警调度
决策枢纽: 15%
STEP 1: EMPATHY QUOTE (混沌原声)
“大屏全是无意义的炫酷 3D 特效。领导一问情况,真正的关键预警数据我一眼根本找不到。”
STEP 2: USER STORY (任务提炼)
AS A指挥中心值班主任
I WANT一张图清晰掌控全市核心警情与异常风险波动
SO THAT我能在重大警情时秒级精准调度,纵览全局无死角。
STEP 3: UX BREAKTHROUGH (破局对策)
坚决剥离冗余 3D 楼块。重构大屏,采用高对比度的红绿警示色视觉舱
公安局领导 (最终决策层)
SCENE: 市局高层汇报 / 宏观政绩展示
顶层买单: 5%
STEP 1: EMPATHY QUOTE (混沌原声)
“我要看的是整体的警情趋势,不是一堆零碎的数据。汇报时如果说不清趋势,场面会很难看。
STEP 2: USER STORY (任务提炼)
AS A公安局决策与汇报领导
I WANT随时查看宏观数据仪表盘,并自动导出工作简报
SO THAT我能完美应对上级突击审查,用数据直观证明警务成果。
STEP 3: UX BREAKTHROUGH (破局对策)
研发报表自动化引擎。支持一键生成符合公安公文规范的 PPT 格式简报

全局视角:量化体验契约与差异化突围

面对千万级 B2G 复杂系统,设计不能只局限于屏幕之内。必须向上理清业务诉求,向下权衡技术边界,将痛点转化为 4 大核心架构策略,并立下 SMART 验收标准。

01 · 认知降噪与界面重塑

0+ (NPS)P0 级核心指标
鉴于系统极高的弃用率,痛点根源在于 20+ 个孤立入口引发的严重认知过载。我推导通过渐进式披露与入口级融合,精简 30% 冗余表单,重塑系统控制感。

02 · 跨库数据全息穿透

0s (时效)实战效率考核
针对 55% 基层群体跨库查询链路过长的痛点,传统的深层树状菜单在实战中毫无意义。策略转向引入全局搜索引擎式单一入口,实现底层要素库的秒级穿透。

03 · 去伪存真与宏观聚焦

0min (生成)高层决策指标
领导层决策极度依赖数据异动。目前花哨的 3D 建模只会严重拉低关键信息的数据信噪比 (Data-Ink)。必须剥离无意义视觉,采用高对比预警并支持一键导出。

04 · 极值环境单手盲操

0% (通过率)移动端可用性
基于人因工程与菲茨定律,在防暴持械等恶劣执勤状态下,必须将核心热区无脑放大 1.5 倍,放弃顶部返回,重构为手势驱动的底部高容错抽屉面板。
STRATEGIC CONCLUSION // 战略破局点
底层算法与花哨的可视化并非 UX 核心战场。平台必须将体验资源全面倾斜于 “跨库数据的极简穿透”“移动端的单手实战化”,以此形成绝对的体验壁垒。

打破壁垒:从功能堆砌到目标驱动的底层重构

基于前期痛点洞察,将设计重点转移到业务链路的缩减上。通过 JTBD 模型明确诉求,并构建以“1个全息指挥舱 + 4大核心应用”为基础的全新环绕式架构,实现从 9 分钟到 30 秒的跨越式提效。

🎯
现场锁定 (民警)30s极速核查通行与轨迹
🕸️
深度挖掘 (分析师)图谱智能推荐,防范遗漏线索
🚨
风险管控 (调度长)剥离干扰,全局一张图掌控

业务流程重组:以“查人”为例

9 min
现状 (AS-IS)
登录 7 个独立系统
跨屏人工比对校验
高频复制粘贴拼凑
手动撰写汇总结果
< 30 s
优化后 (TO-BE)
一键式感知底座全局搜索
图数融合算法秒级自动关联

1 个全息指挥舱

COMMAND CABIN

智能搜索归一

集成语义搜、模态搜与标签搜。支持自然语言描述,实现 20+ 系统入口归一化。

海量图数融合

穿透底层数据壁垒,汇聚 1.2TB 感知流与 40 亿业务表,构建人、车、地、事全连接网。

全息对象档案

实施“一人一档/一车一档”。360度立体展示对象历史轨迹、出行规律及潜在社交圈。

多维时空研判

结合地理围栏与异常算法,自动建立场所风险指数,预判高危人群流动动向。

极值环境下的单手盲操与秒级响应

B 端设计的精髓在于架构级的业务降噪。在下方卡片区滚动鼠标,系统将精准切页并拆解底层逻辑。右侧高保真原型可直接深度交互。

01
交互范式重构

全域检索与意图捕获

抛弃政务系统“以功能为中心”的深层树状菜单,转向“以意图为中心”的泛搜索架构。将千万级数据的触点,极致收敛于首屏的单一容器内。

量化架构洞察
HICK'S LAW
依据希克定律 (Hick's Law),减少选择支级数能指数级降低决策时间。引入多模态融合(语音/OCR)并适配单手拇指热区,突破强光环境下的键入阻力。
60%认知负荷下降
< 2s意图触达耗时
02
漏斗模型与状态可视化

多维特征交叉与量化收敛

针对复杂警务查询,系统将自然语言解析为可视化的时序与空间标签。在首屏直观展现从海量底库过滤至 42 人的漏斗压缩过程,并对 Top 3 目标预判外显。

量化架构洞察
KLM & SNR METRICS
依托按键层次模型 (KLM) 与视觉搜索理论。提取高置信度 Top 3,直接消除了传统分页列表带来的物理滚动摩擦与视觉扫视时间。
99.9%信噪比(SNR)压缩率
-85%物理交互(KLM)成本
03
认知负荷控制

信噪比重塑与决策前置

搜索引擎穿透后台异构数据库后,交互重心转向“防御数据洪流”。通过无情裁剪冗余表格字段,将 AI 命中置信度与推演依据直接在列表层外露。

量化架构洞察
SIGNAL-TO-NOISE
优化信息信噪比 (SNR)。将算力结论转化为红绿灯标签,辅助警务人员在不进入详情页的情况下,即可完成 80% 的研判排查,实现“决策前置”。
80%浅层决策率
3s扫视锁定目标
04
信息架构演进

全息档案:渐进式披露

以“目标实体”为基点重构数据孤岛,彻底打破原有 7 大业务子系统的视觉壁垒。顶部固定核心身份标示,下方运用平级卡片消除跨域断层。

量化架构洞察
PROGRESSIVE DISCLOSURE
运用渐进式披露原则,依据格式塔心理学对海量数据进行逻辑分组。悬浮态的胶囊 Tab 导航让高频横向切换不阻断分析心流。
100%沉浸式心流
0跨系统跳转
05
认知卸载

时空映射与轨迹折叠

将生硬的经纬度与时间戳,转化为具有强烈视觉韵律的垂直时间轴。感知轨迹(抓拍)与实名轨迹(网吧/出行)分类挂载,构建立体行为沙盘。

量化架构洞察
COGNITIVE OFFLOADING
通过视觉隐喻(颜色及图标)进行认知卸载,避免工作记忆过载。在卡片内部引入横向滚动的监控快照数组,最大化利用移动端寸土寸金的空间。
Z-Axis空间折叠率
1.5x阅读流畅度
06
视觉降维

关系图谱的空间降维

PC 端发散式的节点连线图在窄屏上是认知灾难。我们摒弃无意义的视觉炫技,将网状发散结构,强制降维为“线性层级下钻”的业务群组列表。

量化架构洞察
FITTS'S LAW
在图谱下钻场景中运用费茨定律,放大触控热区,规避节点图密集的误触风险。引入底部抽屉式的历史面包屑,随时保障层级迷失的“安全回撤”。
0%操作误触率
1D线性可控度
07
算力外显

矩阵聚类与规则映射

依托大模型算法,将错综复杂的社会关系提炼为 9 大高危业务圈层(如资金流转圈、同住圈等),并直接将模型研判的判定依据外挂在最浅层。

量化架构洞察
AI EXPLAINABILITY
解决 AI “黑盒效应”,实现高可解释性设计 (XAI)。采用“折叠式卡片阵列”,平衡极高信息密度与页面呼吸感,实现从“看数据”到“看洞察结论”的本质跃升。
9 Matrix业务全息穿透
Direct结论推演触达
MACRO ARCHITECTURE DESIGN

全域感知交互大满贯演示

perception.gov /search
11 // 可用性测试与迭代 | USABILITY & ITERATION

在实战中排查盲区,用“降噪”思维重塑体验

为了验证新架构的实战有效性,我们对系统进行了严苛的可用性测试。抛弃主观的视觉自嗨,通过监听一线真实的反馈,精准定位设计盲点,并用敏捷的架构降维完成了最终的业务闭环。

参测样本规模
8 名真实用户
覆盖一线民警至指挥中心
测试执行方法
100 % 现场实测
采用放声思考法 (Think Aloud)
任务合格线指标
> 90 %
核心任务的最低通过率标准
时效与体验目标
< 30
平均最高耗时,满意度 NPS > 75
发现问题 / 体验受挫
88% 通过率 (未达标)

图谱层级太深了,点开满屏蜘蛛网,看得头晕,关键的骨干根本找不到!

测试记录:关系图谱深挖 (平均耗时 45秒)

分析师在图谱下钻时,被发散的视觉节点严重干扰,导致认知负荷过载。

敏捷响应 / 架构降维
全量图谱“降维打击”

我意识到在千万级的实战业务中,清晰的逻辑永远比视觉上的炫技更重要。针对一线反馈,我果断砍掉了无意义的全量展开设计。

将复杂的发散式关系网强制进行认知降噪,优化为默认仅“2 度展开”。彻底消除节点粘连,测试通过率稳步回归 100%。

关联全域查询
100% 顺畅通过
22
平均耗时
太快了,一站式查全所有记录,以前根本不敢想这么顺畅,震惊。
刑侦大队研判员
移动端查同行人
96% 一次性通过
18
平均耗时
单手盲操非常顺手,终于不用在现场干着急,呼叫内勤帮忙代查了!
驻点派出所民警
大屏看风险预警
100% 零失误
08
平均耗时
把无意义的 3D 模型去掉后,屏幕终于干净了,关键风险指标一目了然。
指挥中心大厅主任
12 // 业务成果与终局复盘 | BUSINESS RESULTS & RETROSPECTIVE

打通图数壁垒,重塑认知边界

在千万级泛搜架构建设中,核心痛点是化解海量异构数据与基层高频实战诉求之间的壁垒。作为体验架构师,我将复杂的底层算力与 AI 工程结合,转化为极致克制的交互语言。这不仅是一次界面的重构,更是一场自下而上的战役,最终实现了从“人找数据”到“数据找人”的终局跨越。

91%
抛弃传统的表单填报思维。

面对基层强光高压、单手持机的极端执法环境。坚决推行极简泛搜与盲操防错设计,化行政派发的“强制使用”为实战中的“高频依赖”。

<30

终结多个系统间反复横跳、手工拼接线索的低效模式。依托单框泛搜与图谱技术,实现数据要素无缝串联与隐性挖掘:

全息静态档案 (人车地关联) 动态时空伴随轨迹推演
10分钟
大屏的本质是决策中枢。

克制盲目堆砌视觉特效的通病,将视听核心回归到高信噪比的预警数据层。结合公文规范一键导出,承接高频演练视察。

核心方法论重构

AI 赋能的体验设计链路

将大模型与前沿智能体深度结合,重塑从公安业务解构、边缘场景防御到原生代码交付的设计闭环。

01

智能语料语义解构

面对海量晦涩的公安底层表单。引入大语言模型技术对专业术语进行降维解析,快速梳理全局领域词典与交互模型,大幅缩短业务理解周期。

02

智能体极限推演

警务系统容错率为零。在交互论证阶段,利用 AI 智能体模拟极端实战场景(如跨警种越权、弱网断线),在逻辑层提前暴露体验盲区并焊死防御机制。

03

AI 驱动原生交付

跨越传统静态原型局限。借助 AI 编程环境直接生成带有真实数据流转、物理阻尼的原生交互前端代码,实现从设计理念到研发呈现的零损耗落地。

“千万级政务平台是庞大管理结构的精确投影:中枢需要宏大全局的面子,而一线需要极简防错的里子。”

AI 算力解放了双手,让我能投入真正的体验博弈中:用架构表现力满足宏观战略,用同理心守住微观底线。

13 // FINAL PROFILE

程明

高级交互设计师 | Senior Interaction Designer

专注复杂业务逻辑的系统性解构。在千万级政务与公安架构建设中,致力于在冰冷的海量数据算力网里,植入极具同理心的人机交互触感。 交互设计的终点不是界面的无意义堆砌,而是对复杂世界的平权化表达。我是底层核心技术与一线实战诉求的交互翻译官。

Mail Address
133 - 3865 - 1794
Phone Number
期待与您共同探索交互设计的边界