🔍
前期调研20%
📐
交互设计60%
🎨
视觉设计20%
为高频、复杂的数据治理任务， 建立更清晰、更连续、更可追溯的操作体验。
为什么改版
🛠️
这是一个服务于多个政府机关的数据治理平台，用于接入、管理、分类、监控和维护不同来源的数据。随着数据规模与业务模块持续增长，原有系统在高频任务中逐渐暴露出信息结构混乱、操作链路复杂和状态反馈不足等问题。
本次改版没有重做整个平台，而是从数据源管理、元数据管理、业务实体编辑和数据源监控四个高频场景切入，并将验证后的设计规则逐步推广到全局。
数据增长让原有结构失效
平台初版始建于 2018 年，随着数据源、元数据和业务对象持续增加，原有页面层级与列表设计已经难以支撑日常工作。
高频任务的操作成本过高
用户在新增数据源、选择数据库、编辑业务实体等任务中，需要反复查找入口、展开层级和填写长表单。
系统反馈无法帮助用户判断
任务状态、历史连接情况、编辑前后差异和保存结果缺少明确反馈，用户难以确认当前操作是否安全、成功或可恢复。
*由于保密相关，所有数据已经过脱敏处理*
发现问题
Discover
调研分析
可用性测试
定位问题
Determine
问题分析
归纳总结
确立设计方向
优化设计
Design
新增数据源
元数据管理
新增/编辑业务实体
数据源监控
落地验证
Check
效果验收
设计复盘
*由于保密相关，所有数据已经过脱敏处理*
我们对客户所在机关的主要用户（包含中、高级用户）下发了针对此次改版的问卷，以收集反馈。发出 280 份，回收 243 份问卷。同时对于使用群体里日常面临的问题做了初步定位，可以为下一步的设计思路提供依据。
公安局
劳保局
民政局
司法局
财政局
科技局
教育局
交通局
林业局
文化局
卫生局
商务局
规划局
法治办
信访局
发改委
市团委
保障局
30
20
10
0
-10
-20
N
P
S
总NPS
满意（8-10分）
不满意（0-6分）
新增数据源
“筛选数据有些繁琐，不知道点下去会发生什么”
“搜索很常用，但打开后需要好好找找”
“上面按钮有点乱，有些不知道什么意思”
元数据管理
“信息呈现太复杂了，找起来很花时间”
“有些数据的性质是什么，看不出来”
新增业务实体
“一上来就填这么多东西”
“编辑的时候看不见之前的内容，心里没底”
“有几次填完后没提交，网络一有问题就全没了”
数据源监控
“这个图表没办法追溯，我需要要看之前的状态”
“系统里弹窗有些乱，关起来麻烦”
不满意者中有93人填写了具体原因，我们对其中文本进行分析发现:
*由于保密相关，所有数据已经过脱敏处理*
任务
1
新增数据源
任务场景：数据逐渐增多，需要增加新的数据源，用来管理和分类不同的数据。
任务
2
元数据管理
任务场景：现在需要对公安局人事科增加一条元数据，并在此条元数据内新建两个字段以完善该条元数据。
任务
3
数据源监控
任务场景：去追溯某个部门数据源在过去24小时内的连接状况，并查看异常数据的详情。
测试问题集
操作前
操作中
1.在这个页面，你通常会注意哪些信息？
2.你认为这个页面提供的信息和操作能否满足工作需求？
3.你认为这个页面布局清晰吗？
信息
1.请问日常工作中大概会处理多少次数据？包括查看、编辑、新增等。
2.平均每个流程/操作大概会花多少时间？
操作情况
1.这种情况常出现吗？
2.如果有情况 XXX，你会怎么处理？
3.你认为目前的 XXX 符合你的工作习惯/预期吗？
场景
操作后
请问你的角色是？
测试者信息
1.在这个页面，你常用哪些操作？
2.这个操作容易吗？为什么会感到不方便？
操作
1.在整个流程中，你会犹豫或者卡顿吗？在什么情况下出现？
2.对于整个操作流程来说，有哪些不满意的点？？
通过让用户完成预先设定的任务流程，模拟真实的操作，深入具体场景，来观察和记录在流程中产生的具体问题，然后定位问题。
*由于保密相关，所有数据已经过脱敏处理*
新增数据源
元数据探查
元数据管理
用户行为
涉及模块
体验问题
需要在操作区域中寻找按钮
数据库查找很麻烦
探查后分不清各个表格是什么
选择时需要频繁收起展开
目录结构繁琐，选择难度大
填写信息冗长，分布不合理
选择数据源
填写表单
展示探查结果
选择挂载
选择数据
填写表单
查看修改记录/数据源影响分析
表格区域
表单页面
结果页
列表选择
列表选择
表单页面
信息查看页
新
增
选择
批量挂载后选择目录
点击新增
选择数据库
测试或保存
按钮区域
数据库弹窗列表
填写表单
*由于保密相关，所有数据已经过脱敏处理*
测试完成后，收集到测试过程中遇到的各种问题，以此对其进行归纳。
结合可用性测试、问卷的分析发现，我们对重点工作流程中的问题进行了梳理，探寻问题出现的根本原因，为接下来的设计工作提供思路。
以 新增数据源页面 为例：该页面的核心问题在于如何简化页面的结构，与增加工作流的信息反馈，减轻记忆负担；
从埋点数据（监听停留时间 & 点击事件）可以看出，数据源页面打开后，用户需要停留较长时间才能找到新增入口。而这是日常工作中的高频操作，究其原因是由于信息与操作分布不合理导致。
问题 1
页面布局混乱
52.7%
操作区域混乱
11.4%
屏效低
35.9%
表格操作复杂
由于列表本身的复杂性，同时初版设计未考虑的交互细节，导致在操作前后都出现了不同原因的效率低下问题。
问题 2
信息割裂
52.7%
列表难以选择
11.4%
缺少反馈
35.9%
操作不可逆
数据源管理
选择数据库（32选1）
*由于保密相关，所有数据已经过脱敏处理*
该页面的核心问题在于：元数据逐渐增多导致分类层级日益复杂，用户对于数据的识别性需求变高。原始界面中的树结构列表按照图标进行状态分类，但数据过多导致无法抓住重点。
🗃️
识别数据的根本需求是什么？
原列表中的图标提供了三种视觉逻辑：填充、描边、颜色，但信息过多无法抓住重点
源元数据
标准元数据
未发布
已发布
📎
判断数据优先级，快速检索：
问题 1
数据的优先级并不代表工作流中的优先级
问题 2
优先级随着业务与数据量而变化
📎
工作流中面临的关键问题：
问题 1
信息层级多，查找困难
问题 2
图标学习理解成本高
📌
*由于保密相关，所有数据已经过脱敏处理*
该页面的主要问题：页面使用了左右布局，在右侧冗长的表单页面中，浏览与编辑混为一体，造成体验上的混乱。
💾
数据保存机制缺失
在大费周章编辑完成后，一但提交时遇到网络或其他问题，刚填写完成的大量表单将无法保存，影响用户的使用耐心。
✍🏻
表单页面粗暴呈现，表单分类不完善
在该页面中，冗长的表单直接完全呈现出来让用户去填写，容易打压用户信心；
业务属性信息
技术属性信息
业务实体信息
数据源影响分析
👓
重点信息查看不方便
在编辑时，用户通常需要先对比之前的值再对其进行修改，而修改后的值往往将原值覆盖，缺少修改后的对比，容易造成工作失误。
查看
编辑
覆盖
对比
放弃
编辑
🌐
故障
😞
挫败
*由于保密相关，所有数据已经过脱敏处理*
因网页性能问题，不得不做分页处理
请点击继续浏览
继续浏览