Planning-DataStream 体验优化
针对复杂数据集成场景下的 ETL 画布杂乱与性能瓶颈，通过轻量化交互手段提升画布的整洁度与运维效率。
我的角色
UX 设计师
项目周期
2023.03 - 2023.04
核心挑战
- • 深入调研识别 ETL 文件结构混乱导致的内存溢出与运维焦虑
- • 权衡功能聚合与学习成本，探索多维度的交互优化方案
- • 主导并上线 Note 标注组件，实现复杂画布的区域化管理与快速定位
需求背景：不仅是乱，更是慢
随着业务逻辑的复杂化，数据流模块中的组件数量呈爆炸式增长。杂乱无章的画布不仅增加了后期维护的难度，更导致了严重的系统性能问题。
核心痛点： 用户并行运行多个数据流，导致内存爆满。通过日志分析发现，底层 ETL 文件结构冗余严重，用户“不敢动”旧文件，只能不断堆砌新组件。
RESEARCH_&_ANALYSIS_VISUAL 用户访谈与洞察
USER_INSIGHTS运维用户的“修改恐惧”
“这个文件太大了，我根本不知道改了这里会影响哪里，只能在旁边再接一段逻辑。”
发现：
系统缺乏足够灵活的数据处理功能，导致用户被迫采用“拆分”或“强行合并”的极端手段，工作流极度碎片化。
工作习惯的差异性
不同实施用户有完全不同的方法论。有些人倾向于保持文件精简，有些人则习惯将所有逻辑堆在一个画布里。
策略建议：
增加多功能组件减少数量，并提供更清晰的画布界面以兼容不同的工作模式。
设计方案演进
从“减少组件”到“管理组件”的思路转变。
方案一：增强单个组件功能
尝试通过“多合一”组件减少总数。
放弃原因： 违背了“功能单一”的设计原则，大幅增加了新手用户的学习门槛和出错风险。
OPTION_1_VISUAL 方案二：增加 Item Group 功能
引入类似于白板的分组机制，允许框选组件并折叠。
放弃原因： 交互路径过深，实现成本高，且容易造成“逻辑黑盒”，导致画布更难理解。
OPTION_2_GIF 方案三：Note 备注组件
不再强行合并组件，而是提供一种“视觉分区”和“语义关联”的能力。
- [√]
鼠标移入 Note，关联组件同步高亮，实现快速定位。
- [√]
支持自定义文本样式与背景色，提升视觉层级。
- [√]
轻量级实现，零学习成本。
FINAL_SOLUTION_GIF 反思与总结
需求上线后，Note 功能极大地缓解了运维压力，用户反馈良好。但我也意识到，组件数量多的根本矛盾仍未完全消除。
在后续的迭代中，我们开始主动引导用户进行文件拆分，并将“最佳实践”文档直接嵌入产品中。这让我明白，设计有时需要跳出界面，去思考更深层的工作方案。